@salla.sa/twilight-components 3.0.11 → 3.0.13

package/dist/components/salla-search.js

@@ -104,6 +104,13 @@ function addToSearchHistory(history, term) {
     const withoutDuplicate = history.filter(existing => existing.toLowerCase() !== trimmed.toLowerCase());
     return [trimmed, ...withoutDuplicate].slice(0, SEARCH_HISTORY_LIMIT);
 }
+// Re-reads storage instead of trusting a component's in-memory copy, so another <salla-search>
+// instance on the page (e.g. header + mobile menu) can't have its entry overwritten by a stale list.
+function saveTermToSearchHistory(term) {
+    const updated = addToSearchHistory(loadSearchHistory(), term);
+    saveSearchHistory(updated);
+    return updated;
+}
 const EMPTY_POPULAR_SEARCH_DATA = {
     trendingCategories: [],
     mostSearchedProducts: [],
@@ -234,6 +241,7 @@ const SallaSearch$1 = /*@__PURE__*/ proxyCustomElement(class SallaSearch extends
             productClick: (product, position) => {
                 Helper.saveProductSource('search');
                 this.commitSearchHistory(this.search_term);
+                this.commitRecommendation(product.name);
                 salla.event.emit('salla-search::product.clicked', [{ product, position }]);
                 this.modal?.close();
             },
@@ -317,6 +325,14 @@ const SallaSearch$1 = /*@__PURE__*/ proxyCustomElement(class SallaSearch extends
         this.searchHistory = addToSearchHistory(this.searchHistory, val);
         saveSearchHistory(this.searchHistory);
     }
+    // Top (trending/suggested) items navigate away on click, so the write is synchronous
+    // (salla.storage.set) and happens in the click handler itself, before the navigation starts.
+    commitRecommendation(name) {
+        if (!name?.trim()) {
+            return;
+        }
+        this.searchHistory = saveTermToSearchHistory(name);
+    }
     removeFromSearchHistory(term) {
         this.searchHistory = this.searchHistory.filter(existing => existing !== term);
         saveSearchHistory(this.searchHistory);
@@ -391,13 +407,19 @@ const SallaSearch$1 = /*@__PURE__*/ proxyCustomElement(class SallaSearch extends
         if (!this.trendingCategories.length) {
             return null;
         }
-        return (h("div", null, h("p", { class: "s-search-idle-section-title" }, title), h("div", { class: "s-search-idle-categories-list" }, this.trendingCategories.map(category => (h("a", { class: "s-search-idle-category-chip", href: category.url, onClick: () => this.tracking.recommendationClick(category.name, 'category') }, category.name, category.count ? (h("span", { class: "s-search-idle-category-count" }, category.count)) : null))))));
+        return (h("div", null, h("p", { class: "s-search-idle-section-title" }, title), h("div", { class: "s-search-idle-categories-list" }, this.trendingCategories.map(category => (h("a", { class: "s-search-idle-category-chip", href: category.url, onClick: () => {
+                this.commitRecommendation(category.name);
+                this.tracking.recommendationClick(category.name, 'category');
+            } }, category.name, category.count ? (h("span", { class: "s-search-idle-category-count" }, category.count)) : null))))));
     }
     renderMostSearchedProductsSection(title, source) {
         if (!this.mostSearchedProducts.length) {
             return null;
         }
-        return (h("div", null, h("p", { class: "s-search-idle-section-title" }, title), h("ul", { class: "s-search-most-searched-list" }, this.mostSearchedProducts.map(product => (h("li", null, h("a", { class: "s-search-most-searched-item", href: product.url, onClick: () => this.tracking.recommendationClick(product.name, source) }, h("span", { class: "s-search-most-searched-icon", innerHTML: Search }), product.name)))))));
+        return (h("div", null, h("p", { class: "s-search-idle-section-title" }, title), h("ul", { class: "s-search-most-searched-list" }, this.mostSearchedProducts.map(product => (h("li", null, h("a", { class: "s-search-most-searched-item", href: product.url, onClick: () => {
+                this.commitRecommendation(product.name);
+                this.tracking.recommendationClick(product.name, source);
+            } }, h("span", { class: "s-search-most-searched-icon", innerHTML: Search }), product.name)))))));
     }
     renderSearchHistorySection() {
         // Only in the empty/zero state - hidden as soon as there's input text or results.

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-10-25T14:13:51",
+  "timestamp": "2026-10-26T09:54:47",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.35.1",

package/dist/esm/{Helper-DWvWnPTT.js → Helper-MUNhpqNu.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import './index-Ca7ApeqJ.js';
+import './index-BTn4Le7F.js';
 
 var FilterOptionTypes;
 (function (FilterOptionTypes) {

package/dist/esm/{filepond-a9y0myDt.js → filepond-CaVNllXE.js}

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

package/dist/esm/{filepond-plugin-file-poster-CdtFPjqC.js → filepond-plugin-file-poster-Bt25FJXy.js}

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

package/dist/esm/{filepond-plugin-file-validate-size-BVe60caz.js → filepond-plugin-file-validate-size-CdFPtpOe.js}

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

package/dist/esm/{filepond-plugin-file-validate-type-DoNTCSSY.js → filepond-plugin-file-validate-type-DVpxfIMn.js}

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

package/dist/esm/{filepond-plugin-image-edit-DxQBYiWr.js → filepond-plugin-image-edit-Bvu4SI2C.js}

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

package/dist/esm/{filepond-plugin-image-exif-orientation-BbbBG1df.js → filepond-plugin-image-exif-orientation-DSrLViJn.js}

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

package/dist/esm/{filepond-plugin-image-preview-Dp9lSvoH.js → filepond-plugin-image-preview-Bg5CyutP.js}

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