@salla.sa/twilight-components 2.14.312 → 2.14.338
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-CiAt5i10.js → filepond-hpLROc_m.js} +1 -1
- package/dist/cjs/{filepond-plugin-file-poster-DdEJEgnf.js → filepond-plugin-file-poster-C8gskRGl.js} +1 -1
- package/dist/cjs/{filepond-plugin-file-validate-size-0E5awx2w.js → filepond-plugin-file-validate-size-CaO6qVs6.js} +1 -1
- package/dist/cjs/{filepond-plugin-file-validate-type-gT-JewGH.js → filepond-plugin-file-validate-type-mUUtcgCs.js} +1 -1
- package/dist/cjs/{filepond-plugin-image-edit-DtBf5E5M.js → filepond-plugin-image-edit-rptDhPuc.js} +1 -1
- package/dist/cjs/{filepond-plugin-image-exif-orientation-DlG1UV1W.js → filepond-plugin-image-exif-orientation-B6L8W0Qe.js} +1 -1
- package/dist/cjs/{filepond-plugin-image-preview-Dub3Jpec.js → filepond-plugin-image-preview-BoqOfOki.js} +1 -1
- package/dist/cjs/{index-BP5-4y-K.js → index-2liYDuhx.js} +583 -420
- package/dist/cjs/{index-i_mnWz5-.js → index-ChHHnqio.js} +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/salla-accordion_62.cjs.entry.js +173 -94
- 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 +2 -2
- 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-custom-fields.cjs.entry.js +1 -1
- package/dist/cjs/salla-filters-widget.cjs.entry.js +60 -12
- package/dist/cjs/salla-filters.cjs.entry.js +1 -1
- package/dist/cjs/salla-hook.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 +2 -2
- 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-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 +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-trust-badges.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/twilight.cjs.js +2 -2
- package/dist/collection/components/salla-apps-icons/salla-apps-icons.js +1 -1
- package/dist/collection/components/salla-button/salla-button.js +29 -13
- package/dist/collection/components/salla-comments/salla-comment-item.js +8 -3
- package/dist/collection/components/salla-comments/salla-comments.js +1 -1
- package/dist/collection/components/salla-filters-widget/salla-filters-widget.js +62 -12
- package/dist/collection/components/salla-gifting/salla-gifting.js +3 -3
- package/dist/collection/components/salla-hook/salla-hook.js +1 -1
- 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-login-modal/salla-login-modal.js +15 -2
- 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-multiple-bundle-product.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-options/salla-product-options.js +37 -16
- 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 +13 -2
- package/dist/collection/components/salla-quick-buy/salla-quick-buy.js +2 -2
- 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 +5 -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-menu/salla-user-menu.js +9 -1
- package/dist/collection/components/salla-user-settings/salla-user-settings.js +1 -1
- package/dist/collection/plugins/commonjs-cache-fix.js +21 -0
- package/dist/components/axios.js +583 -420
- package/dist/components/index.js +2 -2
- package/dist/components/salla-apps-icons.js +1 -1
- package/dist/components/salla-button2.js +29 -13
- package/dist/components/salla-comment-item2.js +8 -3
- package/dist/components/salla-comments.js +1 -1
- package/dist/components/salla-filters-widget2.js +61 -11
- package/dist/components/salla-gifting.js +3 -3
- package/dist/components/salla-hook.js +1 -1
- 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-login-modal.js +15 -2
- 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-multiple-bundle-product2.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-options2.js +37 -16
- package/dist/components/salla-product-size-guide.js +2 -2
- package/dist/components/salla-quantity-input.js +13 -2
- package/dist/components/salla-quick-buy2.js +6 -4
- 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 +5 -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-menu.js +9 -1
- package/dist/components/salla-user-settings.js +1 -1
- package/dist/esm/{filepond-aj0Vz3hN.js → filepond-CwjnR_95.js} +1 -1
- package/dist/esm/{filepond-plugin-file-poster-lPOvqQlG.js → filepond-plugin-file-poster-DES9KQfe.js} +1 -1
- package/dist/esm/{filepond-plugin-file-validate-size-CV5FbyeW.js → filepond-plugin-file-validate-size-BcloWdhO.js} +1 -1
- package/dist/esm/{filepond-plugin-file-validate-type-B7RUT3W_.js → filepond-plugin-file-validate-type-CbjGxksB.js} +1 -1
- package/dist/esm/{filepond-plugin-image-edit-CXPgbHP6.js → filepond-plugin-image-edit-BtZ6aJg8.js} +1 -1
- package/dist/esm/{filepond-plugin-image-exif-orientation-BKxDLyfR.js → filepond-plugin-image-exif-orientation-BVNb0UTU.js} +1 -1
- package/dist/esm/{filepond-plugin-image-preview-B3b6dOj7.js → filepond-plugin-image-preview-t1v2q4Jq.js} +1 -1
- package/dist/esm/{index-BVJkSSs6.js → index-CRmtzwUF.js} +583 -420
- package/dist/esm/{index-CvvOXX3k.js → index-HmYGeOpS.js} +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/salla-accordion_62.entry.js +173 -94
- 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 +2 -2
- 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-custom-fields.entry.js +1 -1
- package/dist/esm/salla-filters-widget.entry.js +60 -12
- package/dist/esm/salla-filters.entry.js +1 -1
- package/dist/esm/salla-hook.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 +2 -2
- 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-order-totals-card.entry.js +1 -1
- 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-trust-badges.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/twilight.js +3 -3
- package/dist/twilight/p-057e38a1.entry.js +4 -0
- package/dist/twilight/p-19f40612.entry.js +4 -0
- package/dist/twilight/{p-56e70b23.entry.js → p-1c31f335.entry.js} +1 -1
- package/dist/twilight/{p-3ba6d234.entry.js → p-1f31af27.entry.js} +1 -1
- package/dist/twilight/{p-caac78a8.entry.js → p-21ced14f.entry.js} +1 -1
- package/dist/twilight/{p-e7eeebf1.entry.js → p-2bb93ed0.entry.js} +1 -1
- package/dist/twilight/{p-a5780098.entry.js → p-3862a37f.entry.js} +1 -1
- package/dist/twilight/{p-65ce7926.entry.js → p-3f45a06b.entry.js} +1 -1
- package/dist/twilight/{p-0dcda629.entry.js → p-403bef37.entry.js} +1 -1
- package/dist/twilight/{p-62e50e0c.entry.js → p-4317d018.entry.js} +1 -1
- package/dist/twilight/{p-da2c81c6.entry.js → p-45053a9b.entry.js} +1 -1
- package/dist/twilight/{p-615331d4.entry.js → p-48d76aa7.entry.js} +1 -1
- package/dist/twilight/{p-366c2a7d.entry.js → p-56d3794f.entry.js} +1 -1
- package/dist/twilight/{p-061ec27c.entry.js → p-69600ceb.entry.js} +1 -1
- package/dist/twilight/{p-3c7c63ee.entry.js → p-817fca09.entry.js} +1 -1
- package/dist/twilight/{p-5606e8dd.entry.js → p-877ee446.entry.js} +1 -1
- package/dist/twilight/p-878f405f.entry.js +4 -0
- package/dist/twilight/{p-883a04da.entry.js → p-88c9cdc0.entry.js} +1 -1
- package/dist/twilight/p-8d231ba5.entry.js +4 -0
- package/dist/twilight/p-9108e972.entry.js +4 -0
- package/dist/twilight/p-95f3e7ea.entry.js +4 -0
- package/dist/twilight/{p-Bf2ln7Tf.js → p-BgkeXrDK.js} +1 -1
- package/dist/twilight/{p-CimxEIO_.js → p-BxtqlawD.js} +2 -2
- package/dist/twilight/p-CRmtzwUF.js +5 -0
- package/dist/twilight/{p-Cau1tMDQ.js → p-DTy6dAEi.js} +1 -1
- package/dist/twilight/{p-CtmyX8MN.js → p-DdMTtNYY.js} +1 -1
- package/dist/twilight/{p-CslymsND.js → p-VCBBJkYb.js} +1 -1
- package/dist/twilight/{p-CJWu6tW6.js → p-YYVkPdoE.js} +1 -1
- package/dist/twilight/{p-7d6d19b9.entry.js → p-a3ae644b.entry.js} +1 -1
- package/dist/twilight/{p-b3311168.entry.js → p-a4ad6d0b.entry.js} +1 -1
- package/dist/twilight/{p-3939ed34.entry.js → p-a665ff5d.entry.js} +1 -1
- package/dist/twilight/{p-032b235d.entry.js → p-a9bec6cf.entry.js} +1 -1
- package/dist/twilight/{p-41b68e9a.entry.js → p-b7f1e672.entry.js} +1 -1
- package/dist/twilight/p-c0f8d377.entry.js +11 -0
- package/dist/twilight/{p-0979d5a6.entry.js → p-e98f8bae.entry.js} +1 -1
- package/dist/twilight/{p-b9090ce1.entry.js → p-eb6378eb.entry.js} +1 -1
- package/dist/twilight/{p-0e4a8f9f.entry.js → p-ef827c32.entry.js} +1 -1
- package/dist/twilight/{p-c133896d.entry.js → p-f01949b5.entry.js} +1 -1
- package/dist/twilight/{p-5afe6962.entry.js → p-f10087fd.entry.js} +1 -1
- package/dist/twilight/{p-f586994e.entry.js → p-f33a5658.entry.js} +1 -1
- package/dist/twilight/p-f4dc16e8.entry.js +4 -0
- package/dist/twilight/{p-eb9bf011.entry.js → p-f6a7b2cf.entry.js} +1 -1
- package/dist/twilight/{p-DZVGmyCg.js → p-sFNa2aTl.js} +1 -1
- package/dist/twilight/{p-BQe0WtLQ.js → p-xAxNmkBV.js} +1 -1
- package/dist/twilight/twilight.esm.js +1 -1
- package/dist/types/components/salla-button/salla-button.d.ts +0 -1
- package/dist/types/components/salla-comments/interfaces.d.ts +1 -0
- package/dist/types/components/salla-comments/salla-comment-item.d.ts +1 -0
- package/dist/types/components/salla-filters-widget/salla-filters-widget.d.ts +7 -2
- package/dist/types/components/salla-product-options/salla-product-options.d.ts +8 -0
- package/dist/types/components/salla-quantity-input/salla-quantity-input.d.ts +5 -1
- package/dist/types/components/salla-social-share/salla-social-share.d.ts +1 -0
- package/dist/types/components/salla-user-menu/salla-user-menu.d.ts +1 -0
- package/package.json +5 -5
- package/dist/twilight/p-4657145b.entry.js +0 -11
- package/dist/twilight/p-7f03a939.entry.js +0 -4
- package/dist/twilight/p-87fe3f74.entry.js +0 -4
- package/dist/twilight/p-96f53e45.entry.js +0 -4
- package/dist/twilight/p-BVJkSSs6.js +0 -5
- package/dist/twilight/p-b81e66b2.entry.js +0 -4
- package/dist/twilight/p-d46b3cb6.entry.js +0 -4
- package/dist/twilight/p-e0c73f9b.entry.js +0 -4
- package/dist/twilight/p-f4383a51.entry.js +0 -4
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*/
|
|
4
4
|
'use strict';
|
|
5
5
|
|
|
6
|
-
var index = require('./index-
|
|
6
|
+
var index = require('./index-2liYDuhx.js');
|
|
7
7
|
|
|
8
8
|
const sallaAppsIconsCss = ":host{display:block}";
|
|
9
9
|
|
|
@@ -11,7 +11,7 @@ const SallaAppsIcons = class {
|
|
|
11
11
|
constructor(hostRef) {
|
|
12
12
|
index.registerInstance(this, hostRef);
|
|
13
13
|
this.apps = salla.config.get('store.apps');
|
|
14
|
-
this.appSlot = this.host.querySelector('[slot="app"]')?.innerHTML || `<img alt={name} src={icon} />`;
|
|
14
|
+
this.appSlot = this.host.querySelector('[slot="app"]')?.innerHTML || `<img alt={name} src={icon} width="135" height="40" />`;
|
|
15
15
|
salla.onReady(() => {
|
|
16
16
|
this.apps = salla.config.get('store.apps');
|
|
17
17
|
});
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*/
|
|
4
4
|
'use strict';
|
|
5
5
|
|
|
6
|
-
var index = require('./index-
|
|
6
|
+
var index = require('./index-2liYDuhx.js');
|
|
7
7
|
var Helper = require('./Helper-B5NunIdR.js');
|
|
8
8
|
var interfaces = require('./interfaces-DZDQwN6-.js');
|
|
9
9
|
require('./anime.es-BqW8JHZi.js');
|
|
@@ -14,16 +14,21 @@ const SallaFiltersWidget = class {
|
|
|
14
14
|
constructor(hostRef) {
|
|
15
15
|
index.registerInstance(this, hostRef);
|
|
16
16
|
this.changed = index.createEvent(this, "changed");
|
|
17
|
-
this.
|
|
17
|
+
this.initialItemCount = 10; // Show 10 items initially
|
|
18
|
+
this.expandedItemCount = 15; // Show 15 items when expanded
|
|
19
|
+
this.calculatedInitialHeight = 0; // Calculated based on actual content
|
|
20
|
+
this.calculatedExpandedHeight = 0; // Calculated based on actual content
|
|
18
21
|
this.isOpen = true;
|
|
19
22
|
this.isShowMore = false;
|
|
20
23
|
this.showMoreLabel = "عرض المزيد";
|
|
21
24
|
this.showLessLabel = "عرض أقل";
|
|
22
25
|
this.page = salla.config.get('page');
|
|
26
|
+
this.searchQuery = '';
|
|
27
|
+
this.filteredCount = 0; // Track filtered results count
|
|
23
28
|
}
|
|
24
29
|
connectedCallback() {
|
|
25
|
-
//
|
|
26
|
-
this.withLoadMore = this.option.key != 'price' && Array.isArray(this.option.values) && this.option.values.length >
|
|
30
|
+
// Show "Show More" button if there are more than 10 items
|
|
31
|
+
this.withLoadMore = this.option.key != 'price' && Array.isArray(this.option.values) && this.option.values.length > this.initialItemCount;
|
|
27
32
|
salla.onReady(() => {
|
|
28
33
|
this.page = salla.config.get('page');
|
|
29
34
|
});
|
|
@@ -33,8 +38,25 @@ const SallaFiltersWidget = class {
|
|
|
33
38
|
});
|
|
34
39
|
}
|
|
35
40
|
componentDidLoad() {
|
|
36
|
-
|
|
37
|
-
|
|
41
|
+
// Use fixed height per item for predictable calculations
|
|
42
|
+
// Each item is approximately 20px, so we calculate based on item count
|
|
43
|
+
const itemHeight = 20; // Fixed height per item
|
|
44
|
+
const paddingPerItem = 15; // Additional padding per item for margins/spacing
|
|
45
|
+
const allItems = this.widgetValues.querySelectorAll('.s-filters-label');
|
|
46
|
+
if (allItems.length > 0) {
|
|
47
|
+
const itemsToMeasure = Math.min(this.initialItemCount, allItems.length);
|
|
48
|
+
// Calculate initial height: (items × height) + (items × padding)
|
|
49
|
+
this.calculatedInitialHeight = this.initialItemCount * (itemHeight + paddingPerItem);
|
|
50
|
+
// Calculate expanded height based on first 15 items
|
|
51
|
+
if (allItems.length > this.initialItemCount) {
|
|
52
|
+
this.calculatedExpandedHeight = this.expandedItemCount * (itemHeight + paddingPerItem);
|
|
53
|
+
}
|
|
54
|
+
else {
|
|
55
|
+
this.calculatedExpandedHeight = itemsToMeasure * (itemHeight + paddingPerItem);
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
this.widgetValues.scrollHeight < this.calculatedInitialHeight && (this.withLoadMore = false);
|
|
59
|
+
(this.withLoadMore && this.widgetValues) && (this.widgetValues.style.maxHeight = `${this.calculatedInitialHeight}px`);
|
|
38
60
|
this.widgetContent.style.height = `${this.widgetContent.scrollHeight}px`;
|
|
39
61
|
}
|
|
40
62
|
/**
|
|
@@ -76,10 +98,21 @@ const SallaFiltersWidget = class {
|
|
|
76
98
|
async showMore() {
|
|
77
99
|
this.isShowMore = !this.isShowMore;
|
|
78
100
|
this.widgetContent.style.height = 'auto';
|
|
79
|
-
|
|
101
|
+
// Reset scroll position to top when collapsing to prevent content cutting
|
|
102
|
+
if (!this.isShowMore) {
|
|
103
|
+
this.widgetValues.scrollTop = 0;
|
|
104
|
+
}
|
|
105
|
+
// Use calculated heights based on actual content
|
|
106
|
+
const maxHeight = this.isShowMore ? this.calculatedExpandedHeight : this.calculatedInitialHeight;
|
|
107
|
+
// Calculate actual item count
|
|
108
|
+
const actualCount = this.searchQuery ? this.filteredCount : (Array.isArray(this.option.values) ? this.option.values.length : 0);
|
|
109
|
+
// When showing more: expand to 15 items height with scrollbar for items beyond 15
|
|
110
|
+
// When showing less: collapse to 10 items height
|
|
111
|
+
this.widgetValues.style.maxHeight = `${maxHeight}px`;
|
|
112
|
+
this.widgetValues.style.overflowY = this.isShowMore && actualCount > this.expandedItemCount ? 'auto' : 'hidden';
|
|
80
113
|
setTimeout(() => {
|
|
81
114
|
this.widgetContent.style.height = `${this.widgetContent.scrollHeight}px`;
|
|
82
|
-
}, 400); // get height after time of collapse
|
|
115
|
+
}, 400); // get height after time of collapse animation (duration-300)
|
|
83
116
|
}
|
|
84
117
|
/**
|
|
85
118
|
* Action to toggle widget open or closed (expand/ collapse).
|
|
@@ -93,7 +126,22 @@ const SallaFiltersWidget = class {
|
|
|
93
126
|
return '';
|
|
94
127
|
}
|
|
95
128
|
//@ts-ignore
|
|
96
|
-
|
|
129
|
+
const filteredValues = option.values.filter((filterOption) => {
|
|
130
|
+
if (!this.searchQuery)
|
|
131
|
+
return true;
|
|
132
|
+
const label = typeof filterOption === 'number'
|
|
133
|
+
? String(filterOption)
|
|
134
|
+
: (filterOption?.value || filterOption?.key || '');
|
|
135
|
+
return String(label).toLowerCase().includes(this.searchQuery.toLowerCase());
|
|
136
|
+
});
|
|
137
|
+
// Update filtered count for show more button logic
|
|
138
|
+
this.filteredCount = filteredValues.length;
|
|
139
|
+
// Show empty state if no results
|
|
140
|
+
if (filteredValues.length === 0) {
|
|
141
|
+
return (index.h("div", { class: "s-filters-widget-empty-state" }, salla.lang.get('common.elements.no_options') || 'لا توجد نتائج'));
|
|
142
|
+
}
|
|
143
|
+
//@ts-ignore
|
|
144
|
+
return filteredValues.map((filterOption, index$1) => {
|
|
97
145
|
let value = typeof filterOption == 'number' ? filterOption : (filterOption.key || filterOption.value);
|
|
98
146
|
return index.h("label", { class: "s-filters-label", htmlFor: `${option.key}-option-${value}`, key: `${option.key}-option-${value}` }, index.h("input", { id: `${option.key}-option-${value}`, name: option.key, type: "radio", checked: this.isSelectedOption(option, value), class: `s-filters-radio`, onChange: event => this.changed.emit({ event, option, value }) }), this.getOptionLabel(option, filterOption));
|
|
99
147
|
});
|
|
@@ -123,12 +171,12 @@ const SallaFiltersWidget = class {
|
|
|
123
171
|
return index.h("span", { class: "s-filters-option-name" }, label);
|
|
124
172
|
}
|
|
125
173
|
render() {
|
|
126
|
-
return (index.h(index.Host, { key: '
|
|
174
|
+
return (index.h(index.Host, { key: '077daba99bcd27c940a4e4efaf1bfee325952b9f', class: "s-filters-widget-container" }, index.h("h3", { key: '2ad33389bea9078357d8feabda3d1d813cc57887', class: "s-filters-widget-title", onClick: () => this.toggleWidget() }, index.h("span", { key: '8084e6e7032fde8a71c962db8025a17e22a0e017' }, this.option.label), index.h("span", { key: '56fa918f5391b3cfe6e58ffff2a5178515c49679', class: `s-filters-widget-plusminus ${this.isOpen ? 's-filters-widget-plusminus-active' : ''}` })), index.h("div", { key: '6935232082047b6147f24c332d48f0b8e6b028ba', class: "s-filters-widget-content", ref: (el) => this.widgetContent = el }, Array.isArray(this.option.values) && this.option.values.length > 5 && (index.h("div", { key: '1dc3c9aa881bcc2998d6460b296e92fb9dbeccc9', class: "s-filters-widget-search-wrapper", style: { padding: '8px 0', marginBottom: '8px' } }, index.h("input", { key: '296e9b6356ec5f646ecb7e255e79f9302b73b94a', type: "text", class: "s-filters-widget-search-input", placeholder: salla.lang.get('blocks.header.search_placeholder') || 'بحث...', value: this.searchQuery, onInput: (e) => this.searchQuery = e.target.value }))), index.h("div", { key: 'de9f573e83242f244a0f700e95913ce5701aba6c', class: "s-filters-widget-values", ref: (el) => this.widgetValues = el }, index.h("slot", { key: 'af9a5e720b01c69a5da1f9fa0c5e24fd811f7606' }), this.option.type !== interfaces.FilterOptionTypes.RANGE
|
|
127
175
|
? this.renderFilterOption(this.option)
|
|
128
176
|
: index.h("salla-price-range", { onChanged: (event) => {
|
|
129
177
|
this.changed.emit(event.detail);
|
|
130
|
-
}, ref: price => this.priceRange = price, filtersData: this.filtersData, option: this.option })), this.withLoadMore &&
|
|
131
|
-
index.h("a", { key: '
|
|
178
|
+
}, ref: price => this.priceRange = price, filtersData: this.filtersData, option: this.option })), this.withLoadMore && (!this.searchQuery || this.filteredCount > this.initialItemCount) &&
|
|
179
|
+
index.h("a", { key: '0d849529f9fe7d9543f63cc3a035850ec5578b2c', class: "s-filters-widget-more", onClick: () => this.showMore() }, !this.isShowMore ? this.showMoreLabel : this.showLessLabel))));
|
|
132
180
|
}
|
|
133
181
|
get host() { return index.getElement(this); }
|
|
134
182
|
};
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*/
|
|
4
4
|
'use strict';
|
|
5
5
|
|
|
6
|
-
var index = require('./index-
|
|
6
|
+
var index = require('./index-2liYDuhx.js');
|
|
7
7
|
|
|
8
8
|
const SallaHook = class {
|
|
9
9
|
constructor(hostRef) {
|
|
@@ -13,7 +13,7 @@ const SallaHook = class {
|
|
|
13
13
|
this.host.before(element);
|
|
14
14
|
}
|
|
15
15
|
render() {
|
|
16
|
-
return index.h(index.Host, { key: '
|
|
16
|
+
return index.h(index.Host, { key: '189812f50392c4713c5d178b7ca17934b6407eac' });
|
|
17
17
|
}
|
|
18
18
|
async componentDidLoad() {
|
|
19
19
|
// Register this component for hooks system, already on it logic to run componentDidLoad trigger
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*/
|
|
4
4
|
'use strict';
|
|
5
5
|
|
|
6
|
-
var index = require('./index-
|
|
6
|
+
var index = require('./index-2liYDuhx.js');
|
|
7
7
|
|
|
8
8
|
const sallaInstallmentCss = "salla-installment:empty{display:none}#tabbyPromoWrapper{background:white;border-radius:0.375rem;transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);margin-bottom:20px;border:unset !important;font-weight:500}.salla-y #tabbyPromoWrapper{border:1px solid var(--color-grey-dark);border-radius:12px}#tabbyPromoWrapper:hover{box-shadow:0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 5px 10px 30px rgba(43, 45, 52, 0.0509803922)}#tabbyPromoWrapper #tabbyPromo *{font-family:var(--font-main)}#tabbyPromoWrapper #tabbyPromo>div>div{max-width:none;box-shadow:none;border:none}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet{max-width:100%;min-height:100px;padding:18px 20px;border:none !important}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__text,#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__link{font-size:var(--font-sm);color:var(--color-text) !important}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__link{font-weight:bold}.tabby-promo-wrapper #tabby-promo{font-family:var(--font-main) !important}.tabby-promo-wrapper #tabby-promo .tabby-promo__feature-title{font-size:var(--font-md)}.tabby-promo-wrapper #tabby-promo .tabby-promo__feature-desc{font-size:var(--font-sm);line-height:20px}.tamara-product-widget{margin-bottom:20px}.tamara-product-widget,.spotii-wrapper{min-height:100px;position:relative;color:var(--main-text-color);font-size:var(--font-sm);line-height:1.25;padding:20px 20px 20px 115px !important;background:white;border-radius:0.375rem;transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);border:unset !important;font-family:inherit !important;font-weight:500}.salla-y .tamara-product-widget,.salla-y .spotii-wrapper{border-radius:12px;border:1px solid var(--color-grey-dark)}.tamara-product-widget:hover,.spotii-wrapper:hover{box-shadow:0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 5px 10px 30px rgba(43, 45, 52, 0.0509803922)}.tamara-product-widget .spotii-logo,.spotii-wrapper .spotii-logo{float:left;margin:0 0 0 -75px}.ltr .tamara-product-widget,.ltr .spotii-wrapper{text-align:left;padding:18px 100px 18px 20px !important}.ltr .tamara-product-widget .spotii-logo,.ltr .spotii-wrapper .spotii-logo{float:right;margin:0 -75px 0 0}.ltr .tamara-product-widget .spotii-product-widget,.ltr .spotii-wrapper .spotii-product-widget{text-align:left !important}.spotii-wrapper{margin-bottom:20px}.spotii-wrapper .spotii-promo{font-size:var(--font-md)}.spotii-wrapper .spotii-product-widget{font-size:var(--font-sm) !important;margin-top:10px}.tamara-product-widget .tamara-logo{position:absolute;left:20px !important;top:35px !important;margin:0 !important;height:24px !important}.ltr .tamara-product-widget .tamara-logo{right:20px !important;left:auto !important}.tamara-product-widget span{font-family:var(--font-main);font-size:var(--font-sm);color:var(--color-text)}.tamara-product-widget span:last-child{display:block;position:relative;margin-top:8px}.tamara-popup__wrap{overflow:auto !important}.s-installment-mispay-wrapper,.s-installment-madfu-wrapper,.s-installment-emkan-wrapper,.s-installment-rajehi-wrapper{font-size:14px;text-align:right;padding:20px;gap:42px;line-height:22px;color:rgb(0, 0, 0);min-width:100%;box-sizing:border-box;position:relative;background-color:white;border-radius:10px;margin:15px 0;display:flex;transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1)}.s-installment-mispay-wrapper:hover,.s-installment-madfu-wrapper:hover,.s-installment-emkan-wrapper:hover,.s-installment-rajehi-wrapper:hover{box-shadow:0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 5px 10px 30px rgba(43, 45, 52, 0.0509803922)}.s-installment-mispay-content,.s-installment-madfu-content,.s-installment-emkan-content,.s-installment-rajehi-content{display:flex;flex-direction:row-reverse;width:100%;justify-content:space-between;align-items:center;gap:1rem}.s-installment-mispay-content-text,.s-installment-madfu-content-text,.s-installment-emkan-content-text,.s-installment-rajehi-content-text{color:var(--main-text-color);font-size:14px;font-weight:500;margin:0 16px 0 0;width:80%;left:14px;text-align:left}.s-installment-mispay-content img,.s-installment-madfu-content img,.s-installment-emkan-content img,.s-installment-rajehi-content img{height:28px;width:70px;display:inline-block;max-height:100%;vertical-align:middle;fill:none;stroke:unset;width:auto}.rtl .s-installment-mispay-content-text,.rtl .s-installment-madfu-content-text,.rtl .s-installment-emkan-content-text,.rtl .s-installment-rajehi-content-text{right:14px;text-align:right;margin:0 0 0 16px}.rtl .s-installment-mispay-content img,.rtl .s-installment-madfu-content img,.rtl .s-installment-emkan-content img,.rtl .s-installment-rajehi-content img{left:14px !important}.ltr .s-installment-mispay-content img,.ltr .s-installment-madfu-content img,.ltr .s-installment-emkan-content img,.ltr .s-installment-rajehi-content img{right:14px !important}.s-installment-rajehi-content img{width:70px !important;height:40px !important}.s-installment-emkan-content img{height:35px !important}";
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*/
|
|
4
4
|
'use strict';
|
|
5
5
|
|
|
6
|
-
var index = require('./index-
|
|
6
|
+
var index = require('./index-2liYDuhx.js');
|
|
7
7
|
|
|
8
8
|
const sallaLoyaltyPrizeItemCss = "salla-loyalty-prize-item:hover{box-shadow:0 5px 15px 1px rgba(0, 0, 0, 0.04) !important}";
|
|
9
9
|
|
|
@@ -16,7 +16,7 @@ const SallaLoyaltyPrizeItem = class {
|
|
|
16
16
|
this.prizeItemSelected.emit(this.item);
|
|
17
17
|
}
|
|
18
18
|
render() {
|
|
19
|
-
return (index.h(index.Host, { key: '
|
|
19
|
+
return (index.h(index.Host, { key: '6aad4c3c2052fc29cb04aafc307831ae92c9caf7' }, index.h("div", { key: 'aec0459249272685c12b451dce725857d514dcc9', onClick: this.onPrizeItemClick.bind(this) }, index.h("img", { key: '0bd6790bdb8f8e0c2f630801b370564d2b2f0ee4', class: "s-loyalty-prize-item-image", src: this.item.image, alt: this.item.name }), index.h("div", { key: '5f96c2b7b091b943044f1765d205dd4315227b56', class: "s-loyalty-prize-item-title" }, this.item.name), index.h("div", { key: 'd1124db21faf13b3275064b63f54f4119ff62f54', class: "s-loyalty-prize-item-subtitle" }, this.item.description), index.h("div", { key: 'fb6ca5f5d7994721c3ab36729a1cf07b494ac91a', class: "s-loyalty-prize-item-points" }, this.item.cost_points, " Points"))));
|
|
20
20
|
}
|
|
21
21
|
};
|
|
22
22
|
SallaLoyaltyPrizeItem.style = sallaLoyaltyPrizeItemCss;
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*/
|
|
4
4
|
'use strict';
|
|
5
5
|
|
|
6
|
-
var index = require('./index-
|
|
6
|
+
var index = require('./index-2liYDuhx.js');
|
|
7
7
|
var gift = require('./gift-BPDUPIY_.js');
|
|
8
8
|
|
|
9
9
|
const sallaLoyaltyProgramCss = "";
|
|
@@ -78,7 +78,7 @@ const SallaWalletTable = class {
|
|
|
78
78
|
}
|
|
79
79
|
}
|
|
80
80
|
render() {
|
|
81
|
-
return (index.h(index.Host, { key: '
|
|
81
|
+
return (index.h(index.Host, { key: '9beb3c0146ba1e0d5dc1c60a09c7d38af391bdc6' }, index.h("div", { key: 'a6ce757cb30de9b2e4d2c7e224b62452b9ce26e9' }, this.isLoadingLoyalty ? (index.h("salla-loading", null)) : (index.h("div", null, this.loyaltyPointsArray.length > 0 ? (index.h("div", null, index.h("table", { class: "s-loyalty-program-table" }, index.h("thead", { class: "s-loyalty-program-table-head" }, index.h("tr", { class: "s-loyalty-program-table-head-tr" }, index.h("th", { scope: "col", class: "s-loyalty-program-table-head-tr-th" }, salla.lang.get('pages.wallet.points')), index.h("th", { scope: "col", class: "s-loyalty-program-table-head-tr-th" }, salla.lang.get('pages.wallet.date')), index.h("th", { scope: "col", class: "s-loyalty-program-table-head-tr-th" }, salla.lang.get('pages.wallet.expiry_date')), index.h("th", { scope: "col", class: "s-loyalty-program-table-head-tr-th" }, salla.lang.get('common.elements.note')), index.h("th", { scope: "col", class: "s-loyalty-program-table-head-tr-th" }, salla.lang.get('common.elements.status')))), index.h("tbody", { class: "s-loyalty-program-table-tbody" }, this.loyaltyPointsArray.map(point => (index.h("tr", { class: "s-loyalty-program-table-tbody-tr" }, index.h("td", { class: "s-loyalty-program-table-tbody-tr-td" }, point?.type === 'plus' ? '+' : '', point?.points || '', " ", salla.lang.get('pages.loyalty_program.point')), index.h("td", { class: "s-loyalty-program-table-tbody-tr-td" }, formatDate(point?.created_at ? Number(point.created_at) * 1000 : undefined)), index.h("td", { class: "s-loyalty-program-table-tbody-tr-td" }, formatDate(point?.points_expire_date)), index.h("td", { class: "s-loyalty-program-table-tbody-tr-td" }, translateKey(point?.key)), index.h("td", { class: "s-loyalty-program-table-tbody-tr-td" }, translateKey(point?.status_key))))))), index.h("div", { class: "s-infinite-scroll-wrapper" }, !!this.nextPageUrlLoyalty && (index.h("salla-button", { onClick: this.handleClick, loading: this.isLoadingLoyalty }, salla.lang.get('common.elements.load_more')))))) : (index.h("div", null, index.h("div", { class: "s-loyalty-program-table-empty-state" }, index.h("span", { innerHTML: gift.GiftIcon }), index.h("div", { class: "s-loyalty-program-table-placeholder-title" }, salla.lang.get('pages.loyalty_program.no_loyality_points_title')), index.h("div", { class: "s-loyalty-program-table-placeholder-sub-title" }, salla.lang.get('pages.loyalty_program.no_loyality_points_sub_title'))))))))));
|
|
82
82
|
}
|
|
83
83
|
};
|
|
84
84
|
SallaWalletTable.style = sallaLoyaltyProgramCss;
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*/
|
|
4
4
|
'use strict';
|
|
5
5
|
|
|
6
|
-
var index = require('./index-
|
|
6
|
+
var index = require('./index-2liYDuhx.js');
|
|
7
7
|
|
|
8
8
|
const sallaNotificationsCss = "";
|
|
9
9
|
|
|
@@ -12,7 +12,7 @@ const SallaNotificationItem = class {
|
|
|
12
12
|
index.registerInstance(this, hostRef);
|
|
13
13
|
}
|
|
14
14
|
render() {
|
|
15
|
-
return index.h("a", { key: '
|
|
15
|
+
return index.h("a", { key: '3eebe833efbc8110fe1c4cdd8f2f19cb9af5c0a4', href: this.notification.url, class: { "s-notifications-item": true, "s-notifications-item-shadow": true, "s-notifications-item-read": !this.notification.is_new } }, index.h("span", { key: 'a7aa7033c2ec4d5dee948ffb417ca8ca02b4f73f', class: "s-notifications-item-icon" }, index.h("i", { key: 'c7fbc7610abb1d98b30789daa11663cb354ba407', class: { 's-notifications-item-icon sicon-bell-ring': true, 's-notifications-item-icon-new': this.notification.is_new } })), index.h("div", { key: '61abbf927872b32b7036c7c2dfc71814c6348ecc', class: "s-notifications-item-content" }, index.h("div", { key: '01412cc63786c56cfaa342de3dfc381649e8db22', class: "s-notifications-item-content-leading" }, index.h("h4", { key: '9b32ebdf75c612df75feead00340bba8ff4b520a' }, this.notification.title), index.h("p", { key: 'd04f93b82e384845cd62c931bc48a0093541746d' }, this.notification.sub_title)), index.h("span", { key: '20ff569fdf0e473add87a30c96f5af018949508b', class: "s-notifications-item-content-trailing" }, index.h("i", { key: '1b24f570a592d7bc840b9ad447a8414bd1bccce9', class: "sicon-time s-notifications-item-content-trailing-icon" }), index.h("span", { key: '379990c2b53929d6c14ee2ef4049e35de255fe27' }, this.notification.date))));
|
|
16
16
|
}
|
|
17
17
|
};
|
|
18
18
|
SallaNotificationItem.style = sallaNotificationsCss;
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*/
|
|
4
4
|
'use strict';
|
|
5
5
|
|
|
6
|
-
var index = require('./index-
|
|
6
|
+
var index = require('./index-2liYDuhx.js');
|
|
7
7
|
|
|
8
8
|
const sallaOrderDetailsMultipleBundleProductCss = "";
|
|
9
9
|
|
|
@@ -62,7 +62,7 @@ const SallaproductDetailsMultipleBundleProduct = class {
|
|
|
62
62
|
return null;
|
|
63
63
|
}
|
|
64
64
|
const collapsibleState = this.shouldBeCollapsible();
|
|
65
|
-
return (index.h(index.Host, { class: "s-order-details-bundle-wrapper" }, index.h("salla-accordion", { key: this.getAccordionKey(), collapsed: false, bordered: true, collapsible: collapsibleState, id: this.getAccordionId(), size: "sm" }, index.h("salla-accordion-head", null, index.h("div", { class: "s-order-details-product" }, index.h("div", { class: "s-order-details-product-content" }, index.h("div", { class: "s-order-details-product-info" }, index.h("div", { class: "s-order-details-product-image" }, index.h("img", { src: this.getProductImage(), alt: this.getProductImageAlt() })), index.h("div", { class: "s-order-details-product-details" }, index.h("a", { href: this.productDetails?.url || '#', class: "s-order-details-product-name" }, this.productDetails?.name || ''), this.
|
|
65
|
+
return (index.h(index.Host, { class: "s-order-details-bundle-wrapper" }, index.h("salla-accordion", { key: this.getAccordionKey(), collapsed: false, bordered: true, collapsible: collapsibleState, id: this.getAccordionId(), size: "sm" }, index.h("salla-accordion-head", null, index.h("div", { class: "s-order-details-product" }, index.h("div", { class: "s-order-details-product-content" }, index.h("div", { class: "s-order-details-product-info" }, index.h("div", { class: "s-order-details-product-image" }, index.h("img", { src: this.getProductImage(), alt: this.getProductImageAlt() })), index.h("div", { class: "s-order-details-product-details" }, index.h("a", { href: this.productDetails?.url || '#', class: "s-order-details-product-name" }, this.productDetails?.name || ''), this.productDetails?.quantity && (index.h("span", { class: "s-order-details-product-quantity" }, "\u00D7", this.productDetails.quantity))))))), this.renderOptions())));
|
|
66
66
|
}
|
|
67
67
|
};
|
|
68
68
|
SallaproductDetailsMultipleBundleProduct.style = sallaOrderDetailsMultipleBundleProductCss;
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*/
|
|
4
4
|
'use strict';
|
|
5
5
|
|
|
6
|
-
var index = require('./index-
|
|
6
|
+
var index = require('./index-2liYDuhx.js');
|
|
7
7
|
|
|
8
8
|
const sallaOrderDetailsCss = "";
|
|
9
9
|
|
|
@@ -39,7 +39,7 @@ const SallaOrderDetails = class {
|
|
|
39
39
|
];
|
|
40
40
|
}
|
|
41
41
|
render() {
|
|
42
|
-
return index.h(index.Host, { key: '
|
|
42
|
+
return index.h(index.Host, { key: '7ae1f566d2594d047e2a9a6a9bed860aa3896ccc', class: "s-order-details-wrapper" }, this.renderOrderDetailsContent());
|
|
43
43
|
}
|
|
44
44
|
static get watchers() { return {
|
|
45
45
|
"orderDetails": ["parseOrderDetailsData"]
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*/
|
|
4
4
|
'use strict';
|
|
5
5
|
|
|
6
|
-
var index = require('./index-
|
|
6
|
+
var index = require('./index-2liYDuhx.js');
|
|
7
7
|
var check = require('./check-CLRvuniI.js');
|
|
8
8
|
|
|
9
9
|
var iconFileArchive = `<!-- Generated by IcoMoon.io -->
|
|
@@ -92,7 +92,7 @@ const SallaOrderSummary = class {
|
|
|
92
92
|
this.copyCodeButtonTimeout && clearTimeout(this.copyCodeButtonTimeout);
|
|
93
93
|
}
|
|
94
94
|
render() {
|
|
95
|
-
return (index.h("ul", { key: '
|
|
95
|
+
return (index.h("ul", { key: 'ca710705a5f99c2442a5fdd25a29ff7202343723', class: "s-order-summary-wrapper" }, this.noItemFound ? index.h("salla-placeholder", { alignment: "center" }, index.h("span", { slot: "title" })) :
|
|
96
96
|
this.order_items.map((item) => (this.isDigitalCard(item) ? (index.h("li", { key: item.product.id, class: "s-order-summary-item" }, index.h("h2", { class: "s-order-summary-item-title" }, this.codes_text, " (", item.name, ")"), item.codes.map((code) => (index.h("div", { key: code.code, class: "s-order-summary-code-item-wrapper" }, index.h("p", null, index.h("span", { innerHTML: iconCreditCard }), index.h("span", null, code.code)), index.h("salla-button", { class: `s-order-summary-item-copy-button ${this.codeCopied === code.code ? 'copied' : ''}`, onClick: () => this.copyToClipboardHandler(code.code), shape: "link" }, index.h("span", { innerHTML: this.codeCopied === code.code ? check.IconVerified : iconCopy }), index.h("span", null, this.copy_text))))))) :
|
|
97
97
|
this.isDigitalProduct(item) ? (index.h("li", { key: item.product.id, class: "s-order-summary-item" }, index.h("h2", { class: "s-order-summary-item-title" }, this.files_text, " (", item.name, ")"), index.h("ul", null, item.files.map((file) => (index.h("li", { class: "s-order-summary-digital-item-wrapper" }, index.h("div", null, index.h("span", { innerHTML: iconFileArchive }), index.h("span", null, file.name)), index.h("a", { href: file.url, target: "_blank", class: "s-order-summary-item-download" }, index.h("span", { innerHTML: iconDownload }), index.h("span", null, this.download_text)))))))) : null))));
|
|
98
98
|
}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*/
|
|
4
4
|
'use strict';
|
|
5
5
|
|
|
6
|
-
var index = require('./index-
|
|
6
|
+
var index = require('./index-2liYDuhx.js');
|
|
7
7
|
|
|
8
8
|
const sallaPaymentsCss = ":host{display:block}";
|
|
9
9
|
|
|
@@ -37,12 +37,12 @@ const SallaPayments = class {
|
|
|
37
37
|
render() {
|
|
38
38
|
const madeInKSA = !this.exclude.includes('made-in-ksa') && salla.config.get('store.settings.made_in_ksa');
|
|
39
39
|
const sbcId = this.exclude.includes('sbc') ? null : salla.config.get('store.settings.certificate.id');
|
|
40
|
-
return (index.h(index.Host, { key: '
|
|
40
|
+
return (index.h(index.Host, { key: '171f3100fd67a51ad678cfdf648ff69c64c2a3a1', class: "s-payments-list-wrap" }, index.h("ul", { key: 'e6f55f5a6b1670d1f2c270cf4316c90ff5353a08', class: "s-payments-list" }, madeInKSA && index.h("li", { key: '42bd30418212c78184ccc22a449d724cc82df46b', class: "s-payments-list-item" }, index.h("img", { key: '8affc4db8a1fd708197a00dceba7f31759b7febd', 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" ?
|
|
41
41
|
index.h("div", { id: "cod-slot", innerHTML: this.codSlot
|
|
42
42
|
.replace(/\{image\}/g, salla.url.cdn(`images/payment/cod_mini.png`, 58, 58)) }) :
|
|
43
43
|
index.h("div", { id: "payment-slot", innerHTML: this.paymentSlot
|
|
44
44
|
.replace(/\{image\}/g, salla.url.cdn(`images/payment/${payment}_mini.png`, 58, 58))
|
|
45
|
-
.replace(/\{payment\}/g, payment) }))), sbcId && index.h("div", { key: '
|
|
45
|
+
.replace(/\{payment\}/g, payment) }))), sbcId && index.h("div", { key: 'a0b88ee6a9c0378bc2946ab5506747ba0ff4ff12', id: "sbc-slot", innerHTML: this.sbcSlot
|
|
46
46
|
.replace(/\{image\}/g, salla.url.cdn(`images/sbc.png`, 58, 58))
|
|
47
47
|
.replace(/\{link\}/g, `https://eauthenticate.saudibusiness.gov.sa/certificate-details/${sbcId}`) }))));
|
|
48
48
|
}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*/
|
|
4
4
|
'use strict';
|
|
5
5
|
|
|
6
|
-
var index = require('./index-
|
|
6
|
+
var index = require('./index-2liYDuhx.js');
|
|
7
7
|
var arrowLeft = require('./arrow-left-xSEmRpp6.js');
|
|
8
8
|
|
|
9
9
|
var arrowRight = `<!-- Generated by IcoMoon.io -->
|
|
@@ -159,9 +159,9 @@ const SallaPriceRange = class {
|
|
|
159
159
|
this.maxPrice = value === undefined ? '' : value;
|
|
160
160
|
}
|
|
161
161
|
render() {
|
|
162
|
-
return (index.h(index.Host, { key: '
|
|
162
|
+
return (index.h(index.Host, { key: '38e861565eba32f7905401f18c4ca56af7a12c99' }, this.filterValues.map((filterValue, index$1) => {
|
|
163
163
|
return index.h("label", { class: "s-filters-label", htmlFor: `${this.option.key}-${index$1}`, key: index$1 }, index.h("input", { id: `${this.option.key}-${index$1}`, name: "price", type: "radio", checked: this.isChecked(filterValue), class: "s-filters-radio", onChange: e => this.handleMinMaxPrice(e, filterValue) }), index.h("span", { innerHTML: this.getPriceLabel(filterValue) }));
|
|
164
|
-
}), index.h("div", { key: '
|
|
164
|
+
}), index.h("div", { key: '0d36c5e34fa0aeffc82cb6d43069d568c7f60e27', class: "flex justify-center items-center" }, index.h("div", { key: '92d12aec4ad4cafe4cc234697a2b8da941d79e2f', class: "relative max-w-xl w-full" }, index.h("div", { key: '1cc8f2de52169095a130d386f0670c802508ba35', class: "s-price-range-inputs" }, index.h("div", { key: '509a518a8de8177101805a4c81fd5f7a53007960', class: "s-price-range-relative" }, index.h("div", { key: 'b0cf4876758e86e676e850c3d2ac8610536892c0', class: "s-price-range-currency" }, " ", salla.config.currency().symbol), index.h("input", { key: '00b6a1d73249153329b376eaf871d6be830d2d40', 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" })), index.h("div", { key: '5517e97d2cb19bf2791c190b7803bc415394a3f6', class: "s-price-range-gray-text" }, " -"), index.h("div", { key: '182a0cfae1c328e60116e6537872a7dc5ffab563', class: "s-price-range-relative" }, index.h("div", { key: '6f936938df035b95288a683eeceb4f7962b1e0ac', class: "s-price-range-currency" }, " ", salla.config.currency().symbol), index.h("input", { key: '5e143013b6ad7537a042c6801f581bf0cfa62b94', 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" })), index.h("salla-button", { key: '5ac9d08136618280814266d1108c042b1aac6822', color: 'gray', shape: 'icon', size: 'small', fill: 'outline', onClick: (event) => this.changedEventHandler(event) }, index.h("span", { key: '03795b3bf5881e5a39f8272c867bdbad049d203d', innerHTML: this.isRTL ? arrowLeft.arrowLeft : arrowRight })))))));
|
|
165
165
|
}
|
|
166
166
|
componentDidLoad() {
|
|
167
167
|
this.isReady = true;
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*/
|
|
4
4
|
'use strict';
|
|
5
5
|
|
|
6
|
-
var index = require('./index-
|
|
6
|
+
var index = require('./index-2liYDuhx.js');
|
|
7
7
|
var check = require('./check-CLRvuniI.js');
|
|
8
8
|
|
|
9
9
|
var IconStar2 = ` <svg width="18" height="17" view-box="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
@@ -173,7 +173,7 @@ const SallaReviewCard = class {
|
|
|
173
173
|
return (index.h("a", { href: this.review?.product?.url, class: "s-review-card-product-container" }, index.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 }), index.h("div", { class: "s-review-card-product-details" }, index.h("p", { class: "s-review-card-product-details-name" }, product.name), this.showPurchaseCount ? index.h("p", { class: "s-review-card-product-details-purchase-count" }, index.h("span", { innerHTML: IconFire2 }), this.purchasedCount) : null)));
|
|
174
174
|
}
|
|
175
175
|
render() {
|
|
176
|
-
return index.h("div", { key: '
|
|
176
|
+
return index.h("div", { key: '251b76f2f2935ab7be248f589badaebe0f297cb2', class: "s-review-card-container" }, this.renderSlider(), this.renderSingleImage(), renderDivider(), index.h("div", { key: '2621097a4115e278b1b99d46b6be22341a7ea064', class: "s-review-card-content" }, this.renderHeader(), index.h("p", { key: 'cd641970280867954f431fc3a2812080ebe32bd9', class: "s-review-card-review-content", innerHTML: this.review?.content }), renderDivider(), this.renderProductInfo()));
|
|
177
177
|
}
|
|
178
178
|
get el() { return index.getElement(this); }
|
|
179
179
|
};
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*/
|
|
4
4
|
'use strict';
|
|
5
5
|
|
|
6
|
-
var index = require('./index-
|
|
6
|
+
var index = require('./index-2liYDuhx.js');
|
|
7
7
|
var shoppingBag = require('./shopping-bag-C1gvTVHr.js');
|
|
8
8
|
var Helper = require('./Helper-B5NunIdR.js');
|
|
9
9
|
require('./anime.es-BqW8JHZi.js');
|
|
@@ -683,7 +683,7 @@ const SallaReviewsPage = class {
|
|
|
683
683
|
return options.map(option => (index.h("option", { key: option.value, value: option.value, selected: option.value === this.sort }, option.label)));
|
|
684
684
|
}
|
|
685
685
|
render() {
|
|
686
|
-
return (index.h("host", { key: '
|
|
686
|
+
return (index.h("host", { key: '5e3b4042e6412dd2fdef3d776d4204c731df6c80' }, index.h("div", { key: 'a9daf869bac109b7c627c9fd8fd7c84cd4dd2965', class: "s-reviews-page-header-wrapper" }, index.h("h2", { key: '01cd6892650d8288003d79b4c12e82c4693e1cb6', class: "s-reviews-page-title" }, this.langTitlesReviews, index.h("span", { key: '935329858a3cc699da6fb6fb8c8515348ded9eb4', class: "s-reviews-page-count" }, "(", this.langRatingReviews, ")")), index.h("div", { key: 'e74312403c6dc7625c0c2090e6627a8a6b5fca9b', class: "s-reviews-page-filter-wrapper" }, index.h("label", { key: 'bf51576936b030ee59836861b03fa3b06471ed1f', class: "s-reviews-page-filter-label", htmlFor: "testimonials-filter" }, this.langSorting), index.h("select", { key: '72f09a679c5f42b08f55b908f67f3d3627b3a50c', onChange: (e) => this.handleSorting(e), disabled: !this.reviews.length, class: "s-reviews-page-filter" }, this.renderSortingOptions()))), this.reviews.length ? index.h("main", { class: "s-reviews-page-grid", ref: el => {
|
|
687
687
|
this.wrapper = el;
|
|
688
688
|
} }, this.reviews.map(review => (index.h("salla-review-card", { key: review.id, review: review }))))
|
|
689
689
|
: index.h("div", { class: "s-products-list-placeholder" }, index.h("span", { innerHTML: shoppingBag.ShoppingBag }), index.h("p", null, this.placeholderText)), this.pagination?.links?.next && this.reviews.length ? (index.h("div", { class: "s-reviews-page-load-more-container" }, index.h("salla-button", { class: "s-reviews-page-load-more-btn", loading: this.isLoading, onClick: () => this.infiniteScroll?.loadNextPage(), onKeyUp: () => this.infiniteScroll?.loadNextPage() }, this.langLoadMore))) : null));
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*/
|
|
4
4
|
'use strict';
|
|
5
5
|
|
|
6
|
-
var index = require('./index-
|
|
6
|
+
var index = require('./index-2liYDuhx.js');
|
|
7
7
|
var arrowLeft = require('./arrow-left-xSEmRpp6.js');
|
|
8
8
|
var Helper = require('./Helper-B5NunIdR.js');
|
|
9
9
|
require('./anime.es-BqW8JHZi.js');
|
|
@@ -98,7 +98,7 @@ const SallaReviews = class {
|
|
|
98
98
|
});
|
|
99
99
|
}
|
|
100
100
|
render() {
|
|
101
|
-
return (index.h("div", { key: '
|
|
101
|
+
return (index.h("div", { key: 'aa4937182950d1b0fbcb67aa577d6fb3c413af79', class: "s-reviews-container" }, index.h("div", { key: 'dbfb22a037c29a0bf88b73481aa8ea4988ef819a', class: "s-reviews-header-wrapper" }, index.h("h1", { key: '7b874af56f8933777942d829d1311cd0854e5a12', class: "s-reviews-header" }, this.testimonialText), !!this.displayAllLink ? (index.h("a", { href: this.displayAllURL, class: "s-reviews-display-all" }, this.displayAllLinkText, index.h("span", { class: "s-reviews-display-all-icon", innerHTML: arrowLeft.arrowLeft }))) : null), index.h("salla-slider", { key: '0050aac87a3aadc858aa352ba7ac82158bb586de', centered: true, "slides-per-view": 1, type: "testimonials", class: "s-reviews-testimonials-slider", "controls-outer": true, "auto-play": true, id: `testimonials-${this.source}-slider` }, index.h("div", { key: '7d1801d35aeba19fa913609202128b6866ca7118', slot: "items" }, this.reviews.map((item, index$1) => (index.h("div", { key: index$1, class: "s-reviews-swiper-slide" }, index.h("div", { class: "s-reviews-testimonial" }, index.h("div", { class: "s-reviews-testimonial__inner" }, index.h("div", { class: "s-reviews-testimonial__avatar" }, index.h("img", { src: 'images/s-empty.png', "data-src": item.avatar, alt: item.name ? item.name : 'testimonial-' + index$1, class: "lazy" })), index.h("div", { class: "s-reviews-testimonial__text" }, index.h("p", { innerHTML: item.content }), index.h("div", { class: "s-reviews-testimonial__name_wrapper" }, index.h("div", { class: "s-reviews-testimonial__info" }, item.name && index.h("h2", null, `${item.name}`)), index.h("div", { class: "s-reviews-testimonial__rating" }, index.h("salla-rating-stars", { size: "small", value: item.stars })))), index.h("span", { class: "s-reviews-testimonial__icon", innerHTML: IconQuoteOpen }))))))))));
|
|
102
102
|
}
|
|
103
103
|
};
|
|
104
104
|
SallaReviews.style = sallaReviewsCss;
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*/
|
|
4
4
|
'use strict';
|
|
5
5
|
|
|
6
|
-
var index = require('./index-
|
|
6
|
+
var index = require('./index-2liYDuhx.js');
|
|
7
7
|
var twitter = require('./twitter-pOrUNjXi.js');
|
|
8
8
|
|
|
9
9
|
var instagram = `<!-- Generated by IcoMoon.io -->
|
|
@@ -57,7 +57,7 @@ const SallaSocial = class {
|
|
|
57
57
|
}
|
|
58
58
|
render() {
|
|
59
59
|
const linksArray = this.getLinksArray();
|
|
60
|
-
return (index.h(index.Host, { key: '
|
|
60
|
+
return (index.h(index.Host, { key: 'a0bcd60fddd2fd8e86f32cd71d484ec76d02cf49' }, index.h("ul", { key: 'b595d8de59199de5081370b9440c8a46cb8c751f', class: "s-social-list" }, linksArray.map((link) => (index.h("li", { class: "s-social-link" }, index.h("div", { id: "social-slot", innerHTML: this.socialSlot
|
|
61
61
|
.replace(/\{icon\}/g, this.iconsList[link.type])
|
|
62
62
|
.replace(/\{type\}/g, link.type)
|
|
63
63
|
.replace(/\{link\}/g, link.value.toString()) })))))));
|