@getlupa/client 1.12.7 → 1.12.9

package/dist/lupaSearch.iife.js

@@ -7912,6 +7912,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     const encoded = encodeURIComponent(param);
     return encoded.replace(/%C4%85/g, "ą").replace(/%C4%8D/g, "č").replace(/%C4%99/g, "ę").replace(/%C4%97/g, "ė").replace(/%C4%AF/g, "į").replace(/%C5%A1/g, "š").replace(/%C5%B3/g, "ų").replace(/%C5%AB/g, "ū").replace(/%C5%BE/g, "ž").replace(/%20/g, " ");
   };
+  const getQueryParam = (name) => {
+    try {
+      const urlParams = new URLSearchParams(window.location.search);
+      return urlParams.get(name);
+    } catch (e2) {
+      return null;
+    }
+  };
   const PATH_REPLACE_REGEXP = /{(.*?)}/gm;
   const generateLink = (linkPattern, document2) => {
     const matches = linkPattern.match(PATH_REPLACE_REGEXP);
@@ -8203,7 +8211,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       searchText,
       facet
     }) => {
-      var _a;
+      var _a, _b;
       const redirectionApplied = redirectionStore.redirectOnKeywordIfConfigured(
         searchText,
         optionsStore.boxRoutingBehavior
@@ -8211,7 +8219,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       if (redirectionApplied) {
         return;
       }
-      if (!searchResultsLink.value || linksMatch(searchResultsLink.value, window.location.pathname)) {
+      const forceFullReload = (_a = optionsStore.searchBoxOptions.forceFullReloadOnParams) == null ? void 0 : _a.some(
+        (p2) => getQueryParam(p2)
+      );
+      if ((!searchResultsLink.value || linksMatch(searchResultsLink.value, window.location.pathname)) && !forceFullReload) {
         const singleFacetParam = facet ? getFacetParam(facet.key, [facet.title]) : void 0;
         const facetParam = singleFacetParam ? [
           __spreadProps2(__spreadValues2({}, singleFacetParam), {
@@ -8227,7 +8238,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           searchResultsLink: searchResultsLink.value
         });
       } else {
-        const routing = (_a = optionsStore.boxRoutingBehavior) != null ? _a : "direct-link";
+        const routing = (_b = optionsStore.boxRoutingBehavior) != null ? _b : "direct-link";
         redirectToResultsPage(
           searchResultsLink.value,
           searchText,
@@ -8510,7 +8521,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   const _hoisted_2$R = { class: "lupa-input-clear" };
   const _hoisted_3$B = { id: "lupa-search-box-input" };
   const _hoisted_4$t = ["value"];
-  const _hoisted_5$i = ["aria-label", "placeholder"];
+  const _hoisted_5$j = ["aria-label", "placeholder"];
   const _hoisted_6$9 = /* @__PURE__ */ createBaseVNode("span", { class: "lupa-search-submit-icon" }, null, -1);
   const _hoisted_7$7 = [
     _hoisted_6$9
@@ -8630,7 +8641,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               placeholder: labels.value.placeholder,
               onInput: handleInput,
               onFocus: handleFocus
-            }), null, 16, _hoisted_5$i), [
+            }), null, 16, _hoisted_5$j), [
               [vModelText, inputValue.value]
             ]),
             _ctx.options.showSubmitButton ? (openBlock(), createElementBlock("button", {
@@ -8804,7 +8815,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     class: "lupa-suggestion-facet-label",
     "data-cy": "lupa-suggestion-facet-label"
   };
-  const _hoisted_5$h = {
+  const _hoisted_5$i = {
     class: "lupa-suggestion-facet-value",
     "data-cy": "lupa-suggestion-facet-value"
   };
@@ -8847,7 +8858,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           }, null, 8, _hoisted_1$1b)) : (openBlock(), createElementBlock("div", _hoisted_2$P, toDisplayString(_ctx.suggestion.display), 1)),
           _ctx.suggestion.facet ? (openBlock(), createElementBlock("div", _hoisted_3$A, [
             createBaseVNode("span", _hoisted_4$s, toDisplayString(facetLabel.value), 1),
-            createBaseVNode("span", _hoisted_5$h, toDisplayString(_ctx.suggestion.facet.title), 1)
+            createBaseVNode("span", _hoisted_5$i, toDisplayString(_ctx.suggestion.facet.title), 1)
           ])) : createCommentVNode("", true)
         ]);
       };
@@ -9348,7 +9359,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   const _hoisted_2$M = { key: 0 };
   const _hoisted_3$z = { key: 1 };
   const _hoisted_4$r = { class: "lupa-search-box-custom-label" };
-  const _hoisted_5$g = { class: "lupa-search-box-custom-text" };
+  const _hoisted_5$h = { class: "lupa-search-box-custom-text" };
   const _sfc_main$19 = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductCustom",
     props: {
@@ -9381,7 +9392,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
           !label.value ? (openBlock(), createElementBlock("div", _hoisted_2$M, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$z, [
             createBaseVNode("div", _hoisted_4$r, toDisplayString(label.value), 1),
-            createBaseVNode("div", _hoisted_5$g, toDisplayString(text.value), 1)
+            createBaseVNode("div", _hoisted_5$h, toDisplayString(text.value), 1)
           ]))
         ], 16));
       };
@@ -10527,7 +10538,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     key: 1,
     class: "lupa-panel-title"
   };
-  const _hoisted_5$f = {
+  const _hoisted_5$g = {
     key: 1,
     id: "lupa-search-box-panel"
   };
@@ -10741,7 +10752,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               showTotalCount: (_a = _ctx.options.showTotalCount) != null ? _a : false,
               onGoToResults: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("go-to-results"))
             }, null, 8, ["labels", "showTotalCount"])) : createCommentVNode("", true)
-          ])) : displayHistory.value ? (openBlock(), createElementBlock("div", _hoisted_5$f, [
+          ])) : displayHistory.value ? (openBlock(), createElementBlock("div", _hoisted_5$g, [
             createVNode(_sfc_main$1k, {
               options: _ctx.options.history,
               history: history.value,
@@ -11236,7 +11247,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     class: "lupa-results-total-count"
   };
   const _hoisted_4$m = { class: "lupa-results-total-count-number" };
-  const _hoisted_5$e = ["innerHTML"];
+  const _hoisted_5$f = ["innerHTML"];
   const _sfc_main$S = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsTitle",
     props: {
@@ -11293,7 +11304,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             key: 2,
             class: "lupa-result-page-description-top",
             innerHTML: descriptionTop.value
-          }, null, 8, _hoisted_5$e)) : createCommentVNode("", true)
+          }, null, 8, _hoisted_5$f)) : createCommentVNode("", true)
         ]);
       };
     }
@@ -11492,7 +11503,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   const _hoisted_2$z = { class: "lupa-category-back" };
   const _hoisted_3$q = ["href"];
   const _hoisted_4$k = ["href"];
-  const _hoisted_5$d = { class: "lupa-child-category-list" };
+  const _hoisted_5$e = { class: "lupa-child-category-list" };
   const _sfc_main$O = /* @__PURE__ */ defineComponent({
     __name: "CategoryFilter",
     props: {
@@ -11598,7 +11609,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               onClick: handleNavigationParent
             }, toDisplayString(parentTitle.value), 11, _hoisted_4$k)
           ], 2),
-          createBaseVNode("div", _hoisted_5$d, [
+          createBaseVNode("div", _hoisted_5$e, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(categoryChildren.value, (child) => {
               return openBlock(), createBlock(_sfc_main$P, {
                 key: getCategoryKey(child),
@@ -11618,7 +11629,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   const _hoisted_2$y = ["placeholder"];
   const _hoisted_3$p = { class: "lupa-terms-list" };
   const _hoisted_4$j = ["onClick"];
-  const _hoisted_5$c = { class: "lupa-term-checkbox-wrapper" };
+  const _hoisted_5$d = { class: "lupa-term-checkbox-wrapper" };
   const _hoisted_6$8 = { class: "lupa-term-checkbox-label" };
   const _hoisted_7$6 = { class: "lupa-term-label" };
   const _hoisted_8$2 = {
@@ -11716,7 +11727,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                 key: item.title,
                 onClick: ($event) => handleFacetClick(item)
               }, [
-                createBaseVNode("div", _hoisted_5$c, [
+                createBaseVNode("div", _hoisted_5$d, [
                   createBaseVNode("span", {
                     class: normalizeClass(["lupa-term-checkbox", { checked: isChecked(item) }])
                   }, null, 2)
@@ -12729,7 +12740,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     key: 0,
     class: "lupa-stats-range-label"
   };
-  const _hoisted_5$b = { class: "lupa-stats-from" };
+  const _hoisted_5$c = { class: "lupa-stats-from" };
   const _hoisted_6$7 = ["max", "min", "pattern", "aria-label"];
   const _hoisted_7$5 = { key: 0 };
   const _hoisted_8$1 = /* @__PURE__ */ createBaseVNode("div", { class: "lupa-stats-separator" }, null, -1);
@@ -12921,7 +12932,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           !isInputVisible.value ? (openBlock(), createElementBlock("div", _hoisted_2$x, toDisplayString(statsSummary.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$o, [
             createBaseVNode("div", null, [
               rangeLabelFrom.value ? (openBlock(), createElementBlock("div", _hoisted_4$i, toDisplayString(rangeLabelFrom.value), 1)) : createCommentVNode("", true),
-              createBaseVNode("div", _hoisted_5$b, [
+              createBaseVNode("div", _hoisted_5$c, [
                 withDirectives(createBaseVNode("input", {
                   "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => fromValue.value = $event),
                   type: "text",
@@ -12991,7 +13002,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     key: 0,
     class: "lupa-term-count"
   };
-  const _hoisted_5$a = {
+  const _hoisted_5$b = {
     key: 0,
     class: "lupa-facet-level"
   };
@@ -13051,7 +13062,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               _ctx.options.showDocumentCount ? (openBlock(), createElementBlock("span", _hoisted_4$h, "(" + toDisplayString(_ctx.item.count) + ")", 1)) : createCommentVNode("", true)
             ])
           ]),
-          showChildren.value ? (openBlock(), createElementBlock("div", _hoisted_5$a, [
+          showChildren.value ? (openBlock(), createElementBlock("div", _hoisted_5$b, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(treeItem.value.children, (itemChild) => {
               return openBlock(), createBlock(_component_HierarchyFacetLevel, {
                 key: itemChild.title,
@@ -13561,7 +13572,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   const _hoisted_2$r = ["onClick"];
   const _hoisted_3$l = { class: "lupa-mobile-sidebar-content" };
   const _hoisted_4$g = { class: "lupa-sidebar-top" };
-  const _hoisted_5$9 = { class: "lupa-sidebar-title" };
+  const _hoisted_5$a = { class: "lupa-sidebar-title" };
   const _hoisted_6$6 = {
     key: 0,
     class: "lupa-sidebar-filter-count"
@@ -13605,7 +13616,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           }, null, 8, _hoisted_2$r),
           createBaseVNode("div", _hoisted_3$l, [
             createBaseVNode("div", _hoisted_4$g, [
-              createBaseVNode("div", _hoisted_5$9, [
+              createBaseVNode("div", _hoisted_5$a, [
                 createTextVNode(toDisplayString(sidebarTitle.value) + " ", 1),
                 isFilterCountVisible.value ? (openBlock(), createElementBlock("span", _hoisted_6$6, toDisplayString(unref(currentFilterCount)), 1)) : createCommentVNode("", true)
               ]),
@@ -13911,6 +13922,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   const _hoisted_2$o = { id: "lupa-select" };
   const _hoisted_3$i = { class: "lupa-select-label" };
   const _hoisted_4$d = ["aria-label"];
+  const _hoisted_5$9 = ["value"];
   const _sfc_main$y = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsPageSize",
     props: {
@@ -13950,7 +13962,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               ref: select
             }, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options.sizes, (option) => {
-                return openBlock(), createElementBlock("option", { key: option }, toDisplayString(prefixLabel.value) + toDisplayString(option), 1);
+                return openBlock(), createElementBlock("option", {
+                  key: option,
+                  value: option
+                }, toDisplayString(prefixLabel.value) + toDisplayString(option), 9, _hoisted_5$9);
               }), 128))
             ], 40, _hoisted_4$d)
           ])
@@ -22143,8 +22158,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       });
       const columnSize = computed(() => `width: ${100 / columnCount.value}%`);
       const title = computed(() => {
-        var _a;
-        return (_a = props.options.recommendationLabels.title) != null ? _a : "";
+        var _a, _b;
+        return (_b = (_a = props.options.recommendationLabels) == null ? void 0 : _a.title) != null ? _b : "";
       });
       onMounted(() => {
         loadRecommendations();
@@ -22207,7 +22222,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           const result = yield LupaSearchSdk.recommend(
             props.options.queryKey,
             props.options.itemId,
-            props.options.filters,
+            props.options.recommendationFilters,
             props.options.options
           );
           if (!result.success) {

package/dist/lupaSearch.js

@@ -7912,6 +7912,14 @@ const encodeParam = (param) => {
   const encoded = encodeURIComponent(param);
   return encoded.replace(/%C4%85/g, "ą").replace(/%C4%8D/g, "č").replace(/%C4%99/g, "ę").replace(/%C4%97/g, "ė").replace(/%C4%AF/g, "į").replace(/%C5%A1/g, "š").replace(/%C5%B3/g, "ų").replace(/%C5%AB/g, "ū").replace(/%C5%BE/g, "ž").replace(/%20/g, " ");
 };
+const getQueryParam = (name) => {
+  try {
+    const urlParams = new URLSearchParams(window.location.search);
+    return urlParams.get(name);
+  } catch (e2) {
+    return null;
+  }
+};
 const PATH_REPLACE_REGEXP = /{(.*?)}/gm;
 const generateLink = (linkPattern, document2) => {
   const matches = linkPattern.match(PATH_REPLACE_REGEXP);
@@ -8203,7 +8211,7 @@ const useParamsStore = defineStore("params", () => {
     searchText,
     facet
   }) => {
-    var _a;
+    var _a, _b;
     const redirectionApplied = redirectionStore.redirectOnKeywordIfConfigured(
       searchText,
       optionsStore.boxRoutingBehavior
@@ -8211,7 +8219,10 @@ const useParamsStore = defineStore("params", () => {
     if (redirectionApplied) {
       return;
     }
-    if (!searchResultsLink.value || linksMatch(searchResultsLink.value, window.location.pathname)) {
+    const forceFullReload = (_a = optionsStore.searchBoxOptions.forceFullReloadOnParams) == null ? void 0 : _a.some(
+      (p2) => getQueryParam(p2)
+    );
+    if ((!searchResultsLink.value || linksMatch(searchResultsLink.value, window.location.pathname)) && !forceFullReload) {
       const singleFacetParam = facet ? getFacetParam(facet.key, [facet.title]) : void 0;
       const facetParam = singleFacetParam ? [
         __spreadProps2(__spreadValues2({}, singleFacetParam), {
@@ -8227,7 +8238,7 @@ const useParamsStore = defineStore("params", () => {
         searchResultsLink: searchResultsLink.value
       });
     } else {
-      const routing = (_a = optionsStore.boxRoutingBehavior) != null ? _a : "direct-link";
+      const routing = (_b = optionsStore.boxRoutingBehavior) != null ? _b : "direct-link";
       redirectToResultsPage(
         searchResultsLink.value,
         searchText,
@@ -8510,7 +8521,7 @@ const _hoisted_1$1f = { id: "lupa-search-box-input-container" };
 const _hoisted_2$R = { class: "lupa-input-clear" };
 const _hoisted_3$B = { id: "lupa-search-box-input" };
 const _hoisted_4$t = ["value"];
-const _hoisted_5$i = ["aria-label", "placeholder"];
+const _hoisted_5$j = ["aria-label", "placeholder"];
 const _hoisted_6$9 = /* @__PURE__ */ createBaseVNode("span", { class: "lupa-search-submit-icon" }, null, -1);
 const _hoisted_7$7 = [
   _hoisted_6$9
@@ -8630,7 +8641,7 @@ const _sfc_main$1n = /* @__PURE__ */ defineComponent({
             placeholder: labels.value.placeholder,
             onInput: handleInput,
             onFocus: handleFocus
-          }), null, 16, _hoisted_5$i), [
+          }), null, 16, _hoisted_5$j), [
             [vModelText, inputValue.value]
           ]),
           _ctx.options.showSubmitButton ? (openBlock(), createElementBlock("button", {
@@ -8804,7 +8815,7 @@ const _hoisted_4$s = {
   class: "lupa-suggestion-facet-label",
   "data-cy": "lupa-suggestion-facet-label"
 };
-const _hoisted_5$h = {
+const _hoisted_5$i = {
   class: "lupa-suggestion-facet-value",
   "data-cy": "lupa-suggestion-facet-value"
 };
@@ -8847,7 +8858,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
         }, null, 8, _hoisted_1$1b)) : (openBlock(), createElementBlock("div", _hoisted_2$P, toDisplayString(_ctx.suggestion.display), 1)),
         _ctx.suggestion.facet ? (openBlock(), createElementBlock("div", _hoisted_3$A, [
           createBaseVNode("span", _hoisted_4$s, toDisplayString(facetLabel.value), 1),
-          createBaseVNode("span", _hoisted_5$h, toDisplayString(_ctx.suggestion.facet.title), 1)
+          createBaseVNode("span", _hoisted_5$i, toDisplayString(_ctx.suggestion.facet.title), 1)
         ])) : createCommentVNode("", true)
       ]);
     };
@@ -9348,7 +9359,7 @@ const _hoisted_1$14 = ["innerHTML"];
 const _hoisted_2$M = { key: 0 };
 const _hoisted_3$z = { key: 1 };
 const _hoisted_4$r = { class: "lupa-search-box-custom-label" };
-const _hoisted_5$g = { class: "lupa-search-box-custom-text" };
+const _hoisted_5$h = { class: "lupa-search-box-custom-text" };
 const _sfc_main$19 = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxProductCustom",
   props: {
@@ -9381,7 +9392,7 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
       }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
         !label.value ? (openBlock(), createElementBlock("div", _hoisted_2$M, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$z, [
           createBaseVNode("div", _hoisted_4$r, toDisplayString(label.value), 1),
-          createBaseVNode("div", _hoisted_5$g, toDisplayString(text.value), 1)
+          createBaseVNode("div", _hoisted_5$h, toDisplayString(text.value), 1)
         ]))
       ], 16));
     };
@@ -10527,7 +10538,7 @@ const _hoisted_4$o = {
   key: 1,
   class: "lupa-panel-title"
 };
-const _hoisted_5$f = {
+const _hoisted_5$g = {
   key: 1,
   id: "lupa-search-box-panel"
 };
@@ -10741,7 +10752,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
             showTotalCount: (_a = _ctx.options.showTotalCount) != null ? _a : false,
             onGoToResults: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("go-to-results"))
           }, null, 8, ["labels", "showTotalCount"])) : createCommentVNode("", true)
-        ])) : displayHistory.value ? (openBlock(), createElementBlock("div", _hoisted_5$f, [
+        ])) : displayHistory.value ? (openBlock(), createElementBlock("div", _hoisted_5$g, [
           createVNode(_sfc_main$1k, {
             options: _ctx.options.history,
             history: history.value,
@@ -11236,7 +11247,7 @@ const _hoisted_3$t = {
   class: "lupa-results-total-count"
 };
 const _hoisted_4$m = { class: "lupa-results-total-count-number" };
-const _hoisted_5$e = ["innerHTML"];
+const _hoisted_5$f = ["innerHTML"];
 const _sfc_main$S = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsTitle",
   props: {
@@ -11293,7 +11304,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
           key: 2,
           class: "lupa-result-page-description-top",
           innerHTML: descriptionTop.value
-        }, null, 8, _hoisted_5$e)) : createCommentVNode("", true)
+        }, null, 8, _hoisted_5$f)) : createCommentVNode("", true)
       ]);
     };
   }
@@ -11492,7 +11503,7 @@ const _hoisted_1$L = {
 const _hoisted_2$z = { class: "lupa-category-back" };
 const _hoisted_3$q = ["href"];
 const _hoisted_4$k = ["href"];
-const _hoisted_5$d = { class: "lupa-child-category-list" };
+const _hoisted_5$e = { class: "lupa-child-category-list" };
 const _sfc_main$O = /* @__PURE__ */ defineComponent({
   __name: "CategoryFilter",
   props: {
@@ -11598,7 +11609,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
             onClick: handleNavigationParent
           }, toDisplayString(parentTitle.value), 11, _hoisted_4$k)
         ], 2),
-        createBaseVNode("div", _hoisted_5$d, [
+        createBaseVNode("div", _hoisted_5$e, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(categoryChildren.value, (child) => {
             return openBlock(), createBlock(_sfc_main$P, {
               key: getCategoryKey(child),
@@ -11618,7 +11629,7 @@ const _hoisted_1$K = {
 const _hoisted_2$y = ["placeholder"];
 const _hoisted_3$p = { class: "lupa-terms-list" };
 const _hoisted_4$j = ["onClick"];
-const _hoisted_5$c = { class: "lupa-term-checkbox-wrapper" };
+const _hoisted_5$d = { class: "lupa-term-checkbox-wrapper" };
 const _hoisted_6$8 = { class: "lupa-term-checkbox-label" };
 const _hoisted_7$6 = { class: "lupa-term-label" };
 const _hoisted_8$2 = {
@@ -11716,7 +11727,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
               key: item.title,
               onClick: ($event) => handleFacetClick(item)
             }, [
-              createBaseVNode("div", _hoisted_5$c, [
+              createBaseVNode("div", _hoisted_5$d, [
                 createBaseVNode("span", {
                   class: normalizeClass(["lupa-term-checkbox", { checked: isChecked(item) }])
                 }, null, 2)
@@ -12729,7 +12740,7 @@ const _hoisted_4$i = {
   key: 0,
   class: "lupa-stats-range-label"
 };
-const _hoisted_5$b = { class: "lupa-stats-from" };
+const _hoisted_5$c = { class: "lupa-stats-from" };
 const _hoisted_6$7 = ["max", "min", "pattern", "aria-label"];
 const _hoisted_7$5 = { key: 0 };
 const _hoisted_8$1 = /* @__PURE__ */ createBaseVNode("div", { class: "lupa-stats-separator" }, null, -1);
@@ -12921,7 +12932,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
         !isInputVisible.value ? (openBlock(), createElementBlock("div", _hoisted_2$x, toDisplayString(statsSummary.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$o, [
           createBaseVNode("div", null, [
             rangeLabelFrom.value ? (openBlock(), createElementBlock("div", _hoisted_4$i, toDisplayString(rangeLabelFrom.value), 1)) : createCommentVNode("", true),
-            createBaseVNode("div", _hoisted_5$b, [
+            createBaseVNode("div", _hoisted_5$c, [
               withDirectives(createBaseVNode("input", {
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => fromValue.value = $event),
                 type: "text",
@@ -12991,7 +13002,7 @@ const _hoisted_4$h = {
   key: 0,
   class: "lupa-term-count"
 };
-const _hoisted_5$a = {
+const _hoisted_5$b = {
   key: 0,
   class: "lupa-facet-level"
 };
@@ -13051,7 +13062,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
             _ctx.options.showDocumentCount ? (openBlock(), createElementBlock("span", _hoisted_4$h, "(" + toDisplayString(_ctx.item.count) + ")", 1)) : createCommentVNode("", true)
           ])
         ]),
-        showChildren.value ? (openBlock(), createElementBlock("div", _hoisted_5$a, [
+        showChildren.value ? (openBlock(), createElementBlock("div", _hoisted_5$b, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(treeItem.value.children, (itemChild) => {
             return openBlock(), createBlock(_component_HierarchyFacetLevel, {
               key: itemChild.title,
@@ -13561,7 +13572,7 @@ const _hoisted_1$B = {
 const _hoisted_2$r = ["onClick"];
 const _hoisted_3$l = { class: "lupa-mobile-sidebar-content" };
 const _hoisted_4$g = { class: "lupa-sidebar-top" };
-const _hoisted_5$9 = { class: "lupa-sidebar-title" };
+const _hoisted_5$a = { class: "lupa-sidebar-title" };
 const _hoisted_6$6 = {
   key: 0,
   class: "lupa-sidebar-filter-count"
@@ -13605,7 +13616,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
         }, null, 8, _hoisted_2$r),
         createBaseVNode("div", _hoisted_3$l, [
           createBaseVNode("div", _hoisted_4$g, [
-            createBaseVNode("div", _hoisted_5$9, [
+            createBaseVNode("div", _hoisted_5$a, [
               createTextVNode(toDisplayString(sidebarTitle.value) + " ", 1),
               isFilterCountVisible.value ? (openBlock(), createElementBlock("span", _hoisted_6$6, toDisplayString(unref(currentFilterCount)), 1)) : createCommentVNode("", true)
             ]),
@@ -13911,6 +13922,7 @@ const _hoisted_1$v = {
 const _hoisted_2$o = { id: "lupa-select" };
 const _hoisted_3$i = { class: "lupa-select-label" };
 const _hoisted_4$d = ["aria-label"];
+const _hoisted_5$9 = ["value"];
 const _sfc_main$y = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsPageSize",
   props: {
@@ -13950,7 +13962,10 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
             ref: select
           }, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options.sizes, (option) => {
-              return openBlock(), createElementBlock("option", { key: option }, toDisplayString(prefixLabel.value) + toDisplayString(option), 1);
+              return openBlock(), createElementBlock("option", {
+                key: option,
+                value: option
+              }, toDisplayString(prefixLabel.value) + toDisplayString(option), 9, _hoisted_5$9);
             }), 128))
           ], 40, _hoisted_4$d)
         ])
@@ -22143,8 +22158,8 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     });
     const columnSize = computed(() => `width: ${100 / columnCount.value}%`);
     const title = computed(() => {
-      var _a;
-      return (_a = props.options.recommendationLabels.title) != null ? _a : "";
+      var _a, _b;
+      return (_b = (_a = props.options.recommendationLabels) == null ? void 0 : _a.title) != null ? _b : "";
     });
     onMounted(() => {
       loadRecommendations();
@@ -22207,7 +22222,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
         const result = yield LupaSearchSdk.recommend(
           props.options.queryKey,
           props.options.itemId,
-          props.options.filters,
+          props.options.recommendationFilters,
           props.options.options
         );
         if (!result.success) {

package/dist/lupaSearch.mjs

@@ -7910,6 +7910,14 @@ const encodeParam = (param) => {
   const encoded = encodeURIComponent(param);
   return encoded.replace(/%C4%85/g, "ą").replace(/%C4%8D/g, "č").replace(/%C4%99/g, "ę").replace(/%C4%97/g, "ė").replace(/%C4%AF/g, "į").replace(/%C5%A1/g, "š").replace(/%C5%B3/g, "ų").replace(/%C5%AB/g, "ū").replace(/%C5%BE/g, "ž").replace(/%20/g, " ");
 };
+const getQueryParam = (name) => {
+  try {
+    const urlParams = new URLSearchParams(window.location.search);
+    return urlParams.get(name);
+  } catch (e2) {
+    return null;
+  }
+};
 const PATH_REPLACE_REGEXP = /{(.*?)}/gm;
 const generateLink = (linkPattern, document2) => {
   const matches = linkPattern.match(PATH_REPLACE_REGEXP);
@@ -8201,7 +8209,7 @@ const useParamsStore = defineStore("params", () => {
     searchText,
     facet
   }) => {
-    var _a;
+    var _a, _b;
     const redirectionApplied = redirectionStore.redirectOnKeywordIfConfigured(
       searchText,
       optionsStore.boxRoutingBehavior
@@ -8209,7 +8217,10 @@ const useParamsStore = defineStore("params", () => {
     if (redirectionApplied) {
       return;
     }
-    if (!searchResultsLink.value || linksMatch(searchResultsLink.value, window.location.pathname)) {
+    const forceFullReload = (_a = optionsStore.searchBoxOptions.forceFullReloadOnParams) == null ? void 0 : _a.some(
+      (p2) => getQueryParam(p2)
+    );
+    if ((!searchResultsLink.value || linksMatch(searchResultsLink.value, window.location.pathname)) && !forceFullReload) {
       const singleFacetParam = facet ? getFacetParam(facet.key, [facet.title]) : void 0;
       const facetParam = singleFacetParam ? [
         __spreadProps2(__spreadValues2({}, singleFacetParam), {
@@ -8225,7 +8236,7 @@ const useParamsStore = defineStore("params", () => {
         searchResultsLink: searchResultsLink.value
       });
     } else {
-      const routing = (_a = optionsStore.boxRoutingBehavior) != null ? _a : "direct-link";
+      const routing = (_b = optionsStore.boxRoutingBehavior) != null ? _b : "direct-link";
       redirectToResultsPage(
         searchResultsLink.value,
         searchText,
@@ -8508,7 +8519,7 @@ const _hoisted_1$1f = { id: "lupa-search-box-input-container" };
 const _hoisted_2$R = { class: "lupa-input-clear" };
 const _hoisted_3$B = { id: "lupa-search-box-input" };
 const _hoisted_4$t = ["value"];
-const _hoisted_5$i = ["aria-label", "placeholder"];
+const _hoisted_5$j = ["aria-label", "placeholder"];
 const _hoisted_6$9 = /* @__PURE__ */ createBaseVNode("span", { class: "lupa-search-submit-icon" }, null, -1);
 const _hoisted_7$7 = [
   _hoisted_6$9
@@ -8628,7 +8639,7 @@ const _sfc_main$1n = /* @__PURE__ */ defineComponent({
             placeholder: labels.value.placeholder,
             onInput: handleInput,
             onFocus: handleFocus
-          }), null, 16, _hoisted_5$i), [
+          }), null, 16, _hoisted_5$j), [
             [vModelText, inputValue.value]
           ]),
           _ctx.options.showSubmitButton ? (openBlock(), createElementBlock("button", {
@@ -8802,7 +8813,7 @@ const _hoisted_4$s = {
   class: "lupa-suggestion-facet-label",
   "data-cy": "lupa-suggestion-facet-label"
 };
-const _hoisted_5$h = {
+const _hoisted_5$i = {
   class: "lupa-suggestion-facet-value",
   "data-cy": "lupa-suggestion-facet-value"
 };
@@ -8845,7 +8856,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
         }, null, 8, _hoisted_1$1b)) : (openBlock(), createElementBlock("div", _hoisted_2$P, toDisplayString(_ctx.suggestion.display), 1)),
         _ctx.suggestion.facet ? (openBlock(), createElementBlock("div", _hoisted_3$A, [
           createBaseVNode("span", _hoisted_4$s, toDisplayString(facetLabel.value), 1),
-          createBaseVNode("span", _hoisted_5$h, toDisplayString(_ctx.suggestion.facet.title), 1)
+          createBaseVNode("span", _hoisted_5$i, toDisplayString(_ctx.suggestion.facet.title), 1)
         ])) : createCommentVNode("", true)
       ]);
     };
@@ -9346,7 +9357,7 @@ const _hoisted_1$14 = ["innerHTML"];
 const _hoisted_2$M = { key: 0 };
 const _hoisted_3$z = { key: 1 };
 const _hoisted_4$r = { class: "lupa-search-box-custom-label" };
-const _hoisted_5$g = { class: "lupa-search-box-custom-text" };
+const _hoisted_5$h = { class: "lupa-search-box-custom-text" };
 const _sfc_main$19 = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxProductCustom",
   props: {
@@ -9379,7 +9390,7 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
       }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
         !label.value ? (openBlock(), createElementBlock("div", _hoisted_2$M, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$z, [
           createBaseVNode("div", _hoisted_4$r, toDisplayString(label.value), 1),
-          createBaseVNode("div", _hoisted_5$g, toDisplayString(text.value), 1)
+          createBaseVNode("div", _hoisted_5$h, toDisplayString(text.value), 1)
         ]))
       ], 16));
     };
@@ -10525,7 +10536,7 @@ const _hoisted_4$o = {
   key: 1,
   class: "lupa-panel-title"
 };
-const _hoisted_5$f = {
+const _hoisted_5$g = {
   key: 1,
   id: "lupa-search-box-panel"
 };
@@ -10739,7 +10750,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
             showTotalCount: (_a = _ctx.options.showTotalCount) != null ? _a : false,
             onGoToResults: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("go-to-results"))
           }, null, 8, ["labels", "showTotalCount"])) : createCommentVNode("", true)
-        ])) : displayHistory.value ? (openBlock(), createElementBlock("div", _hoisted_5$f, [
+        ])) : displayHistory.value ? (openBlock(), createElementBlock("div", _hoisted_5$g, [
           createVNode(_sfc_main$1k, {
             options: _ctx.options.history,
             history: history.value,
@@ -11234,7 +11245,7 @@ const _hoisted_3$t = {
   class: "lupa-results-total-count"
 };
 const _hoisted_4$m = { class: "lupa-results-total-count-number" };
-const _hoisted_5$e = ["innerHTML"];
+const _hoisted_5$f = ["innerHTML"];
 const _sfc_main$S = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsTitle",
   props: {
@@ -11291,7 +11302,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
           key: 2,
           class: "lupa-result-page-description-top",
           innerHTML: descriptionTop.value
-        }, null, 8, _hoisted_5$e)) : createCommentVNode("", true)
+        }, null, 8, _hoisted_5$f)) : createCommentVNode("", true)
       ]);
     };
   }
@@ -11490,7 +11501,7 @@ const _hoisted_1$L = {
 const _hoisted_2$z = { class: "lupa-category-back" };
 const _hoisted_3$q = ["href"];
 const _hoisted_4$k = ["href"];
-const _hoisted_5$d = { class: "lupa-child-category-list" };
+const _hoisted_5$e = { class: "lupa-child-category-list" };
 const _sfc_main$O = /* @__PURE__ */ defineComponent({
   __name: "CategoryFilter",
   props: {
@@ -11596,7 +11607,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
             onClick: handleNavigationParent
           }, toDisplayString(parentTitle.value), 11, _hoisted_4$k)
         ], 2),
-        createBaseVNode("div", _hoisted_5$d, [
+        createBaseVNode("div", _hoisted_5$e, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(categoryChildren.value, (child) => {
             return openBlock(), createBlock(_sfc_main$P, {
               key: getCategoryKey(child),
@@ -11616,7 +11627,7 @@ const _hoisted_1$K = {
 const _hoisted_2$y = ["placeholder"];
 const _hoisted_3$p = { class: "lupa-terms-list" };
 const _hoisted_4$j = ["onClick"];
-const _hoisted_5$c = { class: "lupa-term-checkbox-wrapper" };
+const _hoisted_5$d = { class: "lupa-term-checkbox-wrapper" };
 const _hoisted_6$8 = { class: "lupa-term-checkbox-label" };
 const _hoisted_7$6 = { class: "lupa-term-label" };
 const _hoisted_8$2 = {
@@ -11714,7 +11725,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
               key: item.title,
               onClick: ($event) => handleFacetClick(item)
             }, [
-              createBaseVNode("div", _hoisted_5$c, [
+              createBaseVNode("div", _hoisted_5$d, [
                 createBaseVNode("span", {
                   class: normalizeClass(["lupa-term-checkbox", { checked: isChecked(item) }])
                 }, null, 2)
@@ -12727,7 +12738,7 @@ const _hoisted_4$i = {
   key: 0,
   class: "lupa-stats-range-label"
 };
-const _hoisted_5$b = { class: "lupa-stats-from" };
+const _hoisted_5$c = { class: "lupa-stats-from" };
 const _hoisted_6$7 = ["max", "min", "pattern", "aria-label"];
 const _hoisted_7$5 = { key: 0 };
 const _hoisted_8$1 = /* @__PURE__ */ createBaseVNode("div", { class: "lupa-stats-separator" }, null, -1);
@@ -12919,7 +12930,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
         !isInputVisible.value ? (openBlock(), createElementBlock("div", _hoisted_2$x, toDisplayString(statsSummary.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$o, [
           createBaseVNode("div", null, [
             rangeLabelFrom.value ? (openBlock(), createElementBlock("div", _hoisted_4$i, toDisplayString(rangeLabelFrom.value), 1)) : createCommentVNode("", true),
-            createBaseVNode("div", _hoisted_5$b, [
+            createBaseVNode("div", _hoisted_5$c, [
               withDirectives(createBaseVNode("input", {
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => fromValue.value = $event),
                 type: "text",
@@ -12989,7 +13000,7 @@ const _hoisted_4$h = {
   key: 0,
   class: "lupa-term-count"
 };
-const _hoisted_5$a = {
+const _hoisted_5$b = {
   key: 0,
   class: "lupa-facet-level"
 };
@@ -13049,7 +13060,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
             _ctx.options.showDocumentCount ? (openBlock(), createElementBlock("span", _hoisted_4$h, "(" + toDisplayString(_ctx.item.count) + ")", 1)) : createCommentVNode("", true)
           ])
         ]),
-        showChildren.value ? (openBlock(), createElementBlock("div", _hoisted_5$a, [
+        showChildren.value ? (openBlock(), createElementBlock("div", _hoisted_5$b, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(treeItem.value.children, (itemChild) => {
             return openBlock(), createBlock(_component_HierarchyFacetLevel, {
               key: itemChild.title,
@@ -13559,7 +13570,7 @@ const _hoisted_1$B = {
 const _hoisted_2$r = ["onClick"];
 const _hoisted_3$l = { class: "lupa-mobile-sidebar-content" };
 const _hoisted_4$g = { class: "lupa-sidebar-top" };
-const _hoisted_5$9 = { class: "lupa-sidebar-title" };
+const _hoisted_5$a = { class: "lupa-sidebar-title" };
 const _hoisted_6$6 = {
   key: 0,
   class: "lupa-sidebar-filter-count"
@@ -13603,7 +13614,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
         }, null, 8, _hoisted_2$r),
         createBaseVNode("div", _hoisted_3$l, [
           createBaseVNode("div", _hoisted_4$g, [
-            createBaseVNode("div", _hoisted_5$9, [
+            createBaseVNode("div", _hoisted_5$a, [
               createTextVNode(toDisplayString(sidebarTitle.value) + " ", 1),
               isFilterCountVisible.value ? (openBlock(), createElementBlock("span", _hoisted_6$6, toDisplayString(unref(currentFilterCount)), 1)) : createCommentVNode("", true)
             ]),
@@ -13909,6 +13920,7 @@ const _hoisted_1$v = {
 const _hoisted_2$o = { id: "lupa-select" };
 const _hoisted_3$i = { class: "lupa-select-label" };
 const _hoisted_4$d = ["aria-label"];
+const _hoisted_5$9 = ["value"];
 const _sfc_main$y = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsPageSize",
   props: {
@@ -13948,7 +13960,10 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
             ref: select
           }, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options.sizes, (option) => {
-              return openBlock(), createElementBlock("option", { key: option }, toDisplayString(prefixLabel.value) + toDisplayString(option), 1);
+              return openBlock(), createElementBlock("option", {
+                key: option,
+                value: option
+              }, toDisplayString(prefixLabel.value) + toDisplayString(option), 9, _hoisted_5$9);
             }), 128))
           ], 40, _hoisted_4$d)
         ])
@@ -22141,8 +22156,8 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     });
     const columnSize = computed(() => `width: ${100 / columnCount.value}%`);
     const title = computed(() => {
-      var _a;
-      return (_a = props.options.recommendationLabels.title) != null ? _a : "";
+      var _a, _b;
+      return (_b = (_a = props.options.recommendationLabels) == null ? void 0 : _a.title) != null ? _b : "";
     });
     onMounted(() => {
       loadRecommendations();
@@ -22205,7 +22220,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
         const result = yield LupaSearchSdk.recommend(
           props.options.queryKey,
           props.options.itemId,
-          props.options.filters,
+          props.options.recommendationFilters,
           props.options.options
         );
         if (!result.success) {

package/dist/lupaSearch.umd.js

@@ -7914,6 +7914,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     const encoded = encodeURIComponent(param);
     return encoded.replace(/%C4%85/g, "ą").replace(/%C4%8D/g, "č").replace(/%C4%99/g, "ę").replace(/%C4%97/g, "ė").replace(/%C4%AF/g, "į").replace(/%C5%A1/g, "š").replace(/%C5%B3/g, "ų").replace(/%C5%AB/g, "ū").replace(/%C5%BE/g, "ž").replace(/%20/g, " ");
   };
+  const getQueryParam = (name) => {
+    try {
+      const urlParams = new URLSearchParams(window.location.search);
+      return urlParams.get(name);
+    } catch (e2) {
+      return null;
+    }
+  };
   const PATH_REPLACE_REGEXP = /{(.*?)}/gm;
   const generateLink = (linkPattern, document2) => {
     const matches = linkPattern.match(PATH_REPLACE_REGEXP);
@@ -8205,7 +8213,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       searchText,
       facet
     }) => {
-      var _a;
+      var _a, _b;
       const redirectionApplied = redirectionStore.redirectOnKeywordIfConfigured(
         searchText,
         optionsStore.boxRoutingBehavior
@@ -8213,7 +8221,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       if (redirectionApplied) {
         return;
       }
-      if (!searchResultsLink.value || linksMatch(searchResultsLink.value, window.location.pathname)) {
+      const forceFullReload = (_a = optionsStore.searchBoxOptions.forceFullReloadOnParams) == null ? void 0 : _a.some(
+        (p2) => getQueryParam(p2)
+      );
+      if ((!searchResultsLink.value || linksMatch(searchResultsLink.value, window.location.pathname)) && !forceFullReload) {
         const singleFacetParam = facet ? getFacetParam(facet.key, [facet.title]) : void 0;
         const facetParam = singleFacetParam ? [
           __spreadProps2(__spreadValues2({}, singleFacetParam), {
@@ -8229,7 +8240,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           searchResultsLink: searchResultsLink.value
         });
       } else {
-        const routing = (_a = optionsStore.boxRoutingBehavior) != null ? _a : "direct-link";
+        const routing = (_b = optionsStore.boxRoutingBehavior) != null ? _b : "direct-link";
         redirectToResultsPage(
           searchResultsLink.value,
           searchText,
@@ -8512,7 +8523,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   const _hoisted_2$R = { class: "lupa-input-clear" };
   const _hoisted_3$B = { id: "lupa-search-box-input" };
   const _hoisted_4$t = ["value"];
-  const _hoisted_5$i = ["aria-label", "placeholder"];
+  const _hoisted_5$j = ["aria-label", "placeholder"];
   const _hoisted_6$9 = /* @__PURE__ */ createBaseVNode("span", { class: "lupa-search-submit-icon" }, null, -1);
   const _hoisted_7$7 = [
     _hoisted_6$9
@@ -8632,7 +8643,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               placeholder: labels.value.placeholder,
               onInput: handleInput,
               onFocus: handleFocus
-            }), null, 16, _hoisted_5$i), [
+            }), null, 16, _hoisted_5$j), [
               [vModelText, inputValue.value]
             ]),
             _ctx.options.showSubmitButton ? (openBlock(), createElementBlock("button", {
@@ -8806,7 +8817,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     class: "lupa-suggestion-facet-label",
     "data-cy": "lupa-suggestion-facet-label"
   };
-  const _hoisted_5$h = {
+  const _hoisted_5$i = {
     class: "lupa-suggestion-facet-value",
     "data-cy": "lupa-suggestion-facet-value"
   };
@@ -8849,7 +8860,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           }, null, 8, _hoisted_1$1b)) : (openBlock(), createElementBlock("div", _hoisted_2$P, toDisplayString(_ctx.suggestion.display), 1)),
           _ctx.suggestion.facet ? (openBlock(), createElementBlock("div", _hoisted_3$A, [
             createBaseVNode("span", _hoisted_4$s, toDisplayString(facetLabel.value), 1),
-            createBaseVNode("span", _hoisted_5$h, toDisplayString(_ctx.suggestion.facet.title), 1)
+            createBaseVNode("span", _hoisted_5$i, toDisplayString(_ctx.suggestion.facet.title), 1)
           ])) : createCommentVNode("", true)
         ]);
       };
@@ -9350,7 +9361,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   const _hoisted_2$M = { key: 0 };
   const _hoisted_3$z = { key: 1 };
   const _hoisted_4$r = { class: "lupa-search-box-custom-label" };
-  const _hoisted_5$g = { class: "lupa-search-box-custom-text" };
+  const _hoisted_5$h = { class: "lupa-search-box-custom-text" };
   const _sfc_main$19 = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductCustom",
     props: {
@@ -9383,7 +9394,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
           !label.value ? (openBlock(), createElementBlock("div", _hoisted_2$M, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$z, [
             createBaseVNode("div", _hoisted_4$r, toDisplayString(label.value), 1),
-            createBaseVNode("div", _hoisted_5$g, toDisplayString(text.value), 1)
+            createBaseVNode("div", _hoisted_5$h, toDisplayString(text.value), 1)
           ]))
         ], 16));
       };
@@ -10529,7 +10540,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     key: 1,
     class: "lupa-panel-title"
   };
-  const _hoisted_5$f = {
+  const _hoisted_5$g = {
     key: 1,
     id: "lupa-search-box-panel"
   };
@@ -10743,7 +10754,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               showTotalCount: (_a = _ctx.options.showTotalCount) != null ? _a : false,
               onGoToResults: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("go-to-results"))
             }, null, 8, ["labels", "showTotalCount"])) : createCommentVNode("", true)
-          ])) : displayHistory.value ? (openBlock(), createElementBlock("div", _hoisted_5$f, [
+          ])) : displayHistory.value ? (openBlock(), createElementBlock("div", _hoisted_5$g, [
             createVNode(_sfc_main$1k, {
               options: _ctx.options.history,
               history: history.value,
@@ -11238,7 +11249,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     class: "lupa-results-total-count"
   };
   const _hoisted_4$m = { class: "lupa-results-total-count-number" };
-  const _hoisted_5$e = ["innerHTML"];
+  const _hoisted_5$f = ["innerHTML"];
   const _sfc_main$S = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsTitle",
     props: {
@@ -11295,7 +11306,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             key: 2,
             class: "lupa-result-page-description-top",
             innerHTML: descriptionTop.value
-          }, null, 8, _hoisted_5$e)) : createCommentVNode("", true)
+          }, null, 8, _hoisted_5$f)) : createCommentVNode("", true)
         ]);
       };
     }
@@ -11494,7 +11505,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   const _hoisted_2$z = { class: "lupa-category-back" };
   const _hoisted_3$q = ["href"];
   const _hoisted_4$k = ["href"];
-  const _hoisted_5$d = { class: "lupa-child-category-list" };
+  const _hoisted_5$e = { class: "lupa-child-category-list" };
   const _sfc_main$O = /* @__PURE__ */ defineComponent({
     __name: "CategoryFilter",
     props: {
@@ -11600,7 +11611,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               onClick: handleNavigationParent
             }, toDisplayString(parentTitle.value), 11, _hoisted_4$k)
           ], 2),
-          createBaseVNode("div", _hoisted_5$d, [
+          createBaseVNode("div", _hoisted_5$e, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(categoryChildren.value, (child) => {
               return openBlock(), createBlock(_sfc_main$P, {
                 key: getCategoryKey(child),
@@ -11620,7 +11631,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   const _hoisted_2$y = ["placeholder"];
   const _hoisted_3$p = { class: "lupa-terms-list" };
   const _hoisted_4$j = ["onClick"];
-  const _hoisted_5$c = { class: "lupa-term-checkbox-wrapper" };
+  const _hoisted_5$d = { class: "lupa-term-checkbox-wrapper" };
   const _hoisted_6$8 = { class: "lupa-term-checkbox-label" };
   const _hoisted_7$6 = { class: "lupa-term-label" };
   const _hoisted_8$2 = {
@@ -11718,7 +11729,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                 key: item.title,
                 onClick: ($event) => handleFacetClick(item)
               }, [
-                createBaseVNode("div", _hoisted_5$c, [
+                createBaseVNode("div", _hoisted_5$d, [
                   createBaseVNode("span", {
                     class: normalizeClass(["lupa-term-checkbox", { checked: isChecked(item) }])
                   }, null, 2)
@@ -12731,7 +12742,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     key: 0,
     class: "lupa-stats-range-label"
   };
-  const _hoisted_5$b = { class: "lupa-stats-from" };
+  const _hoisted_5$c = { class: "lupa-stats-from" };
   const _hoisted_6$7 = ["max", "min", "pattern", "aria-label"];
   const _hoisted_7$5 = { key: 0 };
   const _hoisted_8$1 = /* @__PURE__ */ createBaseVNode("div", { class: "lupa-stats-separator" }, null, -1);
@@ -12923,7 +12934,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           !isInputVisible.value ? (openBlock(), createElementBlock("div", _hoisted_2$x, toDisplayString(statsSummary.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$o, [
             createBaseVNode("div", null, [
               rangeLabelFrom.value ? (openBlock(), createElementBlock("div", _hoisted_4$i, toDisplayString(rangeLabelFrom.value), 1)) : createCommentVNode("", true),
-              createBaseVNode("div", _hoisted_5$b, [
+              createBaseVNode("div", _hoisted_5$c, [
                 withDirectives(createBaseVNode("input", {
                   "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => fromValue.value = $event),
                   type: "text",
@@ -12993,7 +13004,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     key: 0,
     class: "lupa-term-count"
   };
-  const _hoisted_5$a = {
+  const _hoisted_5$b = {
     key: 0,
     class: "lupa-facet-level"
   };
@@ -13053,7 +13064,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               _ctx.options.showDocumentCount ? (openBlock(), createElementBlock("span", _hoisted_4$h, "(" + toDisplayString(_ctx.item.count) + ")", 1)) : createCommentVNode("", true)
             ])
           ]),
-          showChildren.value ? (openBlock(), createElementBlock("div", _hoisted_5$a, [
+          showChildren.value ? (openBlock(), createElementBlock("div", _hoisted_5$b, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(treeItem.value.children, (itemChild) => {
               return openBlock(), createBlock(_component_HierarchyFacetLevel, {
                 key: itemChild.title,
@@ -13563,7 +13574,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   const _hoisted_2$r = ["onClick"];
   const _hoisted_3$l = { class: "lupa-mobile-sidebar-content" };
   const _hoisted_4$g = { class: "lupa-sidebar-top" };
-  const _hoisted_5$9 = { class: "lupa-sidebar-title" };
+  const _hoisted_5$a = { class: "lupa-sidebar-title" };
   const _hoisted_6$6 = {
     key: 0,
     class: "lupa-sidebar-filter-count"
@@ -13607,7 +13618,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           }, null, 8, _hoisted_2$r),
           createBaseVNode("div", _hoisted_3$l, [
             createBaseVNode("div", _hoisted_4$g, [
-              createBaseVNode("div", _hoisted_5$9, [
+              createBaseVNode("div", _hoisted_5$a, [
                 createTextVNode(toDisplayString(sidebarTitle.value) + " ", 1),
                 isFilterCountVisible.value ? (openBlock(), createElementBlock("span", _hoisted_6$6, toDisplayString(unref(currentFilterCount)), 1)) : createCommentVNode("", true)
               ]),
@@ -13913,6 +13924,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   const _hoisted_2$o = { id: "lupa-select" };
   const _hoisted_3$i = { class: "lupa-select-label" };
   const _hoisted_4$d = ["aria-label"];
+  const _hoisted_5$9 = ["value"];
   const _sfc_main$y = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsPageSize",
     props: {
@@ -13952,7 +13964,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               ref: select
             }, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options.sizes, (option) => {
-                return openBlock(), createElementBlock("option", { key: option }, toDisplayString(prefixLabel.value) + toDisplayString(option), 1);
+                return openBlock(), createElementBlock("option", {
+                  key: option,
+                  value: option
+                }, toDisplayString(prefixLabel.value) + toDisplayString(option), 9, _hoisted_5$9);
               }), 128))
             ], 40, _hoisted_4$d)
           ])
@@ -22145,8 +22160,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       });
       const columnSize = computed(() => `width: ${100 / columnCount.value}%`);
       const title = computed(() => {
-        var _a;
-        return (_a = props.options.recommendationLabels.title) != null ? _a : "";
+        var _a, _b;
+        return (_b = (_a = props.options.recommendationLabels) == null ? void 0 : _a.title) != null ? _b : "";
       });
       onMounted(() => {
         loadRecommendations();
@@ -22209,7 +22224,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           const result = yield LupaSearchSdk.recommend(
             props.options.queryKey,
             props.options.itemId,
-            props.options.filters,
+            props.options.recommendationFilters,
             props.options.options
           );
           if (!result.success) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getlupa/client",
-  "version": "1.12.7",
+  "version": "1.12.9",
   "main": "dist/lupaSearch.js",
   "module": "dist/index.mjs",
   "types": "dist/src/index.d.ts",
@@ -20,7 +20,7 @@
   },
   "devDependencies": {
     "@getlupa/client-sdk": "^1.3.4",
-    "@getlupa/vue": "0.12.6",
+    "@getlupa/vue": "0.12.9",
     "@rushstack/eslint-patch": "^1.3.2",
     "@tsconfig/node18": "^2.0.1",
     "@types/jsdom": "^21.1.1",