@salla.sa/twilight-components 2.14.276 → 2.14.278
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-6SEXVM6z.js → filepond-B8IS5fc4.js} +1 -1
- package/dist/cjs/{filepond-plugin-file-poster-n2iYVp3t.js → filepond-plugin-file-poster-wZ73Ekkr.js} +1 -1
- package/dist/cjs/{filepond-plugin-file-validate-size-Iy3hm_gs.js → filepond-plugin-file-validate-size-B_DKZXnt.js} +1 -1
- package/dist/cjs/{filepond-plugin-file-validate-type-BwgIXaDl.js → filepond-plugin-file-validate-type-DDrvV_Am.js} +1 -1
- package/dist/cjs/{filepond-plugin-image-edit-D0Zm0Ae7.js → filepond-plugin-image-edit-CWJKXKBc.js} +1 -1
- package/dist/cjs/{filepond-plugin-image-exif-orientation-O9keaTXk.js → filepond-plugin-image-exif-orientation-B7u7IA2t.js} +1 -1
- package/dist/cjs/{filepond-plugin-image-preview-Cu__OpX5.js → filepond-plugin-image-preview-CAeV0T5l.js} +1 -1
- package/dist/cjs/{index-CW7Dnp8P.js → index-C-Dr3I5Z.js} +1 -1
- package/dist/cjs/{index-zDUTAnXB.js → index-DaEGq3bI.js} +2 -2
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/salla-accordion_62.cjs.entry.js +118 -89
- package/dist/cjs/salla-advertisement.cjs.entry.js +1 -1
- package/dist/cjs/salla-app-install-alert.cjs.entry.js +1 -1
- package/dist/cjs/salla-apps-icons.cjs.entry.js +1 -1
- package/dist/cjs/salla-cart-item-offers.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-filters-widget.cjs.entry.js +3 -3
- package/dist/cjs/salla-filters.cjs.entry.js +2 -2
- package/dist/cjs/salla-installment.cjs.entry.js +1 -1
- package/dist/cjs/salla-loyalty-prize-item.cjs.entry.js +2 -2
- package/dist/cjs/salla-loyalty-program.cjs.entry.js +2 -2
- package/dist/cjs/salla-metadata.cjs.entry.js +1 -1
- package/dist/cjs/salla-notification-item.cjs.entry.js +2 -2
- package/dist/cjs/salla-notifications.cjs.entry.js +1 -1
- package/dist/cjs/salla-offer.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 +2 -2
- package/dist/cjs/salla-order-summary.cjs.entry.js +2 -2
- package/dist/cjs/salla-orders.cjs.entry.js +1 -1
- package/dist/cjs/salla-payments.cjs.entry.js +3 -3
- package/dist/cjs/salla-price-range.cjs.entry.js +3 -3
- package/dist/cjs/salla-review-card.cjs.entry.js +2 -2
- package/dist/cjs/salla-reviews-page.cjs.entry.js +2 -2
- package/dist/cjs/salla-reviews.cjs.entry.js +2 -2
- package/dist/cjs/salla-social.cjs.entry.js +2 -2
- package/dist/cjs/salla-tiered-offer.cjs.entry.js +1 -1
- package/dist/cjs/salla-tooltip.cjs.entry.js +2 -2
- package/dist/cjs/salla-verify.cjs.entry.js +1 -1
- package/dist/cjs/salla-wallet.cjs.entry.js +1 -1
- package/dist/cjs/twilight.cjs.js +2 -2
- package/dist/collection/components/salla-bottom-alert/salla-bottom-alert.js +57 -26
- package/dist/collection/components/salla-cart-summary/salla-cart-summary.js +1 -1
- package/dist/collection/components/salla-color-picker/salla-color-picker.js +1 -1
- package/dist/collection/components/salla-comment-form/salla-comment-form.js +1 -1
- package/dist/collection/components/salla-comments/salla-comment-item.js +3 -3
- package/dist/collection/components/salla-conditional-fields/salla-conditional-fields.js +1 -1
- package/dist/collection/components/salla-count-down/salla-count-down.js +1 -1
- package/dist/collection/components/salla-datetime-picker/salla-datetime-picker.js +1 -1
- package/dist/collection/components/salla-file-upload/salla-file-upload.js +2 -2
- package/dist/collection/components/salla-filters/salla-filters.js +1 -1
- package/dist/collection/components/salla-filters-widget/salla-filters-widget.js +2 -2
- package/dist/collection/components/salla-gifting/salla-gifting.js +2 -2
- package/dist/collection/components/salla-list-tile/salla-list-tile.js +1 -1
- package/dist/collection/components/salla-loading/salla-loading.js +1 -1
- package/dist/collection/components/salla-localization-modal/salla-localization-modal.js +1 -1
- package/dist/collection/components/salla-loyalty/salla-loyalty-prize-item.js +1 -1
- package/dist/collection/components/salla-loyalty-program/salla-loyalty-program.js +1 -1
- package/dist/collection/components/salla-maintenance-alert/salla-maintenance-alert.js +1 -1
- package/dist/collection/components/salla-map/salla-map.js +3 -3
- package/dist/collection/components/salla-multiple-bundle-product/components/salla-multiple-bundle-product-cart.js +1 -1
- package/dist/collection/components/salla-multiple-bundle-product/components/salla-multiple-bundle-product-details.js +2 -2
- package/dist/collection/components/salla-multiple-bundle-product/components/salla-multiple-bundle-product-options-modal.js +4 -4
- package/dist/collection/components/salla-multiple-bundle-product/components/salla-multiple-bundle-product-slider.js +2 -2
- package/dist/collection/components/salla-multiple-bundle-product/salla-multiple-bundle-product.js +1 -1
- package/dist/collection/components/salla-notifications/salla-notification-item.js +1 -1
- package/dist/collection/components/salla-offer-modal/salla-offer-modal.js +1 -1
- package/dist/collection/components/salla-order-details/salla-order-details.js +1 -1
- package/dist/collection/components/salla-order-summary/salla-order-summary.js +1 -1
- package/dist/collection/components/salla-payments/salla-payments.js +2 -2
- package/dist/collection/components/salla-placeholder/salla-placeholder.js +1 -1
- package/dist/collection/components/salla-price-range/salla-price-range.js +2 -2
- package/dist/collection/components/salla-product-availability/salla-product-availability.js +1 -1
- package/dist/collection/components/salla-product-card/salla-product-card.js +5 -5
- package/dist/collection/components/salla-product-size-guide/salla-product-size-guide.js +2 -2
- package/dist/collection/components/salla-quantity-input/salla-quantity-input.js +1 -1
- package/dist/collection/components/salla-quick-buy/salla-quick-buy.js +1 -1
- package/dist/collection/components/salla-review-card/salla-review-card.js +1 -1
- package/dist/collection/components/salla-reviews/salla-reviews.js +1 -1
- package/dist/collection/components/salla-reviews-page/salla-reviews-page.js +1 -1
- package/dist/collection/components/salla-scopes/salla-scopes.js +1 -1
- package/dist/collection/components/salla-search/salla-search.js +3 -3
- package/dist/collection/components/salla-skeleton/salla-skeleton.js +1 -1
- package/dist/collection/components/salla-slider/salla-slider.js +2 -2
- package/dist/collection/components/salla-social/salla-social.js +1 -1
- package/dist/collection/components/salla-social-share/salla-social-share.js +1 -1
- package/dist/collection/components/salla-tabs/salla-tab-content.js +1 -1
- package/dist/collection/components/salla-tabs/salla-tab-header.js +1 -1
- package/dist/collection/components/salla-tabs/salla-tabs.js +1 -1
- package/dist/collection/components/salla-tel-input/salla-tel-input.js +1 -1
- package/dist/collection/components/salla-tooltip/salla-tooltip.js +1 -1
- package/dist/collection/components/salla-user-settings/salla-user-settings.js +1 -1
- package/dist/components/index.js +2 -2
- package/dist/components/salla-bottom-alert.js +57 -26
- package/dist/components/salla-cart-summary.js +1 -1
- package/dist/components/salla-color-picker2.js +1 -1
- package/dist/components/salla-comment-form2.js +1 -1
- package/dist/components/salla-comment-item2.js +3 -3
- package/dist/components/salla-conditional-fields2.js +1 -1
- package/dist/components/salla-count-down2.js +1 -1
- package/dist/components/salla-datetime-picker2.js +1 -1
- package/dist/components/salla-file-upload2.js +2 -2
- package/dist/components/salla-filters-widget2.js +2 -2
- package/dist/components/salla-filters.js +1 -1
- package/dist/components/salla-gifting.js +2 -2
- package/dist/components/salla-list-tile2.js +1 -1
- package/dist/components/salla-loading2.js +1 -1
- package/dist/components/salla-localization-modal.js +1 -1
- package/dist/components/salla-loyalty-prize-item.js +1 -1
- package/dist/components/salla-loyalty-program.js +1 -1
- package/dist/components/salla-maintenance-alert.js +1 -1
- package/dist/components/salla-map2.js +3 -3
- package/dist/components/salla-multiple-bundle-product-cart2.js +1 -1
- package/dist/components/salla-multiple-bundle-product-details2.js +2 -2
- package/dist/components/salla-multiple-bundle-product-options-modal2.js +4 -4
- package/dist/components/salla-multiple-bundle-product-slider2.js +2 -2
- package/dist/components/salla-multiple-bundle-product.js +1 -1
- package/dist/components/salla-notification-item2.js +1 -1
- package/dist/components/salla-offer-modal.js +1 -1
- package/dist/components/salla-order-details.js +1 -1
- package/dist/components/salla-order-summary.js +1 -1
- package/dist/components/salla-payments.js +2 -2
- package/dist/components/salla-placeholder2.js +1 -1
- package/dist/components/salla-price-range2.js +2 -2
- package/dist/components/salla-product-availability2.js +1 -1
- package/dist/components/salla-product-card2.js +5 -5
- package/dist/components/salla-product-size-guide.js +2 -2
- package/dist/components/salla-quantity-input.js +1 -1
- package/dist/components/salla-quick-buy2.js +1 -1
- package/dist/components/salla-review-card2.js +1 -1
- package/dist/components/salla-reviews-page.js +1 -1
- package/dist/components/salla-reviews.js +1 -1
- package/dist/components/salla-scopes.js +1 -1
- package/dist/components/salla-search.js +3 -3
- package/dist/components/salla-skeleton2.js +1 -1
- package/dist/components/salla-slider2.js +2 -2
- package/dist/components/salla-social-share.js +1 -1
- package/dist/components/salla-social.js +1 -1
- package/dist/components/salla-tab-content2.js +1 -1
- package/dist/components/salla-tab-header2.js +1 -1
- package/dist/components/salla-tabs2.js +1 -1
- package/dist/components/salla-tel-input2.js +1 -1
- package/dist/components/salla-tooltip2.js +1 -1
- package/dist/components/salla-user-settings.js +1 -1
- package/dist/esm/{filepond-tsafeG0B.js → filepond-D71oyZeF.js} +1 -1
- package/dist/esm/{filepond-plugin-file-poster-CLU6w9b3.js → filepond-plugin-file-poster-mqcA0lQ1.js} +1 -1
- package/dist/esm/{filepond-plugin-file-validate-size-CX6dlm3b.js → filepond-plugin-file-validate-size-CI4m6HOe.js} +1 -1
- package/dist/esm/{filepond-plugin-file-validate-type-Dww6qss9.js → filepond-plugin-file-validate-type-C8WKqVms.js} +1 -1
- package/dist/esm/{filepond-plugin-image-edit-DwudZslr.js → filepond-plugin-image-edit-CuYRyuol.js} +1 -1
- package/dist/esm/{filepond-plugin-image-exif-orientation-BrZGrwe5.js → filepond-plugin-image-exif-orientation-D9xkUYAH.js} +1 -1
- package/dist/esm/{filepond-plugin-image-preview-NpeY7GZZ.js → filepond-plugin-image-preview-BxK2q711.js} +1 -1
- package/dist/esm/{index-mrlY8HKK.js → index-CWOBjklM.js} +2 -2
- package/dist/esm/{index-DEsUYBYx.js → index-DWaaT-rO.js} +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/salla-accordion_62.entry.js +118 -89
- package/dist/esm/salla-advertisement.entry.js +1 -1
- package/dist/esm/salla-app-install-alert.entry.js +1 -1
- package/dist/esm/salla-apps-icons.entry.js +1 -1
- package/dist/esm/salla-cart-item-offers.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-filters-widget.entry.js +3 -3
- package/dist/esm/salla-filters.entry.js +2 -2
- package/dist/esm/salla-installment.entry.js +1 -1
- package/dist/esm/salla-loyalty-prize-item.entry.js +2 -2
- package/dist/esm/salla-loyalty-program.entry.js +2 -2
- package/dist/esm/salla-metadata.entry.js +1 -1
- package/dist/esm/salla-notification-item.entry.js +2 -2
- package/dist/esm/salla-notifications.entry.js +1 -1
- package/dist/esm/salla-offer.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 +2 -2
- package/dist/esm/salla-order-summary.entry.js +2 -2
- package/dist/esm/salla-orders.entry.js +1 -1
- package/dist/esm/salla-payments.entry.js +3 -3
- package/dist/esm/salla-price-range.entry.js +3 -3
- package/dist/esm/salla-review-card.entry.js +2 -2
- package/dist/esm/salla-reviews-page.entry.js +2 -2
- package/dist/esm/salla-reviews.entry.js +2 -2
- package/dist/esm/salla-social.entry.js +2 -2
- package/dist/esm/salla-tiered-offer.entry.js +1 -1
- package/dist/esm/salla-tooltip.entry.js +2 -2
- package/dist/esm/salla-verify.entry.js +1 -1
- package/dist/esm/salla-wallet.entry.js +1 -1
- package/dist/esm/twilight.js +3 -3
- package/dist/twilight/{p-4066a1b1.entry.js → p-0197b69d.entry.js} +1 -1
- package/dist/twilight/{p-69109692.entry.js → p-01eda274.entry.js} +1 -1
- package/dist/twilight/{p-ee9dd25a.entry.js → p-032b0e85.entry.js} +1 -1
- package/dist/twilight/{p-366503cd.entry.js → p-102f88f6.entry.js} +1 -1
- package/dist/twilight/{p-fa3319f5.entry.js → p-12525a9e.entry.js} +1 -1
- package/dist/twilight/{p-9481158a.entry.js → p-1588164a.entry.js} +1 -1
- package/dist/twilight/{p-267dd052.entry.js → p-1ca4a338.entry.js} +1 -1
- package/dist/twilight/p-2602ecb4.entry.js +4 -0
- package/dist/twilight/{p-9f14803b.entry.js → p-309f3ecb.entry.js} +2 -2
- package/dist/twilight/{p-49e5435a.entry.js → p-4b9cd5d6.entry.js} +1 -1
- package/dist/twilight/{p-0f14e2e4.entry.js → p-4f150940.entry.js} +1 -1
- package/dist/twilight/{p-8aa7c264.entry.js → p-4fb5361e.entry.js} +1 -1
- package/dist/twilight/{p-f1e1b555.entry.js → p-60a30891.entry.js} +1 -1
- package/dist/twilight/{p-eceb7c9e.entry.js → p-676b1050.entry.js} +1 -1
- package/dist/twilight/{p-4cda348c.entry.js → p-698397ba.entry.js} +1 -1
- package/dist/twilight/{p-64d87b2c.entry.js → p-7832ea04.entry.js} +1 -1
- package/dist/twilight/{p-de076268.entry.js → p-7bbc70c5.entry.js} +1 -1
- package/dist/twilight/{p-087697fd.entry.js → p-8cd68089.entry.js} +1 -1
- package/dist/twilight/{p-879c7b3b.entry.js → p-928d763c.entry.js} +1 -1
- package/dist/twilight/{p-2b6d8153.entry.js → p-9a4778f1.entry.js} +1 -1
- package/dist/twilight/{p-C0xTsGCO.js → p-BJ4No-vd.js} +1 -1
- package/dist/twilight/{p-fG9MNMWw.js → p-BXBRVFbS.js} +1 -1
- package/dist/twilight/{p-BPs87J_p.js → p-C6FJtlXc.js} +1 -1
- package/dist/twilight/{p-CCWkGy7g.js → p-C6Q-Q-d0.js} +1 -1
- package/dist/twilight/{p-mrlY8HKK.js → p-CWOBjklM.js} +1 -1
- package/dist/twilight/{p-CSGfyf5g.js → p-D0yi-XSr.js} +1 -1
- package/dist/twilight/{p-BQGKNqrM.js → p-D2TJIH9B.js} +1 -1
- package/dist/twilight/{p-dm1mR3lo.js → p-DWN70F99.js} +1 -1
- package/dist/twilight/{p-DM6HkKTq.js → p-Tyr8jfMa.js} +1 -1
- package/dist/twilight/{p-c526838b.entry.js → p-a05862ff.entry.js} +1 -1
- package/dist/twilight/{p-79277342.entry.js → p-a4b88291.entry.js} +1 -1
- package/dist/twilight/p-a70a57a7.entry.js +4 -0
- package/dist/twilight/{p-29a1db13.entry.js → p-a738d467.entry.js} +1 -1
- package/dist/twilight/{p-2e1734e7.entry.js → p-ae04bc91.entry.js} +1 -1
- package/dist/twilight/{p-0da66c10.entry.js → p-b481aa01.entry.js} +1 -1
- package/dist/twilight/{p-d6be71c8.entry.js → p-bb20894f.entry.js} +1 -1
- package/dist/twilight/{p-b648da57.entry.js → p-caa4f6d7.entry.js} +1 -1
- package/dist/twilight/{p-8138baca.entry.js → p-db1f98e2.entry.js} +1 -1
- package/dist/twilight/{p-98121aa5.entry.js → p-e257b430.entry.js} +1 -1
- package/dist/twilight/{p-b42d8a8b.entry.js → p-ed1a958a.entry.js} +1 -1
- package/dist/twilight/twilight.esm.js +1 -1
- package/dist/types/components/salla-bottom-alert/salla-bottom-alert.d.ts +4 -1
- package/package.json +5 -5
- package/dist/twilight/p-b072c1f9.entry.js +0 -4
- package/dist/twilight/p-faf1616b.entry.js +0 -4
|
@@ -26,7 +26,7 @@ export class SallaListTile {
|
|
|
26
26
|
};
|
|
27
27
|
}
|
|
28
28
|
render() {
|
|
29
|
-
return (h(Host, { key: '
|
|
29
|
+
return (h(Host, { key: 'b1b2a6bf65c40643d59f392e91cc76acaea5e89e' }, h("a", { key: '4b2026fd739b243a41bfc37fcb55bc07a1a54636', class: this.generateClass(), href: this.href || "#", target: this.target, "aria-label": "List Tile Link" }, h("div", { key: 'bbc7a7133da0e471ad92a5466e9ec0481d74cdd7', class: "s-list-tile-item-icon" }, h("slot", { key: 'e4e338854bfc7e6843c4b87f419c9aa59970c77b', name: 'icon' })), h("div", { key: '1b7b2e0a65193be521cdf6cccc314c83f853216d', class: "s-list-tile-item-content" }, h("div", { key: '4e6a178d219827b1feef394ea5564769bf11ded2', class: "s-list-tile-item-title" }, h("slot", { key: '75b036812aca3e00162fc8c40459b67d4db2cc6f', name: 'title' })), h("div", { key: 'ab0959a43214ae0eb4cf092ea3738c71ed987709', class: "s-list-tile-item-subtitle" }, h("slot", { key: 'e13f66fb2a0e1c5ab2a9081c808973c9f9ecca45', name: "subtitle" }))), h("div", { key: '78c7542367a41a1f8bc74bca73d2581f5c0b7bfd', class: "s-list-tile-item-action" }, h("slot", { key: '14c8c0f31d29855d743b52f82d52a3bed300b25f', name: 'action' })))));
|
|
30
30
|
}
|
|
31
31
|
static get is() { return "salla-list-tile"; }
|
|
32
32
|
static get originalStyleUrls() {
|
|
@@ -22,7 +22,7 @@ export class SallaLoading {
|
|
|
22
22
|
this.bgColor = "#e5e7eb";
|
|
23
23
|
}
|
|
24
24
|
render() {
|
|
25
|
-
return (h(Host, { key: '
|
|
25
|
+
return (h(Host, { key: '0f3796a2a8f9610f40e20eb01e4d60fb56e11a03', class: "s-loading-container" }, h("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" }, h("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" }), h("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" }))));
|
|
26
26
|
}
|
|
27
27
|
static get is() { return "salla-loading"; }
|
|
28
28
|
static get originalStyleUrls() {
|
|
@@ -108,7 +108,7 @@ export class SallaLocalizationModal {
|
|
|
108
108
|
});
|
|
109
109
|
}
|
|
110
110
|
render() {
|
|
111
|
-
return (h("salla-modal", { key: '
|
|
111
|
+
return (h("salla-modal", { key: '723456204235f09a432bb4c6a2efb8e3c240511a', isLoading: true, class: "s-hidden", ref: modal => this.modal = modal, width: "xs" }, h("div", { key: '71a27397f1f657a20e1b2a1973d177ec108e84ad', slot: 'loading' }, h("div", { key: '389c43a27caac28403179a3a2401e4d6ced5ea98', class: "s-localization-modal-skeleton" }, h("salla-skeleton", { key: '326e2f1af3ae44116d76ffa5cce9a5504f88f7ed', width: '25%', height: '15px' }), h("div", { key: '5a32fddf1e2d173dd5baec833c6069ea77f1840e', class: "s-localization-modal-skeleton-content" }, [...Array(4)].map(() => h("div", { class: "s-localization-modal-skeleton-item" }, h("div", { class: "s-localization-modal-skeleton-item-flex" }, h("salla-skeleton", { type: 'circle', height: '16px', width: '16px' }), h("salla-skeleton", { height: '10px', width: '100px' })), h("salla-skeleton", { height: '15px', width: '20px' })))), h("salla-skeleton", { key: 'e96327a83510158dd8f929570204081464a8cc48', width: '25%', height: '15px' }), h("div", { key: '00679c38be6c2a4112df15c7bb054ad83c5104eb', class: "s-localization-modal-skeleton-content" }, [...Array(4)].map(() => h("div", { class: "s-localization-modal-skeleton-item" }, h("div", { class: "s-localization-modal-skeleton-item-flex" }, h("salla-skeleton", { type: 'circle', height: '16px', width: '16px' }), h("salla-skeleton", { height: '10px', width: '100px' })), h("salla-skeleton", { height: '15px', width: '20px' })))), h("salla-skeleton", { key: '4eb11307a6dfe694017c175cc88b783a093750db', height: '40px', width: '100%' }))), !!this.hasError ?
|
|
112
112
|
h("salla-placeholder", { alignment: "center" }, h("span", { slot: "description" }, this.errorMessage)) :
|
|
113
113
|
h("div", { class: "s-localization-modal-inner" }, this.languages.length > 1 ?
|
|
114
114
|
h("div", { class: "s-localization-modal-section" }, h("label", { class: "s-localization-modal-title" }, salla.lang.get('common.titles.language')), h("div", { class: "s-localization-modal-section-inner" }, this.languages.length < 6 ?
|
|
@@ -7,7 +7,7 @@ export class SallaLoyaltyPrizeItem {
|
|
|
7
7
|
this.prizeItemSelected.emit(this.item);
|
|
8
8
|
}
|
|
9
9
|
render() {
|
|
10
|
-
return (h(Host, { key: '
|
|
10
|
+
return (h(Host, { key: '1a3463c51bf3e3e250f62b65d3a81815ec465923' }, h("div", { key: '03bf4d3e35b10d17a325ca4ef280cb384f3a76f4', onClick: this.onPrizeItemClick.bind(this) }, h("img", { key: 'a4d319b2daec5cdfec1c85910edea10bc1d1ab6c', class: "s-loyalty-prize-item-image", src: this.item.image, alt: this.item.name }), h("div", { key: '52059fafc318c1f5a6b0289669083476650f8761', class: "s-loyalty-prize-item-title" }, this.item.name), h("div", { key: 'a3e14e2d1bd86dc3e7dbd2e6c5115e119af965e5', class: "s-loyalty-prize-item-subtitle" }, this.item.description), h("div", { key: '55df95c028748c0387dc75dc4ad35c7285c907af', class: "s-loyalty-prize-item-points" }, this.item.cost_points, " Points"))));
|
|
11
11
|
}
|
|
12
12
|
static get is() { return "salla-loyalty-prize-item"; }
|
|
13
13
|
static get originalStyleUrls() {
|
|
@@ -72,7 +72,7 @@ export class SallaWalletTable {
|
|
|
72
72
|
}
|
|
73
73
|
}
|
|
74
74
|
render() {
|
|
75
|
-
return (h(Host, { key: '
|
|
75
|
+
return (h(Host, { key: '24ab88177569df0ae3c8e9003f8817935413f6f9' }, h("div", { key: '1617bdd654819bc8c24a3afd1d4af5cc3a148352' }, this.isLoadingLoyalty ? (h("salla-loading", null)) : (h("div", null, this.loyaltyPointsArray.length > 0 ? (h("div", null, h("table", { class: "s-loyalty-program-table" }, h("thead", { class: "s-loyalty-program-table-head" }, h("tr", { class: "s-loyalty-program-table-head-tr" }, h("th", { scope: "col", class: "s-loyalty-program-table-head-tr-th" }, salla.lang.get('pages.wallet.points')), h("th", { scope: "col", class: "s-loyalty-program-table-head-tr-th" }, salla.lang.get('pages.wallet.date')), h("th", { scope: "col", class: "s-loyalty-program-table-head-tr-th" }, salla.lang.get('pages.wallet.expiry_date')), h("th", { scope: "col", class: "s-loyalty-program-table-head-tr-th" }, salla.lang.get('common.elements.note')), h("th", { scope: "col", class: "s-loyalty-program-table-head-tr-th" }, salla.lang.get('common.elements.status')))), h("tbody", { class: "s-loyalty-program-table-tbody" }, this.loyaltyPointsArray.map(point => (h("tr", { class: "s-loyalty-program-table-tbody-tr" }, h("td", { class: "s-loyalty-program-table-tbody-tr-td" }, point?.type === 'plus' ? '+' : '', point?.points || '', " ", salla.lang.get('pages.loyalty_program.point')), h("td", { class: "s-loyalty-program-table-tbody-tr-td" }, formatDate(point?.created_at ? Number(point.created_at) * 1000 : undefined)), h("td", { class: "s-loyalty-program-table-tbody-tr-td" }, formatDate(point?.points_expire_date)), h("td", { class: "s-loyalty-program-table-tbody-tr-td" }, translateKey(point?.key)), h("td", { class: "s-loyalty-program-table-tbody-tr-td" }, translateKey(point?.status_key))))))), h("div", { class: "s-infinite-scroll-wrapper" }, !!this.nextPageUrlLoyalty && (h("salla-button", { onClick: this.handleClick, loading: this.isLoadingLoyalty }, salla.lang.get('common.elements.load_more')))))) : (h("div", null, h("div", { class: "s-loyalty-program-table-empty-state" }, h("span", { innerHTML: GiftIcon }), h("div", { class: "s-loyalty-program-table-placeholder-title" }, salla.lang.get('pages.loyalty_program.no_loyality_points_title')), h("div", { class: "s-loyalty-program-table-placeholder-sub-title" }, salla.lang.get('pages.loyalty_program.no_loyality_points_sub_title'))))))))));
|
|
76
76
|
}
|
|
77
77
|
static get is() { return "salla-loyalty-program"; }
|
|
78
78
|
static get originalStyleUrls() {
|
|
@@ -14,7 +14,7 @@ export class SallaMaintenanceAlert {
|
|
|
14
14
|
this.host.style.display = 'none';
|
|
15
15
|
}
|
|
16
16
|
render() {
|
|
17
|
-
return (h(Host, { key: '
|
|
17
|
+
return (h(Host, { key: 'ec1f4c39f02624943122e444dce1a19bbea34a07', class: "s-maintenance-alert-wrapper" }, h("button", { key: 'db2892331f6addedc5b916e9c4c666023d6765b0', class: "s-maintenance-alert-close", innerHTML: Cancel, onClick: () => this.closeAlert() }), h("div", { key: '2cc604e98eccd343eb0fbe07d6a030aeca28d142', class: "s-maintenance-alert-content" }, h("div", { key: '563c647d3e73b40f8db1c51dc6b74f4333c8964e', class: "s-maintenance-alert-container" }, h("div", { key: '662cb7f23d6fba70fa6f2025188e73fd7fad965d', class: "s-maintenance-alert-icon" }, h("img", { key: 'd5ce8780910ebefa6e16a720170d799974813816', src: salla.url.cdn('images/alert.png'), alt: "Alert" })), h("div", { key: '35f7d4d0a3af396e0ec2bd2f7362f4f1aa620523', class: "s-maintenance-alert-text" }, h("h2", { key: '14edaba08f2a7f48c673c5d9e714b7e6507543a2' }, this.title), h("p", { key: '5fd4831d78deebfc7c7b999c9a71225ab038ec14' }, this.message))), h("div", { key: 'f76912d23fe45cd1bd83a89faf646b3038402476' }, h("a", { key: '39f2609417b1ff80ea6376a0346fa1a227828c99', class: "s-maintenance-alert-btn", href: salla.config.get('maintenance_details.button_url') }, this.buttonTitle)))));
|
|
18
18
|
}
|
|
19
19
|
componentDidLoad() {
|
|
20
20
|
//auto-hide the alert if close button is clicked before one hour
|
|
@@ -271,11 +271,11 @@ export class SallaMap {
|
|
|
271
271
|
}
|
|
272
272
|
// render
|
|
273
273
|
render() {
|
|
274
|
-
return (h(Host, { key: '
|
|
274
|
+
return (h(Host, { key: '4493051dec9a6e1dfd97037f913832badb001588', class: "s-map-wrapper" }, h("salla-modal", { key: '5e492140d308e80f3a0572906e26a2750affd7ea', class: "s-map-modal-wrapper", noPadding: true, ref: modal => {
|
|
275
275
|
this.locationModal = modal;
|
|
276
|
-
} }, this.getLocationModal()), h("slot", { key: '
|
|
276
|
+
} }, this.getLocationModal()), h("slot", { key: 'c631ddacaa4d957d35f224137769669645841ef4', name: "button" }, h("salla-button", { key: '2e6f39c033be6327460362a80b9b6be8a99cce75', onClick: () => {
|
|
277
277
|
this.open();
|
|
278
|
-
}, color: "primary", class: "s-map-location-button" }, h("span", { key: '
|
|
278
|
+
}, color: "primary", class: "s-map-location-button" }, h("span", { key: '88371c09fa3aece12575e6759470279267d828be', class: "s-map-location-icon", innerHTML: this.formattedAddress ? Edit : Location }), this.formattedAddress ? (h("div", null, this.locateButtonEdit, " | ", this.formatAddress(this.formattedAddress))) : (this.locateButtonTitle))), h("input", { key: 'bae03eb7d7f756f3b92b5eee56c7dc0f366aee74', class: "s-hidden", name: this.name, required: this.required, value: this.getLatLng(), ref: color => this.mapInput = color })));
|
|
279
279
|
}
|
|
280
280
|
static get is() { return "salla-map"; }
|
|
281
281
|
static get originalStyleUrls() {
|
|
@@ -29,7 +29,7 @@ export class SallaMultipleBundleProductCart {
|
|
|
29
29
|
return (h("div", { slot: "html", class: "s-multiple-bundle-product-cart-header-wrapper" }, h("div", { class: `s-multiple-bundle-product-cart-header ${hasOptions ? '' : 's-multiple-bundle-product-cart-header-no-options'}` }, h("div", { class: "s-multiple-bundle-product-cart-header-content" }, h("a", { href: product?.url, class: "s-multiple-bundle-product-cart-header-image-wrapper" }, h("img", { src: product?.image?.url, alt: product?.image?.alt || product?.name, class: "s-multiple-bundle-product-cart-header-image" })), h("div", { class: "s-multiple-bundle-product-cart-header-content-details" }, h("h2", { class: "s-multiple-bundle-product-cart-header-content-details-title" }, h("a", { href: product?.url, class: "s-multiple-bundle-product-cart-header-content-details-title-link" }, product?.name)), h("div", { class: "s-multiple-bundle-product-cart-header-content-details-price" }, h("span", { class: "s-multiple-bundle-product-cart-header-content-details-price-regular" }, h("span", { innerHTML: product?.price ? salla.money(product?.price) : '' })), product?.sale_price > 0 && (h("span", { class: "s-multiple-bundle-product-cart-header-content-details-price-sale" }, h("span", { innerHTML: salla.money(product?.sale_price) })))), product?.quantity_in_group > 0 && product?.quantity !== 0 && (h("p", { class: "s-multiple-bundle-product-cart-header-content-details-quantity" }, h("span", null, salla.lang.get('pages.products.number_of_pieces')), h("span", null, product?.quantity_in_group))))), !hasOptions && (h("div", { class: "s-multiple-bundle-product-cart-header-remove-button" }, this.renderRemoveButton(sectionId, product, false))))));
|
|
30
30
|
}
|
|
31
31
|
render() {
|
|
32
|
-
return (h(Host, { key: '
|
|
32
|
+
return (h(Host, { key: '38c6c9885f273f77ddffa9141f2274941f8a2e50', class: "s-multiple-bundle-product-wrapper" }, h("div", { key: '8e26eb6d1c58d2d86ba7671b0cd0b7fbeccfa90f', class: "s-multiple-bundle-product-wrapper-sections" }, this.sections.map((section, sectionIndex) => {
|
|
33
33
|
return section.products.map(product => {
|
|
34
34
|
const bundleContext = {
|
|
35
35
|
sectionId: section.id,
|
|
@@ -141,10 +141,10 @@ export class SallaMultipleBundleProductDetails {
|
|
|
141
141
|
}
|
|
142
142
|
}
|
|
143
143
|
render() {
|
|
144
|
-
return (h(Host, { key: '
|
|
144
|
+
return (h(Host, { key: '01b95de8e1add5136b0fbaa0ceff430acff73f63', class: "s-multiple-bundle-product-wrapper" }, h("div", { key: '7736f0ab829921931872dc817815344fff90efe6', class: "s-multiple-bundle-product-wrapper-sections" }, this.sections.map((section, index) => {
|
|
145
145
|
const selectedCount = this.selectedProducts[section.id]?.size || 0;
|
|
146
146
|
return (h("salla-accordion", { key: section.id, collapsed: index === 1 ? true : false }, h("salla-accordion-head", null, this.renderAccordionHeader(section, selectedCount)), h("salla-accordion-body", null, h("salla-multiple-bundle-product-slider", { section: section, sectionIndex: index, selectedProducts: this.selectedProducts, onProductSelected: this.handleBundleSliderProductSelected, onProductOptionsSelected: this.handleBundleSliderProductOptionsSelected }))));
|
|
147
|
-
})), h("salla-multiple-bundle-product-options-modal", { key: '
|
|
147
|
+
})), h("salla-multiple-bundle-product-options-modal", { key: '1cf3eb8fdce83b3ebbdfa13f422490b20e370e8e' })));
|
|
148
148
|
}
|
|
149
149
|
static get is() { return "salla-multiple-bundle-product-details"; }
|
|
150
150
|
static get originalStyleUrls() {
|
|
@@ -442,7 +442,7 @@ export class SallaMultipleBundleProductOptionsModal {
|
|
|
442
442
|
render() {
|
|
443
443
|
const productId = this.product?.id;
|
|
444
444
|
const optionsWithSelectedState = this.getOptionsWithSelectedState();
|
|
445
|
-
return (h(Host, { key: '
|
|
445
|
+
return (h(Host, { key: 'f48867c1730d142b1e55ddb4442c7e7d789a35bb' }, h("salla-modal", { key: '62196cd41c3979ca5e71327d9aad450a819a45ec', isLoading: this.isLoading, ref: el => (this.modal = el), width: "md", centered: false, id: `s-multiple-bundle-product-options-modal-options-${productId}`, class: "s-multiple-bundle-product-options-modal-wrapper" }, h("div", { key: 'feee0e09d5f1dbb19f02b8c109f43e7dc5d1dad8', slot: "loading" }, h("salla-skeleton", { key: '149debcb4852d4096613721a202f4079439abf0a', height: "100%", width: "100%" })), this.product?.images && this.product?.images.length > 0 && (h("salla-slider", { key: '591045fe1d3c9e30bb53a927d3e4d62b54623503', id: `details-slider-${this.product?.id}`, type: "thumbs", loop: false, "auto-height": true, "listen-to-thumbnails-option": true, showThumbsControls: false, controlsOuter: false, showControls: false, class: "s-multiple-bundle-product-options-modal-slider", verticalThumbs: true, thumbsConfig: {
|
|
446
446
|
centeredSlides: true,
|
|
447
447
|
centeredSlidesBounds: true,
|
|
448
448
|
slidesPerView: Math.min(5, Math.max(1, this.product?.images.length)),
|
|
@@ -451,13 +451,13 @@ export class SallaMultipleBundleProductOptionsModal {
|
|
|
451
451
|
watchSlidesProgress: true,
|
|
452
452
|
direction: 'vertical',
|
|
453
453
|
spaceBetween: 10,
|
|
454
|
-
} }, h("div", { key: '
|
|
454
|
+
} }, h("div", { key: '1c4163f6d60a89b12d681e3df2db87a523ab092b', slot: "items" }, this.product?.images &&
|
|
455
455
|
this.product?.images.map((image, index) => (h("div", { key: index, class: "swiper-slide" }, h("img", { src: image.url, alt: image.alt || `${this.product?.name} - Image ${index + 1}`, loading: "lazy", onError: e => {
|
|
456
456
|
e.target.style.display = 'none';
|
|
457
|
-
} }))))), this.product?.images && this.product?.images.length > 1 && (h("div", { key: '
|
|
457
|
+
} }))))), this.product?.images && this.product?.images.length > 1 && (h("div", { key: '911fe5aad35ab3e733871bb185e7a89bb74b6da3', slot: "thumbs" }, this.product?.images &&
|
|
458
458
|
this.product?.images.map((image, index) => (h("div", { key: index, "data-caption": `${this.product?.name} - Image ${index + 1}` }, h("img", { src: image.url, loading: "eager", class: "s-multiple-bundle-product-options-modal-slider-thumb", title: `${this.product?.name} - ${index + 1}`, alt: image.alt || `${this.product?.name} - ${index + 1}`, onError: e => {
|
|
459
459
|
e.target.style.display = 'none';
|
|
460
|
-
} })))))))), h("salla-product-options", { options: JSON.stringify(optionsWithSelectedState), key: `${this.sectionId}-${this.sectionIndex}-${productId}-persistent`, "product-id": productId }), h("div", { key: '
|
|
460
|
+
} })))))))), h("salla-product-options", { options: JSON.stringify(optionsWithSelectedState), key: `${this.sectionId}-${this.sectionIndex}-${productId}-persistent`, "product-id": productId }), h("div", { key: 'd107ebd058a3f349a5f2f05f4e2b685942d485d6', slot: "footer" }, h("div", { key: '01c7d37a91bb95eb830fcc3290a7cfde9ef7324b', class: "s-multiple-bundle-product-options-modal-footer" }, h("salla-button", { key: '402b9d19c176ebaec8bd7396b9bafe74b81fa456', onClick: e => this.onSave(e), loading: this.isLoading, disabled: this.isLoading }, this.isLoading
|
|
461
461
|
? salla.lang.get('common.elements.saving')
|
|
462
462
|
: salla.lang.get('common.elements.save')))))));
|
|
463
463
|
}
|
|
@@ -34,9 +34,9 @@ export class SallaMultipleBundleProductSlider {
|
|
|
34
34
|
return `bundle[${sectionId}][${productIndex}][id]`;
|
|
35
35
|
}
|
|
36
36
|
render() {
|
|
37
|
-
return (h(Host, { key: '
|
|
37
|
+
return (h(Host, { key: 'ec6fb04196690c5299da565d852ec77bbee6b1e3' }, h("salla-slider", { key: 'a7e79c2f27a53135e55e2708b5aa60d05f9ad21b', type: "carousel", controlsOuter: false, showControls: false, id: "accordion-multiple-bundle-product", pagination: true, class: "s-multiple-bundle-product-wrapper-slider", sliderConfig: {
|
|
38
38
|
spaceBetween: 0,
|
|
39
|
-
} }, h("div", { key: '
|
|
39
|
+
} }, h("div", { key: 'c07aa5a0ee4fe106764b47dfa6d9f6509fb659cf', slot: "items" }, this?.section?.products?.map((product, productIndex) => {
|
|
40
40
|
const isChecked = this.selectedProducts[this.section.id]?.has(product.id) || false;
|
|
41
41
|
return (h("div", { class: `swiper-slide s-multiple-bundle-product-slide-one-third ${product.quantity == 0
|
|
42
42
|
? 's-multiple-bundle-product-slide-one-third-disabled'
|
package/dist/collection/components/salla-multiple-bundle-product/salla-multiple-bundle-product.js
CHANGED
|
@@ -82,7 +82,7 @@ export class SallaMultipleBundleProduct {
|
|
|
82
82
|
this.parseProducts(this.bundleSections);
|
|
83
83
|
}
|
|
84
84
|
render() {
|
|
85
|
-
return (h(Host, { key: '
|
|
85
|
+
return (h(Host, { key: 'e9b525af3c011566cd15247b5f1eaf274036cd98', class: "s-multiple-bundle-product-wrapper" }, this.isCartPage() ? this.renderCartPage() : this.renderDetailsPage()));
|
|
86
86
|
}
|
|
87
87
|
static get is() { return "salla-multiple-bundle-product"; }
|
|
88
88
|
static get originalStyleUrls() {
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
import { h } from "@stencil/core";
|
|
5
5
|
export class SallaNotificationItem {
|
|
6
6
|
render() {
|
|
7
|
-
return h("a", { key: '
|
|
7
|
+
return h("a", { key: '773f4784238c5d6ff060f996891d3b42e21703a0', href: this.notification.url, class: { "s-notifications-item": true, "s-notifications-item-shadow": true, "s-notifications-item-read": !this.notification.is_new } }, h("span", { key: '9589e70416b9ae04d82331717d29192fcfb2b0ae', class: "s-notifications-item-icon" }, h("i", { key: '2a208e20051f33ed305d15f9be13d6165ad577a6', class: { 's-notifications-item-icon sicon-bell-ring': true, 's-notifications-item-icon-new': this.notification.is_new } })), h("div", { key: '4a94e411048a69a065458c867d792c679bcf5362', class: "s-notifications-item-content" }, h("div", { key: 'fc9ede08e2e14d7b578f2a36ea7219dff1b9118a', class: "s-notifications-item-content-leading" }, h("h4", { key: '812d7fc74046793e2fc53afbd2b4d65445dc7d7a' }, this.notification.title), h("p", { key: '7a38966f6755b4261465e7b780b1028a607c6e00' }, this.notification.sub_title)), h("span", { key: 'ba5058df85b4fe9a685f4ea1f52e333ee9b20b7f', class: "s-notifications-item-content-trailing" }, h("i", { key: 'c93b353212b21a3cbfca72ff8bacd39738b332ac', class: "sicon-time s-notifications-item-content-trailing-icon" }), h("span", { key: '8206298a9fa03cd100d64b4934622033caebe7fc' }, this.notification.date))));
|
|
8
8
|
}
|
|
9
9
|
static get is() { return "salla-notification-item"; }
|
|
10
10
|
static get originalStyleUrls() {
|
|
@@ -180,7 +180,7 @@ export class SallaOfferModal {
|
|
|
180
180
|
// '</div>';
|
|
181
181
|
// }
|
|
182
182
|
render() {
|
|
183
|
-
return h("salla-modal", { key: '
|
|
183
|
+
return h("salla-modal", { key: 'b02cd6b8c4a1c04751c2de3a306141e3968763a0', "has-skeleton": true, "sub-title": this.offer_message, ref: modal => this.modal = modal, isLoading: true, class: `s-offer-modal-type-${this.offer_type ? this.offer_type : ''}` }, h("div", { key: 'c9b9e414107e0c07f67df5b58ffb805d27b97f47', slot: 'loading' }, h("div", { key: 'f13f2d328f4e3e640c6f0e25bcd243b63674dede', class: "s-offer-modal-skeleton" }, h("div", { key: '161a274876c65985d9fa60cee6d034c8b40e5bc6', class: "s-offer-modal-skeleton-header" }, h("salla-skeleton", { key: '2f856e9c905b2cf79e91b48929598e9ac2a87447', type: 'circle', height: '80px', width: '80px' }), h("salla-skeleton", { key: 'a736af3fddd6dd8b747e7cc2d644d9b60821fcc1', height: '15px', width: '50%' }), h("salla-skeleton", { key: 'f86ed33bdc4dd86dd2ecdef7eff2a9a9153ee84b', height: '10px', width: '30%' })), h("div", { key: '3a901c4c34503323d3401a63fb2ea321eb272240', class: "s-offer-modal-skeleton-items" }, [...Array(3)].map(() => h("div", { class: "s-offer-modal-skeleton-item" }, h("salla-skeleton", { height: '9rem' }), h("div", { class: "s-offer-modal-skeleton-item-title" }, h("salla-skeleton", { height: '15px', width: '100%' })), h("div", { class: "s-offer-modal-skeleton-item-subtitle" }, h("salla-skeleton", { height: '9px', width: '50%' }), h("div", { innerHTML: Cart2 }))))), h("div", { key: 'db979f351fbddf7508064633f90b44e6df84b86c', class: "s-offer-modal-skeleton-footer" }, h("salla-skeleton", { key: 'c88fa86157d68be127fe67546bdb498cdf07fe6c', height: '15px', width: '50%' }), h("salla-skeleton", { key: 'c30f40898e2c28e7de57fbb205be287740fe1aa2', height: '15px', width: '30%' })))), !this.hasError && this.offer !== null
|
|
184
184
|
? [h("span", { slot: 'icon', class: "s-offer-modal-header-icon", innerHTML: SpecialDiscountIcon }), this.getOfferContent(), h("div", { class: "s-offer-modal-footer", slot: "footer" }, this.offer.formatted_date ?
|
|
185
185
|
h("p", { class: "s-offer-modal-expiry" }, salla.lang.get('pages.products.offer_expires_in'), " ", this.offer.formatted_date)
|
|
186
186
|
: '', h("label", { class: "s-offer-modal-remember-label" }, h("input", { type: "checkbox", onChange: e => this.rememberMe(e), class: "s-offer-modal-remember-input" }), "\u00A0 ", salla.lang.get('common.elements.remember_my_choice'))),
|
|
@@ -36,7 +36,7 @@ export class SallaOrderDetails {
|
|
|
36
36
|
];
|
|
37
37
|
}
|
|
38
38
|
render() {
|
|
39
|
-
return h(Host, { key: '
|
|
39
|
+
return h(Host, { key: 'ca263aa861d52fdf36b6a842f6e58d07f27a6d1f', class: "s-order-details-wrapper" }, this.renderOrderDetailsContent());
|
|
40
40
|
}
|
|
41
41
|
static get is() { return "salla-order-details"; }
|
|
42
42
|
static get originalStyleUrls() {
|
|
@@ -62,7 +62,7 @@ export class SallaOrderSummary {
|
|
|
62
62
|
this.copyCodeButtonTimeout && clearTimeout(this.copyCodeButtonTimeout);
|
|
63
63
|
}
|
|
64
64
|
render() {
|
|
65
|
-
return (h("ul", { key: '
|
|
65
|
+
return (h("ul", { key: '75e332734c187402dcf43b73ae3d464559893203', class: "s-order-summary-wrapper" }, this.noItemFound ? h("salla-placeholder", { alignment: "center" }, h("span", { slot: "title" })) :
|
|
66
66
|
this.order_items.map((item) => (this.isDigitalCard(item) ? (h("li", { key: item.product.id, class: "s-order-summary-item" }, h("h2", { class: "s-order-summary-item-title" }, this.codes_text, " (", item.name, ")"), item.codes.map((code) => (h("div", { key: code.code, class: "s-order-summary-code-item-wrapper" }, h("p", null, h("span", { innerHTML: iconCreditCard }), h("span", null, code.code)), h("salla-button", { class: `s-order-summary-item-copy-button ${this.codeCopied === code.code ? 'copied' : ''}`, onClick: () => this.copyToClipboardHandler(code.code), shape: "link" }, h("span", { innerHTML: this.codeCopied === code.code ? iconCheck : iconCopy }), h("span", null, this.copy_text))))))) :
|
|
67
67
|
this.isDigitalProduct(item) ? (h("li", { key: item.product.id, class: "s-order-summary-item" }, h("h2", { class: "s-order-summary-item-title" }, this.files_text, " (", item.name, ")"), h("ul", null, item.files.map((file) => (h("li", { class: "s-order-summary-digital-item-wrapper" }, h("div", null, h("span", { innerHTML: iconFileArchive }), h("span", null, file.name)), h("a", { href: file.url, target: "_blank", class: "s-order-summary-item-download" }, h("span", { innerHTML: iconDownload }), h("span", null, this.download_text)))))))) : null))));
|
|
68
68
|
}
|
|
@@ -36,12 +36,12 @@ export class SallaPayments {
|
|
|
36
36
|
render() {
|
|
37
37
|
const madeInKSA = !this.exclude.includes('made-in-ksa') && salla.config.get('store.settings.made_in_ksa');
|
|
38
38
|
const sbcId = this.exclude.includes('sbc') ? null : salla.config.get('store.settings.certificate.id');
|
|
39
|
-
return (h(Host, { key: '
|
|
39
|
+
return (h(Host, { key: '8276f249b8d93b9bffbe2c41f19c0ae1c9dd38e3', class: "s-payments-list-wrap" }, h("ul", { key: 'e224c241d5a9a80addf788741b582e5ce50361be', class: "s-payments-list" }, madeInKSA && h("li", { key: '5402987d68874ad1b51b44fb2ded39f95ab076bc', class: "s-payments-list-item" }, h("img", { key: '8d8cb75b6b3b4975e23b4c12586844a1fdd32a5c', class: "lazy", width: "100%", height: "100%", decoding: "async", loading: "lazy", "data-src": salla.url.cdn(`images/made-in-ksa.svg`, 58, 58), alt: "made in KSA certified" })), this.payments.map((payment) => (payment == "cod" ?
|
|
40
40
|
h("div", { id: "cod-slot", innerHTML: this.codSlot
|
|
41
41
|
.replace(/\{image\}/g, salla.url.cdn(`images/payment/cod_mini.png`, 58, 58)) }) :
|
|
42
42
|
h("div", { id: "payment-slot", innerHTML: this.paymentSlot
|
|
43
43
|
.replace(/\{image\}/g, salla.url.cdn(`images/payment/${payment}_mini.png`, 58, 58))
|
|
44
|
-
.replace(/\{payment\}/g, payment) }))), sbcId && h("div", { key: '
|
|
44
|
+
.replace(/\{payment\}/g, payment) }))), sbcId && h("div", { key: 'b4fb77e93619190b04b265198f8ccced369b85e5', id: "sbc-slot", innerHTML: this.sbcSlot
|
|
45
45
|
.replace(/\{image\}/g, salla.url.cdn(`images/sbc.png`, 58, 58))
|
|
46
46
|
.replace(/\{link\}/g, `https://eauthenticate.saudibusiness.gov.sa/certificate-details/${sbcId}`) }))));
|
|
47
47
|
}
|
|
@@ -35,7 +35,7 @@ export class SallaPlaceholder {
|
|
|
35
35
|
};
|
|
36
36
|
}
|
|
37
37
|
render() {
|
|
38
|
-
return (h(Host, { key: '
|
|
38
|
+
return (h(Host, { key: '547b7d65011d9c7bd6e6869f5696a25f43ecf097', class: this.alignmentClass() }, h("div", { key: '1de300f1452db30b4f01d9faaff0e65082405816', class: `s-placeholder-icon s-placeholder-icon-${this.iconSize}`, innerHTML: this.icon }), h("div", { key: '051acd85460d00197e8a262fb5ce1392568fed44', class: "s-placeholder-title" }, h("slot", { key: '6ce6ce968005423d9da909a10a394baf2f216d5d', name: 'title' }, h("span", { key: 'f5a25392b23919df87830a30cbee430a3c9bf4c8' }, salla.lang.get('common.elements.no_options')))), h("div", { key: '29cb81f664c1d55d8d5e6d625b0252113ca438b8', class: "s-placeholder-description" }, h("slot", { key: 'bf16d9d8ddfc1c3674ce8068f1bb8016b819d0ba', name: 'description' }, h("span", { key: '07ec33e7aaf36b729adbc9f3f401e287fe18035c' }, salla.lang.get('common.errors.empty_results'))))));
|
|
39
39
|
}
|
|
40
40
|
static get is() { return "salla-placeholder"; }
|
|
41
41
|
static get originalStyleUrls() {
|
|
@@ -146,9 +146,9 @@ export class SallaPriceRange {
|
|
|
146
146
|
this.maxPrice = value === undefined ? '' : value;
|
|
147
147
|
}
|
|
148
148
|
render() {
|
|
149
|
-
return (h(Host, { key: '
|
|
149
|
+
return (h(Host, { key: '552a7f89180b1888c75f59f62eec181a2368121a' }, this.filterValues.map((filterValue, index) => {
|
|
150
150
|
return h("label", { class: "s-filters-label", htmlFor: `${this.option.key}-${index}`, key: index }, h("input", { id: `${this.option.key}-${index}`, name: "price", type: "radio", checked: this.isChecked(filterValue), class: "s-filters-radio", onChange: e => this.handleMinMaxPrice(e, filterValue) }), h("span", { innerHTML: this.getPriceLabel(filterValue) }));
|
|
151
|
-
}), h("div", { key: '
|
|
151
|
+
}), h("div", { key: '312f58873bb27b320bfb007b4166069dd4878c5e', class: "flex justify-center items-center" }, h("div", { key: 'f224028f07314f9b072879981df3854047cad91a', class: "relative max-w-xl w-full" }, h("div", { key: '4bd29b84e2c93ff56ce17d239c7630f161b9de06', class: "s-price-range-inputs" }, h("div", { key: '17e1c8f73ed6c1d22e4bd7d23ebdb16d4b69ad68', class: "s-price-range-relative" }, h("div", { key: 'fd73e14ee31d8fbcc149e0af6089a6b902eb824c', class: "s-price-range-currency" }, " ", salla.config.currency().symbol), h("input", { key: '2f5fc23ef544b3c4c6a7135246a069bfc9b2abac', type: "number", maxlength: "5", ref: el => this.minInput = el, onBlur: (e) => this.handleMinPrice(e), value: this.minPrice, placeholder: this.fromLabel, class: "s-price-range-number-input" })), h("div", { key: 'd671109259f5ce6c206e9a3c7cf74ad53aa69966', class: "s-price-range-gray-text" }, " -"), h("div", { key: 'cea2f1d4a0d56adced021a8ca5d17ced39bbf18d', class: "s-price-range-relative" }, h("div", { key: 'c7fe13448b4d73a10f57729ac3f07928d37bd2ec', class: "s-price-range-currency" }, " ", salla.config.currency().symbol), h("input", { key: '5c2791c4618717f48e31d46012774a42347b9eaf', type: "number", maxlength: "5", ref: el => this.maxInput = el, onBlur: (e) => this.handleMaxPrice(e), value: this.maxPrice, placeholder: this.toLabel, class: "s-price-range-number-input", "aria-describedby": "price-currency" })), h("salla-button", { key: '4decec6d9296d73f5263df95fde23d739e04538f', color: 'gray', shape: 'icon', size: 'small', fill: 'outline', onClick: (event) => this.changedEventHandler(event) }, h("span", { key: '2149837cfc2b0723bcf9b1593badc23c8a6e4a14', innerHTML: this.isRTL ? arrowLeft : arrowRight })))))));
|
|
152
152
|
}
|
|
153
153
|
componentDidLoad() {
|
|
154
154
|
this.isReady = true;
|
|
@@ -131,7 +131,7 @@ export class SallaProductAvailability {
|
|
|
131
131
|
field.nextElementSibling['innerText'] = '* ' + errorMsg;
|
|
132
132
|
}
|
|
133
133
|
render() {
|
|
134
|
-
return (h(Host, { key: '
|
|
134
|
+
return (h(Host, { key: '94979dc80347804a72904cb54f917070e0476489', class: "s-product-availability-wrap" }, this.isSubscribed || this.isVisitorSubscribed
|
|
135
135
|
? h("div", { class: "s-product-availability-subscribed" }, h("span", { innerHTML: BellRingIcon, class: "s-product-availability-subs-icon" }), salla.lang.get('pages.products.notify_availability_success'))
|
|
136
136
|
:
|
|
137
137
|
h("salla-button", { width: "wide", onClick: () => this.isUser ? this.submit() : this.openModel() }, salla.lang.get('pages.products.notify_availability')), this.isUser || this.isSubscribed || this.isVisitorSubscribed ? '' : this.renderModal()));
|
|
@@ -91,14 +91,14 @@ export class SallaProductCard {
|
|
|
91
91
|
's-product-card-out-of-stock': this.productData?.is_out_of_stock,
|
|
92
92
|
};
|
|
93
93
|
const hrefProp = this.productData?.url ? { href: this.productData.url, title: `Learn more about ${this.productData?.name}` } : {};
|
|
94
|
-
return (h(Host, { key: '
|
|
94
|
+
return (h(Host, { key: '55d26993163d8a0f02afb90bcd2e4775c0917377', id: `product-${this.productData?.id}`, class: classes }, h("div", { key: 'e43d1bc58fa8108fd9472ca4887fab659a3eeccc', class: !this.fullImage ? 's-product-card-image' : 's-product-card-image-full' }, h("a", { key: '73d9499d8d61f834aa95278f061c9c891c1d590a', ...hrefProp }, h("img", { key: 'be4520c090a16a81078615d6a62affd507da6dd0', class: `s-product-card-image-${salla.url.is_placeholder(this.productData?.image?.url)
|
|
95
95
|
? 'contain'
|
|
96
96
|
: this.fitImageHeight
|
|
97
97
|
? this.fitImageHeight
|
|
98
|
-
: 'cover'} lazy`, src: this.placeholder, alt: this.productData?.image?.alt || this.productData?.name, "data-src": this.productData?.image?.url || this.productData?.thumbnail }), !this.fullImage && !this.minimal ? this.getProductBadge() : ''), this.fullImage && h("a", { key: '
|
|
99
|
-
h("salla-button", { shape: "icon", fill: "none", color: "light", "aria-label": "Add or remove to wishlist", ref: el => this.wishlistBtn = el, class: "s-product-card-wishlist-btn animated", onClick: () => salla.wishlist.toggle(this.productData.id) }, h("span", { innerHTML: Heart })) : ''), h("div", { key: '
|
|
98
|
+
: 'cover'} lazy`, src: this.placeholder, alt: this.productData?.image?.alt || this.productData?.name, "data-src": this.productData?.image?.url || this.productData?.thumbnail }), !this.fullImage && !this.minimal ? this.getProductBadge() : ''), this.fullImage && h("a", { key: '577b58ab0434c3b473ce2de3f28dc3e8b1c03f99', ...hrefProp, class: "s-product-card-overlay" }), !this.horizontal && !this.fullImage ?
|
|
99
|
+
h("salla-button", { shape: "icon", fill: "none", color: "light", "aria-label": "Add or remove to wishlist", ref: el => this.wishlistBtn = el, class: "s-product-card-wishlist-btn animated", onClick: () => salla.wishlist.toggle(this.productData.id) }, h("span", { innerHTML: Heart })) : ''), h("div", { key: '1593d8c5336cc43e2aa1ba8d5ca7931b67fd9d46', class: "s-product-card-content" }, this.isSpecial && this.productData?.quantity ?
|
|
100
100
|
h("div", { class: "s-product-card-content-pie", ref: pie => this.pie = pie }, h("span", null, h("b", null, salla.helpers.number(this.productData?.quantity)), this.remained), h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "-2 -1 36 34", class: "s-product-card-content-pie-svg" }, h("circle", { cx: "16", cy: "16", r: "15.9155", class: "s-product-card-content-pie-svg-base" }), h("circle", { cx: "16", cy: "16", r: "15.9155", class: "s-product-card-content-pie-svg-bar" })))
|
|
101
|
-
: '', h("div", { key: '
|
|
101
|
+
: '', h("div", { key: 'a0605f788b05342c259e3f2ad87c8cf48f6d88ee', class: { 's-product-card-content-main': true, 's-product-card-content-extra-padding': this.isSpecial } }, h("h3", { key: 'fce73d249c7a0a82bd395d291716c5b96e6b4a5a', class: "s-product-card-content-title" }, h("a", { key: '8610e37c9d8cb8cbb74578ae1fa9da3d59852d48', ...hrefProp }, this.productData?.name)), this.productData?.subtitle && !this.minimal ?
|
|
102
102
|
h("p", { class: "s-product-card-content-subtitle" }, this.productData?.subtitle)
|
|
103
103
|
: ''), this.productData?.donation && !this.minimal && !this.fullImage ?
|
|
104
104
|
[h("salla-progress-bar", { donation: this.productData?.donation }), h("div", { class: "s-product-card-donation-input" }, this.productData?.donation?.can_donate ?
|
|
@@ -107,7 +107,7 @@ export class SallaProductCard {
|
|
|
107
107
|
this.addBtn.donatingAmount = e.target.value;
|
|
108
108
|
}, id: "donation-amount", name: "donating_amount", class: "s-form-control", placeholder: this.donationAmount })]
|
|
109
109
|
: '')]
|
|
110
|
-
: '', h("div", { key: '
|
|
110
|
+
: '', h("div", { key: '1d1f7f7eaa467b059f6776d1e6f15d981edd0106', class: { 's-product-card-content-sub': true, 's-product-card-content-extra-padding': this.isSpecial } }, this.getProductPrice(), this.productData?.rating?.stars && !this.minimal ?
|
|
111
111
|
h("div", { class: "s-product-card-rating" }, h("span", { innerHTML: Star }), h("span", null, this.productData.rating.stars))
|
|
112
112
|
: ''), this.isSpecial && this.productData.discount_ends
|
|
113
113
|
? h("salla-count-down", { date: this.formatDate(this.productData.discount_ends), "end-of-day": true, boxed: true, labeled: true })
|
|
@@ -45,11 +45,11 @@ export class SallaProductSizeGuide {
|
|
|
45
45
|
return h("salla-placeholder", { alignment: "center", iconSize: "xl" }, h("div", { slot: "title" }, this.placeholder_title), h("div", { slot: "description" }, this.placeholder_description));
|
|
46
46
|
}
|
|
47
47
|
render() {
|
|
48
|
-
return (h("salla-modal", { key: '
|
|
48
|
+
return (h("salla-modal", { key: 'e1a4f46c6b2a3b9d06b2cd439a29dae3d3df1e2b', class: "s-product-size-guide-wrapper", id: 'salla-product-size-guide-modal', isLoading: true, "has-skeleton": true, width: "md", ref: modal => this.modal = modal }, h("span", { key: '921988dcf15f88a4382244a710117a30466e51ec', slot: 'icon', class: "s-product-size-guide-header-icon", innerHTML: PencilRuler }), h("div", { key: '7a74a5995882d1d597e3e3ca6594248e03225be9', slot: "loading" }, h("div", { key: 'c08eaeb646f503f14b1a6bc9e0132970b09c154c', class: "s-product-size-guide-skeleton" }, h("salla-skeleton", { key: 'b0319b0ac90388145e1db879571680eea3742722', height: '15px', width: '25%' }), h("div", { key: '4cb3620675a3f6ef49a33e35113fbac468578034', class: "s-product-size-guide-skeleton-header" }, h("salla-skeleton", { key: '7413b92d0b53d179876bf9938f546819d190b01f', height: '40px' }), h("salla-skeleton", { key: 'd4f211c5548045bb4faea5e1e832c784cc85d2d0', height: '40px' }), h("salla-skeleton", { key: '23cb9409fb9f4863e233fdbe86a7ddd89761e7ed', height: '40px' }), h("salla-skeleton", { key: '93f027dbf97b43bcffae29ebfdf5c15c7fa012bf', height: '40px' })), h("div", { key: '494ca32976d92c800c5be8e44f26cb972f8cf1e0', class: "s-product-size-guide-skeleton-content" }, h("salla-skeleton", { key: '9889791d8bba3e58c6315e5d76b6536ef14ac29d', height: '15px', width: '25%' }), h("salla-skeleton", { key: 'e607037bbcab29681ffe47424b9566fcf32e7a58', height: '10px', width: '75%' }), h("salla-skeleton", { key: '9eedac50c162985e5c49b6e5b56c4ad86e86c5a6', height: '10px', width: '50%' }), h("salla-skeleton", { key: '9b189d240da2d519a4b0586bb827fd79d9021e3e', height: '10px', width: '75%' }), h("salla-skeleton", { key: 'b9341d1249c837d8b8a71b1c9c8793521c49808d', height: '10px', width: '100%' }), h("salla-skeleton", { key: 'c57270b467abbdae57a1a1389b4df6853b2de586', height: '10px', width: '25%' }), h("salla-skeleton", { key: 'e0d9e3646ffbd28ccf5c93fa99bb294b93f597e7', height: '10px', width: '60%' }), h("salla-skeleton", { key: '20bed29a322cfe01caf9b2c1c49c0d6b2be7afc5', height: '10px', width: '45%' }), h("salla-skeleton", { key: '132d3aee12bad2b3b84b769742c758854498a5b1', height: '10px', width: '30%' })))), h("slot", { key: '008b024c1d8daea0b17f184eda43eaab3d72069a', name: "header" }), !this.hasError && !!this.guides ?
|
|
49
49
|
[
|
|
50
50
|
h("salla-tabs", null, this.guides.map((guide) => h("salla-tab-header", { slot: "header", name: guide.name }, h("span", null, guide.name))), this.guides.map((guide) => h("salla-tab-content", { slot: "content", name: guide.name }, h("div", { innerHTML: guide.description }))))
|
|
51
51
|
]
|
|
52
|
-
: this.showPlaceholder(), h("slot", { key: '
|
|
52
|
+
: this.showPlaceholder(), h("slot", { key: '6aedc0d9ac633fe98c6475d2375d59ef761cc64e', name: "footer" })));
|
|
53
53
|
}
|
|
54
54
|
static get is() { return "salla-product-size-guide"; }
|
|
55
55
|
static get originalStyleUrls() {
|
|
@@ -80,7 +80,7 @@ export class SallaQuantityInput {
|
|
|
80
80
|
return this.host;
|
|
81
81
|
}
|
|
82
82
|
render() {
|
|
83
|
-
return (h(Host, { key: '
|
|
83
|
+
return (h(Host, { key: '38d9902bc9bec3bca5f00d171bd39e86270e8c48', class: "s-quantity-input" }, h("div", { key: '20cb75636c55b09705a7a95857bc98d37b56e94c', class: "s-quantity-input-container" }, h("button", { key: '59077c6462c02124fde23a180766fa130d9ceb92', onClick: () => this.increase(), class: "s-quantity-input-increase-button s-quantity-input-button", type: "button" }, !this.hasIncrementSlot ? h("span", { innerHTML: Add }) : '', h("slot", { key: '741be510b7b82a323be7a75d077bdb2e06dc4995', name: "increment-button" })), h("input", { key: '7d482864cf0e66d0d74c335f2b7e72302adaea47', class: "s-quantity-input-input", ...this.getInputAttributes(), ref: (el) => this.textInput = el, onInput: (event) => this.setValue(event.target.value), min: "1", value: this.quantity }), h("button", { key: '9a1458df4fecee23827801e9b3e463e86f47d497', class: "s-quantity-input-decrease-button s-quantity-input-button", onClick: () => this.decrease(), type: "button" }, !this.hasDecrementSlot ? h("span", { innerHTML: Minus }) : '', h("slot", { key: '3b5fabbb5a3792608921ee14b45bc48f4068d21c', name: "decrement-button" })))));
|
|
84
84
|
}
|
|
85
85
|
static get is() { return "salla-quantity-input"; }
|
|
86
86
|
static get originalStyleUrls() {
|
|
@@ -184,7 +184,7 @@ export class SallaQuickBuy {
|
|
|
184
184
|
});
|
|
185
185
|
}
|
|
186
186
|
render() {
|
|
187
|
-
return h(Host, { key: '
|
|
187
|
+
return h(Host, { key: 'e6440de17b7c8185dbd0636d0c009a04014ae215' }, this.quickBuyButton());
|
|
188
188
|
}
|
|
189
189
|
quickBuyButton() {
|
|
190
190
|
return h("apple-pay-button", { locale: salla.config.get('user.language_code'), onClick: () => this.quickBuyHandler(), "data-quick-purchase": "applepay", class: "s-quick-buy-apple-pay", "data-is-applepay": "1", buttonstyle: "black", type: this.type });
|
|
@@ -158,7 +158,7 @@ export class SallaReviewCard {
|
|
|
158
158
|
return (h("a", { href: this.review?.product?.url, class: "s-review-card-product-container" }, h("img", { alt: product.image?.alt || "Product", src: product.image?.url, class: "s-review-card-product-image", width: 60, height: 60, loading: "lazy", decoding: "async", draggable: false }), h("div", { class: "s-review-card-product-details" }, h("p", { class: "s-review-card-product-details-name" }, product.name), this.showPurchaseCount ? h("p", { class: "s-review-card-product-details-purchase-count" }, h("span", { innerHTML: IconFire2 }), this.purchasedCount) : null)));
|
|
159
159
|
}
|
|
160
160
|
render() {
|
|
161
|
-
return h("div", { key: '
|
|
161
|
+
return h("div", { key: '8c2e3500d7844c43e455e707c460a842995eda13', class: "s-review-card-container" }, this.renderSlider(), this.renderSingleImage(), renderDivider(), h("div", { key: '1b5cb3b515118ab578d2f64202e33ff2a67b3e89', class: "s-review-card-content" }, this.renderHeader(), h("p", { key: '784abce956a5ee45aa0d90b5bd5427c2658bcf2c', class: "s-review-card-review-content", innerHTML: this.review?.content }), renderDivider(), this.renderProductInfo()));
|
|
162
162
|
}
|
|
163
163
|
static get is() { return "salla-review-card"; }
|
|
164
164
|
static get originalStyleUrls() {
|
|
@@ -85,7 +85,7 @@ export class SallaReviews {
|
|
|
85
85
|
});
|
|
86
86
|
}
|
|
87
87
|
render() {
|
|
88
|
-
return (h("div", { key: '
|
|
88
|
+
return (h("div", { key: 'cd537a18970b0dbcbd7272145453489cd4b57014', class: "s-reviews-container" }, h("div", { key: 'df93737239fdfb1fd39b97cb639905a75b753b3c', class: "s-reviews-header-wrapper" }, h("h1", { key: 'efbab9a495a79dbc8885179e59d0ef33892d7f9a', class: "s-reviews-header" }, this.testimonialText), !!this.displayAllLink ? (h("a", { href: this.displayAllURL, class: "s-reviews-display-all" }, this.displayAllLinkText, h("span", { class: "s-reviews-display-all-icon", innerHTML: IconArrowLeft }))) : null), h("salla-slider", { key: '8b34c933c08bf5158de5896a3b11906cec804888', centered: true, "slides-per-view": 1, type: "testimonials", class: "s-reviews-testimonials-slider", "controls-outer": true, "auto-play": true, id: `testimonials-${this.source}-slider` }, h("div", { key: '6eba8881d661a3a516dc8561bd3e45a25e6dbd5c', slot: "items" }, this.reviews.map((item, index) => (h("div", { key: index, class: "s-reviews-swiper-slide" }, h("div", { class: "s-reviews-testimonial" }, h("div", { class: "s-reviews-testimonial__inner" }, h("div", { class: "s-reviews-testimonial__avatar" }, h("img", { src: 'images/s-empty.png', "data-src": item.avatar, alt: item.name ? item.name : 'testimonial-' + index, class: "lazy" })), h("div", { class: "s-reviews-testimonial__text" }, h("p", { innerHTML: item.content }), h("div", { class: "s-reviews-testimonial__name_wrapper" }, h("div", { class: "s-reviews-testimonial__info" }, item.name && h("h2", null, `${item.name}`)), h("div", { class: "s-reviews-testimonial__rating" }, h("salla-rating-stars", { size: "small", value: item.stars })))), h("span", { class: "s-reviews-testimonial__icon", innerHTML: IconQuoteOpen }))))))))));
|
|
89
89
|
}
|
|
90
90
|
static get is() { return "salla-reviews"; }
|
|
91
91
|
static get originalStyleUrls() {
|
|
@@ -142,7 +142,7 @@ export class SallaReviewsPage {
|
|
|
142
142
|
return options.map(option => (h("option", { key: option.value, value: option.value, selected: option.value === this.sort }, option.label)));
|
|
143
143
|
}
|
|
144
144
|
render() {
|
|
145
|
-
return (h("host", { key: '
|
|
145
|
+
return (h("host", { key: '6d478caef9753d4aaf9ab1a5376961b748ec2088' }, h("div", { key: 'f84c127d660cba0890ba110b4d203e50fc1f2d8d', class: "s-reviews-page-header-wrapper" }, h("h2", { key: '6c48e1343deaba4531987aefcc5888fc1e0d77ac', class: "s-reviews-page-title" }, this.langTitlesReviews, h("span", { key: 'fa9b923d592752b108da63efdf3167b118be65d0', class: "s-reviews-page-count" }, "(", this.langRatingReviews, ")")), h("div", { key: '52d0dd32e981721eb2529ed5d65769b078ad7538', class: "s-reviews-page-filter-wrapper" }, h("label", { key: '0f7fe49f3ac27db63d8992efa2c3c04b3b19367d', class: "s-reviews-page-filter-label", htmlFor: "testimonials-filter" }, this.langSorting), h("select", { key: '497563e494b7141c5a64dddc8cf4a202efba3776', onChange: (e) => this.handleSorting(e), disabled: !this.reviews.length, class: "s-reviews-page-filter" }, this.renderSortingOptions()))), this.reviews.length ? h("main", { class: "s-reviews-page-grid", ref: el => {
|
|
146
146
|
this.wrapper = el;
|
|
147
147
|
} }, this.reviews.map(review => (h("salla-review-card", { key: review.id, review: review }))))
|
|
148
148
|
: h("div", { class: "s-products-list-placeholder" }, h("span", { innerHTML: ShoppingBag }), h("p", null, this.placeholderText)), this.pagination?.links?.next && this.reviews.length ? (h("div", { class: "s-reviews-page-load-more-container" }, h("salla-button", { class: "s-reviews-page-load-more-btn", loading: this.isLoading, onClick: () => this.infiniteScroll?.loadNextPage(), onKeyUp: () => this.infiniteScroll?.loadNextPage() }, this.langLoadMore))) : null));
|
|
@@ -146,7 +146,7 @@ export class SallaScopees {
|
|
|
146
146
|
return salla.onReady();
|
|
147
147
|
}
|
|
148
148
|
render() {
|
|
149
|
-
return (h(Host, { key: '
|
|
149
|
+
return (h(Host, { key: 'eb070775cb835b58f2ca5d38d1b47c0e4c1efa8b' }, h("salla-modal", { key: 'a9ef86c5a4bc3db4353047163ce1cb794ca84345', ref: modal => this.modal = modal, isClosable: !!(this.isOpenedBefore || (this.selection == 'optional')), class: "s-scopes-modal", isLoading: this.loading, "has-skeleton": true }, this.loading ?
|
|
150
150
|
h("div", { slot: "loading" }, h("div", { class: "s-scopes-skeleton" }, h("salla-list-tile", { class: "s-scopes-header" }, h("div", { slot: "icon", class: "s-scopes-header-icon" }, h("salla-skeleton", { type: "circle" })), h("div", { slot: "title", class: "s-scopes-header-title mb-5" }, h("salla-skeleton", { height: '15px', width: '50%' })), h("div", { slot: "subtitle", class: "s-scopes-header-subtitle" }, h("salla-skeleton", { height: '10px' }), h("salla-skeleton", { height: '10px', width: '75%' }))), h("div", { class: "s-scopes-skeleton-search" }, h("salla-skeleton", { height: '10px', width: '50%' }), h("salla-skeleton", { height: '30px', width: '100%' })), h("div", { class: "s-scopes-skeleton-scopes" }, h("salla-skeleton", { height: '10px', width: '30%' }), h("salla-skeleton", { height: '10px', width: '25%' }), h("salla-skeleton", { height: '10px', width: '30%' }), h("salla-skeleton", { height: '10px', width: '25%' }), h("salla-skeleton", { height: '10px', width: '30%' }), h("salla-skeleton", { height: '10px', width: '25%' }), h("salla-skeleton", { height: '10px', width: '30%' }), h("salla-skeleton", { height: '10px', width: '25%' })), h("div", { class: "s-scopes-skeleton-btn" }, h("salla-skeleton", { height: '40px', width: '100%' }))))
|
|
151
151
|
:
|
|
152
152
|
[h("salla-list-tile", { class: this.originalScopesList?.length ? "s-scopes-header block" : "s-hidden" }, h("div", { slot: "icon", class: "s-scopes-header-icon", innerHTML: StoreAlt }), h("div", { slot: "title", class: "s-scopes-header-title" }, salla.lang.get('blocks.scope.you_are_browse_store_from')), h("div", { slot: "subtitle", class: "s-scopes-header-subtitle" }, !!this.selected_scope ? this.selected_scope.name : "")), h("div", { class: "s-scopes-wrap" }, !!this.originalScopesList?.length && h("h4", { class: "s-scopes-title" }, this.getFormTitle()), this.originalScopesList?.length > this.searchDisplayLimit ?
|
|
@@ -121,12 +121,12 @@ export class SallaSearch {
|
|
|
121
121
|
this.inputValue.length < 3 ? this.container.classList.remove('s-search-no-results') : '';
|
|
122
122
|
}
|
|
123
123
|
render() {
|
|
124
|
-
const searchContent = h("div", { key: '
|
|
125
|
-
h("salla-button", { loading: this.loading, class: { 's-search-action': true, 's-search-action-oval': this.oval }, onClick: () => this.handleActionClick() }, !this.loading && h("span", { innerHTML: Search })) : null), h("div", { key: '
|
|
124
|
+
const searchContent = h("div", { key: '64b8dccb734fee6d08cec74f87d7fb8486f0da00', class: { 's-search-container': true, 's-search-inline': this.inline }, ref: container => this.container = container }, h("div", { key: 'aef0ccb76aebff05b167dfe05a95ae19daa383ec', class: "s-search-input-wrapper" }, h("span", { key: 'ac7cb6699f2c6b09fb9da9e57cfe8e724c29e358', class: "s-search-icon-wrap" }, h("span", { key: '68f7207dafca4f6a337c2629338f84f29ccec3ef', class: "s-search-icon", innerHTML: this.loading ? '<i class="s-search-spinner-loader"/>' : Search })), h("input", { key: 'e182fff8d2f4d98cea7fd0a4c22b5fab5cff7dd2', type: "search", enterkeyhint: "search", autocomplete: "off", class: "s-search-input", placeholder: salla.lang.get('blocks.header.search_placeholder'), onInput: (e) => this.limitWordsAndSearch(e), onKeyDown: e => this.handleKeyDown(e), ref: input => this.searchInput = input, style: { height: this.height + 'px', borderRadius: this.oval ? this.height / 2 + 'px' : '' } }), this.showAction ?
|
|
125
|
+
h("salla-button", { loading: this.loading, class: { 's-search-action': true, 's-search-action-oval': this.oval }, onClick: () => this.handleActionClick() }, !this.loading && h("span", { innerHTML: Search })) : null), h("div", { key: 'a72889d16dc8949b3a42375f4377cda74f8de01a', class: "s-search-results" }, this.results?.data.map((product) => h("a", { href: product.url + '?from=search-bar', class: { "s-search-product": true, 's-search-product-not-available': !product.is_available }, innerHTML: this.productSlot
|
|
126
126
|
.replace(/\{name\}/g, product.name)
|
|
127
127
|
.replace(/\{price\}/g, product.price ? salla.money(product.price) : '')
|
|
128
128
|
.replace(/\{regular_price\}/g, product.is_on_sale && product.regular_price ? salla.money(product.regular_price) : '')
|
|
129
|
-
.replace(/\{image\}/g, product.image.url) })), h("p", { key: '
|
|
129
|
+
.replace(/\{image\}/g, product.image.url) })), h("p", { key: '63ae4b78f510b2a013813a544b240ac0cc7a8c69', ref: el => this.noResults = el, class: "s-search-no-results-placeholder" }, salla.lang.get('common.elements.no_options'))));
|
|
130
130
|
return (this.inline ?
|
|
131
131
|
h("div", { class: "s-search-modal" }, searchContent)
|
|
132
132
|
:
|
|
@@ -22,7 +22,7 @@ export class SallaSkeleton {
|
|
|
22
22
|
's-skeleton-item': true,
|
|
23
23
|
's-skeleton-item-circular': this.type == 'circle',
|
|
24
24
|
};
|
|
25
|
-
return (h(Host, { key: '
|
|
25
|
+
return (h(Host, { key: '64e0a58754b26fcca6cbc93d636c1c4d4f895a53', class: "s-skeleton-wrapper", style: { width: this.width, height: this.height } }, h("div", { key: '1e19620023d4dfc07d343e47bd2a0126db3f034a', class: classes }, "\u00A0")));
|
|
26
26
|
}
|
|
27
27
|
static get is() { return "salla-skeleton"; }
|
|
28
28
|
static get originalStyleUrls() {
|
|
@@ -507,7 +507,7 @@ export class SallaSlider {
|
|
|
507
507
|
classes += this.verticalThumbs ? ' s-slider-vertical ' : ' s-slider-horizontal ';
|
|
508
508
|
classes += this.arrowsCentered ? ' s-slider-v-centered ' : '';
|
|
509
509
|
classes += this.gridThumbs ? ' s-slider-with-grid-thumbs ' : '';
|
|
510
|
-
return (h(Host, { key: '
|
|
510
|
+
return (h(Host, { key: 'f252a63bd425f788d31328179372fa365385a85c', class: 's-slider-wrapper ' + classes }, this.blockTitle || this.showControls ?
|
|
511
511
|
h("div", { class: "s-slider-block__title" }, this.blockTitle ?
|
|
512
512
|
h("div", { class: "s-slider-block__title-right" }, h("h2", null, this.blockTitle), this.blockSubtitle ? h("p", { innerHTML: this.blockSubtitle }) : '')
|
|
513
513
|
: '', h("div", { class: "s-slider-block__title-left" }, this.displayAllUrl ?
|
|
@@ -515,7 +515,7 @@ export class SallaSlider {
|
|
|
515
515
|
: '', this.showControls ?
|
|
516
516
|
h("div", { class: "s-slider-block__title-nav", dir: "rtl" }, h("button", { "aria-label": "Previous Slide", class: "s-slider-prev s-slider-nav-arrow" }, h("span", { class: "s-slider-button-icon", innerHTML: this.direction == 'rtl' ? ArrowRightIcon : ArrowLeftIcon })), h("button", { "aria-label": "Next Slide", class: "s-slider-next s-slider-nav-arrow" }, h("span", { class: "s-slider-button-icon", innerHTML: this.direction == 'rtl' ? ArrowLeftIcon : ArrowRightIcon })))
|
|
517
517
|
: ''))
|
|
518
|
-
: '', h("div", { key: '
|
|
518
|
+
: '', h("div", { key: 'e84fedf7c982d9c15a2b43631123ae42ecf98ab8', class: "swiper s-slider-container", ref: el => this.sliderContainer = el, dir: this.vertical ? "ltr" : this.direction }, h("slot", { key: 'b91356832a6d5e19134073400f19046c3372b403' }), h("div", { key: '21d21f8ec73eb27016a199272e4193456e2e3823', class: "swiper-wrapper s-slider-swiper-wrapper", ref: el => this.sliderWrapper = el }, h("slot", { key: 'e18cdeba693a383a75523836c761f33bbc5e115e', name: 'items' })), this.pagination ? h("div", { class: "swiper-pagination" }) : ''), this.type == 'thumbs' && this.hasThumbSlot ? h("div", { class: "s-slider-thumbs" }, h("div", { class: "swiper s-slider-thumbs-container", dir: this.getThumbsDirection(), ref: el => this.thumbsSliderContainer = el }, h("div", { class: { "s-slider-swiper-wrapper swiper-wrapper": true, "s-slider-grid-thumbs": this.gridThumbs }, ref: el => this.thumbsSliderWrapper = el }, h("slot", { name: "thumbs" })), this.showThumbsControls ?
|
|
519
519
|
h("div", { class: "s-slider-thumbs-nav", dir: "rtl" }, h("button", { "aria-label": "Previous Slide", class: "s-slider-thumbs-prev s-slider-nav-arrow" }, h("span", { class: "s-slider-button-icon", innerHTML: this.direction == 'rtl' ? ArrowRightIcon : ArrowLeftIcon })), h("button", { "aria-label": "Next Slide", class: "s-slider-thumbs-next s-slider-nav-arrow" }, h("span", { class: "s-slider-button-icon", innerHTML: this.direction == 'rtl' ? ArrowLeftIcon : ArrowRightIcon })))
|
|
520
520
|
: null))
|
|
521
521
|
: null));
|
|
@@ -31,7 +31,7 @@ export class SallaSocial {
|
|
|
31
31
|
}
|
|
32
32
|
render() {
|
|
33
33
|
const linksArray = this.getLinksArray();
|
|
34
|
-
return (h(Host, { key: '
|
|
34
|
+
return (h(Host, { key: '8fb321cff071698640111ac5fccfb1fc8e130298' }, h("ul", { key: 'f00ef1d6ff429614000aba2af50514ea6f27a2f1', class: "s-social-list" }, linksArray.map((link) => (h("li", { class: "s-social-link" }, h("div", { id: "social-slot", innerHTML: this.socialSlot
|
|
35
35
|
.replace(/\{icon\}/g, this.iconsList[link.type])
|
|
36
36
|
.replace(/\{type\}/g, link.type)
|
|
37
37
|
.replace(/\{link\}/g, link.value.toString()) })))))));
|