@salla.sa/twilight-components 2.14.589 → 2.14.591

package/dist/components/salla-products-list2.js

@@ -233,7 +233,7 @@ const SallaProductsList = /*@__PURE__*/ proxyCustomElement(class SallaProductsLi
             this.nextPage += `&per_page=${this.limit > 32 ? 32 : this.limit}`;
         }
         if (this.sortBy) {
-            this.nextPage += `&sort=${this.sortBy}`;
+            this.nextPage += `&sort=${encodeURIComponent(this.sortBy)}`;
         }
         if (salla.config.get('theme.mode') === 'preview') {
             this.nextPage += `&use_username_url=1`;
@@ -575,9 +575,12 @@ const SallaProductsList = /*@__PURE__*/ proxyCustomElement(class SallaProductsLi
      * which would make two different search terms under the same category filter collide.
      */
     getCategoryIdentity(pageSlug) {
-        return pageSlug === 'search'
-            ? `search:${Helper.getProductsSourceValue(this.source, this.sourceValue)}`
-            : pageSlug;
+        if (pageSlug !== 'search') {
+            return pageSlug;
+        }
+        const identity = `search:${Helper.getProductsSourceValue(this.source, this.sourceValue)}`;
+        // Do not restore an old best-seller snapshot into the default relevance listing.
+        return this.isSearchPageList() ? `${identity}:sort:${this.sortBy || 'relevance'}` : identity;
     }
     removeScrollRestorationSession() {
         if (!this.isFilterable()) {
@@ -913,6 +916,8 @@ const SallaProductsList = /*@__PURE__*/ proxyCustomElement(class SallaProductsLi
             source: Helper.getApiSource(this.getSource()),
             source_value: this.getSourceValue(),
             limit: this.limit,
+            // A discarded search snapshot must refetch using the shopper's selected sort.
+            ...(this.isSearchPageList() && this.sortBy ? { sort: this.sortBy } : {}),
         })
             .catch(error => {
             const response = error?.response;
@@ -1007,6 +1012,26 @@ const SallaProductsList = /*@__PURE__*/ proxyCustomElement(class SallaProductsLi
         }
         this.emitSelection();
     }
+    isSearchPageList() {
+        return this.getSource() === 'search' && this.currentPage?.slug === 'product.index.search' && this.filtersResults === true;
+    }
+    syncSearchSortControl() {
+        if (!this.isSearchPageList() || this.sortBy) {
+            return;
+        }
+        // product-filter is the standard theme selector (Raed and third-party catalog templates).
+        const select = document.querySelector('#product-filter');
+        if (!select || select.tagName !== 'SELECT') {
+            return;
+        }
+        if (!select.querySelector('option[value=""]')) {
+            const option = document.createElement('option');
+            option.setAttribute('value', '');
+            option.textContent = salla.lang.getWithDefault('common.elements.search_results', salla.lang.get('pages.categories.sorting'));
+            select.insertBefore(option, select.firstChild);
+        }
+        select.value = '';
+    }
     componentWillLoad() {
         return salla.onReady().then(async () => {
             this.hasCustomComponent = !!customElements.get(this.productCardComponent);
@@ -1014,7 +1039,10 @@ const SallaProductsList = /*@__PURE__*/ proxyCustomElement(class SallaProductsLi
             this.hasInfiniteScroll = !this.isAuxiliaryProductsListSource() && !this.limit;
             let searchParams = new URLSearchParams(window.location.search);
             try {
-                this.sortBy = this.sortBy || searchParams.get('sort') || searchParams.get('by');
+                const requestedSort = searchParams.get('sort') || searchParams.get('by');
+                // A theme's catalog default must not replace the relevance order used by the search popup.
+                // A shopper's explicit sort, and subsequent sortBy updates followed by reload(), still apply.
+                this.sortBy = this.isSearchPageList() ? requestedSort || undefined : this.sortBy || requestedSort;
                 this.parsedFilters = Helper.extractFiltersFromUrl(searchParams);
                 if (this.parsedFilters && this.parsedFilters.category_id) {
                     this.currentCategoryIdFilter = this.toCategoryIdFilter(this.parsedFilters.category_id);
@@ -1057,6 +1085,7 @@ const SallaProductsList = /*@__PURE__*/ proxyCustomElement(class SallaProductsLi
         });
     }
     async componentDidLoad() {
+        this.syncSearchSortControl();
         this.hasInfiniteScroll && this.init();
         await Salla.hooks.registerComponent('salla-products-list', this);
         if (this.loadStoredScrollState()) {

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-10-07T10:55:40",
+  "timestamp": "2026-10-11T07:00:34",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.35.1",
@@ -4758,18 +4758,35 @@
       "props": [],
       "methods": [],
       "events": [],
-      "listeners": [],
+      "listeners": [
+        {
+          "event": "resize",
+          "target": "window",
+          "capture": false,
+          "passive": true
+        },
+        {
+          "event": "keydown",
+          "target": "document",
+          "capture": false,
+          "passive": false
+        },
+        {
+          "event": "click",
+          "target": "document",
+          "capture": false,
+          "passive": false
+        }
+      ],
       "styles": [],
       "slots": [],
       "parts": [],
       "dependents": [],
       "dependencies": [
-        "salla-tooltip",
         "salla-skeleton"
       ],
       "dependencyGraph": {
         "salla-conditional-offer": [
-          "salla-tooltip",
           "salla-skeleton"
         ]
       }
@@ -19603,7 +19620,7 @@
           "mutable": true,
           "attr": "sort-by",
           "reflectToAttr": false,
-          "docs": "Sorting the list of products",
+          "docs": "Sorting the list of products\nOn the main filterable search page, the initial order follows search relevance\nunless the shopper supplies `sort` or `by` in the URL. Later updates still apply.",
           "docsTags": [],
           "values": [
             {
@@ -27952,7 +27969,6 @@
       "parts": [],
       "dependents": [
         "salla-comment-item",
-        "salla-conditional-offer",
         "salla-wallet"
       ],
       "dependencies": [],
@@ -27960,9 +27976,6 @@
         "salla-comment-item": [
           "salla-tooltip"
         ],
-        "salla-conditional-offer": [
-          "salla-tooltip"
-        ],
         "salla-wallet": [
           "salla-tooltip"
         ]

package/dist/esm/{filepond-CJqzOtq7.js → filepond-Cstf5r6K.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-BnDYuqv2.js';
+import { d as getDefaultExportFromCjs } from './index-UnmOIma5.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/esm/{filepond-plugin-file-poster-CPydcEjJ.js → filepond-plugin-file-poster-GibBgGHW.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-BnDYuqv2.js';
+import { d as getDefaultExportFromCjs } from './index-UnmOIma5.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{filepond-plugin-file-validate-size-Yy4pNy1Q.js → filepond-plugin-file-validate-size-CLc6zco6.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-BnDYuqv2.js';
+import { d as getDefaultExportFromCjs } from './index-UnmOIma5.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/esm/{filepond-plugin-file-validate-type-Ck1P2E4e.js → filepond-plugin-file-validate-type-Ca3dc8p0.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-BnDYuqv2.js';
+import { d as getDefaultExportFromCjs } from './index-UnmOIma5.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/esm/{filepond-plugin-image-edit-DEUmnuGf.js → filepond-plugin-image-edit-CNGBLi7d.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-BnDYuqv2.js';
+import { d as getDefaultExportFromCjs } from './index-UnmOIma5.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{filepond-plugin-image-exif-orientation-BPgJye8E.js → filepond-plugin-image-exif-orientation-Dmmu9-UQ.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-BnDYuqv2.js';
+import { d as getDefaultExportFromCjs } from './index-UnmOIma5.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{filepond-plugin-image-preview-CqUSx6BO.js → filepond-plugin-image-preview-KX15tx60.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-BnDYuqv2.js';
+import { d as getDefaultExportFromCjs } from './index-UnmOIma5.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {