@salla.sa/twilight-components 2.14.486 → 2.14.487

package/dist/esm/salla-order-totals-card.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-BF901xIc.js';
+import { r as registerInstance, h, H as Host } from './index-DBMDFsFH.js';
 
 const sallaOrderTotalsCardCss = ":host{display:block}";
 

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

@@ -1,8 +1,8 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, a as getElement } from './index-BF901xIc.js';
-import { H as Helper } from './Helper-CD8d-Brd.js';
+import { r as registerInstance, h, a as getElement } from './index-DBMDFsFH.js';
+import { H as Helper } from './Helper-BQ9mvrt9.js';
 import './anime.es-CgtvEd63.js';
 
 const sallaOrdersCss = ":host{display:block}";

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-BF901xIc.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-DBMDFsFH.js';
 
 const sallaPaymentsCss = ":host{display:block}";
 

package/dist/esm/salla-placeholder.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-BF901xIc.js';
+import { r as registerInstance, h, H as Host } from './index-DBMDFsFH.js';
 
 var Inbox = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-BF901xIc.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-DBMDFsFH.js';
 import { a as arrowLeft } from './arrow-left-BedNk7k1.js';
 
 var arrowRight = `<!-- Generated by IcoMoon.io -->

package/dist/esm/salla-product-card-embed.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-BF901xIc.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-DBMDFsFH.js';
 
 const sallaProductCardEmbedCss = "@charset \"UTF-8\";:host{display:inline-block;vertical-align:top;max-width:12rem}:host([align=left]){float:inline-start;margin-block-end:1em;margin-inline-end:1em;shape-outside:margin-box}:host([align=right]){float:inline-end;margin-block-end:1em;margin-inline-start:1em;shape-outside:margin-box}:host([align=center]){display:block;clear:both;margin-block:1em;margin-inline:auto}.s-product-card-embed-card{display:block}";
 

package/dist/esm/salla-product-size-guide.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, a as getElement } from './index-BF901xIc.js';
+import { r as registerInstance, h, a as getElement } from './index-DBMDFsFH.js';
 
 var PencilRuler = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">

package/dist/esm/salla-products-list.entry.js

@@ -1,10 +1,10 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-BF901xIc.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-DBMDFsFH.js';
 import { a as anime } from './anime.es-CgtvEd63.js';
 import { S as ShoppingBag } from './shopping-bag-DiKTtDW5.js';
-import { H as Helper } from './Helper-CD8d-Brd.js';
+import { H as Helper } from './Helper-BQ9mvrt9.js';
 
 const sallaProductsListCss = ".s-products-list-selectable-item{position:relative;border-radius:0.5rem;transition:box-shadow 0.15s ease-in-out}.s-products-list-item-selected{box-shadow:0 0 0 2px var(--color-primary)}.s-products-list-select-control{position:absolute;top:10px;inset-inline-start:10px;z-index:5;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.s-products-list-select-checkbox{appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative;width:22px;height:22px;margin:0;cursor:pointer;color:var(--color-primary);border:1px solid rgba(0, 0, 0, 0.15);border-radius:6px;background-color:#fff;box-shadow:0 1px 3px rgba(0, 0, 0, 0.2);transition:background-color 0.15s ease-in-out, border-color 0.15s ease-in-out}.s-products-list-select-checkbox:hover{border-color:var(--color-primary)}.s-products-list-select-checkbox:focus,.s-products-list-select-checkbox:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 1px 3px rgba(0, 0, 0, 0.2), 0 0 0 3px color-mix(in srgb, var(--color-primary) 30%, transparent)}.s-products-list-select-checkbox:checked,.s-products-list-select-checkbox:checked:hover,.s-products-list-select-checkbox:checked:focus{background-color:var(--color-primary);border-color:var(--color-primary)}.s-products-list-select-checkbox:checked::after{content:\"\";position:absolute;top:50%;left:50%;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:translate(-50%, -60%) rotate(45deg)}.s-products-list-row-cards .s-products-list-select-control{top:50%;inset-inline-start:14px;transform:translateY(-50%)}.s-products-list-row-cards .s-products-list-selectable-item>:not(.s-products-list-select-control){padding-inline-start:2.75rem}";
 
@@ -140,10 +140,11 @@ const SallaProductsList = class {
         window.scrollTo({ top: 0, behavior: 'smooth' });
         // Create a deep copy of the filters object to avoid mutating the original object
         this.parsedFilters = JSON.parse(JSON.stringify(filters));
-        if (this.currentPage?.slug == 'product.index' &&
-            this.parsedFilters &&
-            this.parsedFilters.category_id) {
-            this.currentCategoryIdFilter = [this.parsedFilters.category_id];
+        if (this.currentPage?.slug == 'product.index') {
+            // clear when category_id disappears, otherwise getSourceValue() keeps filtering by the removed category
+            this.currentCategoryIdFilter = this.parsedFilters?.category_id
+                ? this.toCategoryIdFilter(this.parsedFilters.category_id)
+                : null;
         }
         return this.reload();
     }
@@ -606,6 +607,14 @@ const SallaProductsList = class {
     isAuxiliaryProductsListSource() {
         return ['json', 'selected', 'related', 'landing-page', 'recently'].includes(this.getSource());
     }
+    // Normalize a category_id filter (array, legacy {0:,1:} object, or scalar) into a flat list of ids
+    toCategoryIdFilter(catId) {
+        if (Array.isArray(catId))
+            return catId;
+        if (catId && typeof catId === 'object')
+            return Object.values(catId);
+        return [catId];
+    }
     getSourceValue() {
         if (this.getSource() === 'wishlist') {
             const searchParams = new URLSearchParams(window.location.search);
@@ -910,7 +919,7 @@ const SallaProductsList = class {
                 this.sortBy = this.sortBy || searchParams.get('sort') || searchParams.get('by');
                 this.parsedFilters = Helper.extractFiltersFromUrl(searchParams);
                 if (this.parsedFilters && this.parsedFilters.category_id) {
-                    this.currentCategoryIdFilter = [this.parsedFilters.category_id];
+                    this.currentCategoryIdFilter = this.toCategoryIdFilter(this.parsedFilters.category_id);
                 }
             }
             catch (e) {
@@ -1031,12 +1040,15 @@ const SallaProductsList = class {
                         title = salla.lang.get('common.elements.search_about', { word: this.getSourceValue() });
                     }
                     else if (!title) {
-                        let catId = this.parsedFilters.category_id || this.getSourceValue()[0];
+                        // with user-applied filters a category name in the title is misleading — show count only;
+                        // the unfiltered base state keeps the page category's name
+                        let catId = Object.keys(this.parsedFilters || {}).length ? null : this.getSourceValue()[0];
                         // get the first filter that its key is category_id, then get the value when filter.value.*.key==catId
                         title =
                             response.filters
                                 ?.find(filter => filter.key === 'category_id')
-                                ?.values?.find(cat => cat.key === catId)?.value ?? '';
+                                // loose == : catId may be a number (auto-appended page.id) while API keys are strings
+                                ?.values?.find(cat => cat.key == catId)?.value ?? '';
                     }
                     title +=
                         (title ? ' - ' : '') +

package/dist/esm/salla-quick-order.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-BF901xIc.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-DBMDFsFH.js';
 import { S as SIiPhoneX } from './iphone-x-CciN5Q_x.js';
 import { e as email } from './mail-DzAIgzdz.js';
 import { S as SICancel } from './cancel-8Tsmrwno.js';

package/dist/esm/salla-rating-modal.entry.js

@@ -1,10 +1,10 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-BF901xIc.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-DBMDFsFH.js';
 import { W as WishListIcon } from './star-ZT7ehBBk.js';
 import { C as CheckCircle2 } from './check-circle2-BV4kqbdL.js';
-import { H as Helper } from './Helper-CD8d-Brd.js';
+import { H as Helper } from './Helper-BQ9mvrt9.js';
 import { I as ImageIcon } from './image-C-tzSDxw.js';
 import { W as WhatsappIcon } from './whatsapp2-CgR-T_ZS.js';
 import { e as email } from './mail-DzAIgzdz.js';

package/dist/esm/salla-reward-action_4.entry.js

@@ -1,13 +1,13 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-BF901xIc.js';
-import { c as closeModals, b as brand_path, f as formattedPointsJsx } from './functions-DflaFDbL.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-DBMDFsFH.js';
+import { c as closeModals, b as brand_path, f as formattedPointsJsx } from './functions-DobdGlrA.js';
 import { S as SIGift } from './gift-CXRKXFgT.js';
 import { S as SITag } from './tag-cgSL_BIo.js';
 import { S as SICheck } from './check-BZp0rKEO.js';
 import { S as SICancel } from './cancel-8Tsmrwno.js';
-import { T as TrackedPromise } from './tracked-promise-CNdO8SSl.js';
+import { T as TrackedPromise } from './tracked-promise-6uJz7V9Q.js';
 
 const sallaLoyaltyProgramCss$3 = "";
 

package/dist/esm/salla-scopes.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-BF901xIc.js';
+import { r as registerInstance, h, H as Host } from './index-DBMDFsFH.js';
 import { S as Search } from './search-BscTeWDc.js';
 
 var StoreAlt = `<!-- Generated by IcoMoon.io -->

package/dist/esm/salla-search.entry.js

@@ -1,9 +1,9 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, a as getElement } from './index-BF901xIc.js';
+import { r as registerInstance, h, a as getElement } from './index-DBMDFsFH.js';
 import { S as Search } from './search-BscTeWDc.js';
-import { H as Helper } from './Helper-CD8d-Brd.js';
+import { H as Helper } from './Helper-BQ9mvrt9.js';
 import './anime.es-CgtvEd63.js';
 
 const sallaSearchCss = ".s-search-placeholder-wrapper{position:relative;display:inline-block}.s-search-input-wrapper{position:relative}.s-search-placeholder-trigger{cursor:pointer;appearance:none;text-align:start}";

package/dist/esm/salla-skeleton.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-BF901xIc.js';
+import { r as registerInstance, h, H as Host } from './index-DBMDFsFH.js';
 
 const sallaSkeletonCss = ":host{display:block}";
 

package/dist/esm/salla-slider.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-BF901xIc.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-DBMDFsFH.js';
 import { a as ArrowRightIcon, A as ArrowLeftIcon } from './keyboard_arrow_right-Vqpj4CWE.js';
 
 /**

package/dist/esm/salla-social-share.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, a as getElement } from './index-BF901xIc.js';
+import { r as registerInstance, h, a as getElement } from './index-DBMDFsFH.js';
 import { a as anime } from './anime.es-CgtvEd63.js';
 import { f as facebook, t as twitter } from './facebook-CO-PeZ27.js';
 import { e as email } from './mail-DzAIgzdz.js';

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-BF901xIc.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-DBMDFsFH.js';
 import { f as facebook, t as twitter } from './facebook-CO-PeZ27.js';
 
 var instagram = `<!-- Generated by IcoMoon.io -->

package/dist/esm/salla-tab-content_3.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, c as createEvent, a as getElement } from './index-BF901xIc.js';
+import { r as registerInstance, h, c as createEvent, a as getElement } from './index-DBMDFsFH.js';
 
 const sallaTabContentCss = "";
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-BF901xIc.js';
+import { r as registerInstance, h, H as Host } from './index-DBMDFsFH.js';
 
 var DiscountType;
 (function (DiscountType) {

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, a as getElement } from './index-BF901xIc.js';
+import { r as registerInstance, h, a as getElement } from './index-DBMDFsFH.js';
 
 const sallaTooltipCss = ".s-tooltip-container{position:relative;display:inline-block}.s-tooltip-item{position:absolute;transform:translateX(-63%) translateY(-50%);background-color:var(--color-primary);color:var(--color-primary-reverse);bottom:100%;left:50%;text-align:center;border-radius:5px;z-index:1;white-space:nowrap;opacity:0;transition:opacity 0.3s;pointer-events:none;margin:0 0 16px 8px;padding:12px;max-width:150px;width:190px;white-space:normal;opacity:1}.s-tooltip-item::after{content:\"\";position:absolute;bottom:-10px;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--color-primary) transparent transparent transparent}.s-tooltip-item:dir(ltr){transform:translateX(-72%)}.s-tooltip-item--dark{background-color:#555555;color:white;padding:5px 15px;border-radius:8px;font-size:12px;font-weight:normal;max-width:330px;width:max-content}.s-tooltip-item--dark::after{border-color:#555555 transparent transparent transparent}";
 

package/dist/esm/salla-trust-badges.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-BF901xIc.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-DBMDFsFH.js';
 
 const sallaTrustBadgesCss = "";
 

package/dist/esm/salla-user-menu.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-BF901xIc.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-DBMDFsFH.js';
 import { A as ArrowDown } from './keyboard_arrow_down-DCZbpt2a.js';
 import { B as BellRing } from './bell-ring-D3mWkc-3.js';
 import { P as PendingOrdersIcon } from './cart-DY4LZmNP.js';

package/dist/esm/salla-user-profile.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h } from './index-BF901xIc.js';
+import { r as registerInstance, h } from './index-DBMDFsFH.js';
 import { G as Genders } from './interfaces-OF8QcbMM.js';
 
 const sallaUserProfileCss = ":host{display:block}";

package/dist/esm/salla-user-settings.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-BF901xIc.js';
+import { r as registerInstance, h, H as Host } from './index-DBMDFsFH.js';
 
 var Bullhorn = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-BF901xIc.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-DBMDFsFH.js';
 import { e as email } from './mail-DzAIgzdz.js';
 
 var AndroidPhoneIcon = `<!-- Generated by IcoMoon.io -->

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

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

package/dist/esm/salla-wishlist-actions.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-BF901xIc.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-DBMDFsFH.js';
 
 const sallaWishlistActionsCss = ":host{display:block}.s-wishlist-actions-menu{min-width:200px;inset-inline-end:0;inset-inline-start:auto;list-style:none;margin:0;padding:4px 0;box-shadow:0 4px 16px rgba(0, 0, 0, 0.12)}.s-wishlist-actions-menu-item{display:block;width:100%;padding:10px 16px;text-align:start;font-size:0.875rem;color:#374151;background:transparent;cursor:pointer;white-space:nowrap}.s-wishlist-actions-menu-item:hover{background-color:#f3f4f6;color:var(--color-primary)}.s-wishlist-actions-panel{box-shadow:0 1px 3px rgba(0, 0, 0, 0.08)}.s-wishlist-actions-panel-select-all{user-select:none}.s-wishlist-actions-select-all:indeterminate,.s-wishlist-actions-select-all:indeterminate:hover,.s-wishlist-actions-select-all:indeterminate:focus{background-color:var(--color-primary);border-color:var(--color-primary)}.s-wishlist-actions-select-all:indeterminate::after{content:\"\";position:absolute;top:50%;left:50%;width:10px;height:2px;background:#fff;border:none;transform:translate(-50%, -50%)}.s-wishlist-actions-social-anchor{display:none}h1.s-wishlist-actions-page-title{text-align:start !important}";
 

package/dist/esm/{tracked-promise-CNdO8SSl.js → tracked-promise-6uJz7V9Q.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { f as forceUpdate } from './index-BF901xIc.js';
+import { f as forceUpdate } from './index-DBMDFsFH.js';
 
 function TrackedPromise(fn, options = {}) {
     options = Object.assign({ initialData: undefined, initialStatus: 'idle' }, options);