@getlupa/vue 0.11.2 → 0.11.5

package/dist/lupaSearch.js

@@ -3739,14 +3739,15 @@ const useDynamicDataStore = defineStore("dynamicData", () => {
     result,
     mode
   }) {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     const enabledForMode = mode === "searchBox" ? isDynamicDataEnabledForSearchBox.value : isDynamicDataEnabledForSearchResults.value;
     if (!result || !enabledForMode) {
       return;
     }
     const resultIds = (_b = (_a = result == null ? void 0 : result.items) == null ? void 0 : _a.map((i) => i.id)) != null ? _b : [];
     const similarQueryResultIds = (_e = (_d = (_c = result.similarQueries) == null ? void 0 : _c.map((q) => q.items.map((i) => i.id))) == null ? void 0 : _d.flat()) != null ? _e : [];
-    let requestedIds = [...resultIds, ...similarQueryResultIds];
+    const similarResultIds = (_g = (_f = result.similarResults) == null ? void 0 : _f.items.map((i) => i.id)) != null ? _g : [];
+    let requestedIds = [...resultIds, ...similarQueryResultIds, ...similarResultIds];
     if (isCacheEnabled.value) {
       requestedIds = requestedIds.filter((i) => !dynamicDataIdMap.value[`${i}`]);
     }
@@ -3760,7 +3761,7 @@ const useDynamicDataStore = defineStore("dynamicData", () => {
       if (!(dynamicData == null ? void 0 : dynamicData.handler)) {
         return {};
       }
-      const dynamicDataResult = (_f = yield dynamicData == null ? void 0 : dynamicData.handler(requestedIds)) != null ? _f : [];
+      const dynamicDataResult = (_h = yield dynamicData == null ? void 0 : dynamicData.handler(requestedIds)) != null ? _h : [];
       const seed = {};
       const dynamicDataIdMapValue = dynamicDataResult.reduce(
         (a, c2) => __spreadProps(__spreadValues({}, a), { [`${c2.id}`]: c2 }),
@@ -5908,12 +5909,16 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
       var _a, _b;
       return (_b = (_a = props.options.labels) == null ? void 0 : _a.itemCount) != null ? _b : "";
     });
+    const searchResultsCountLabel = vue.computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.options.labels) == null ? void 0 : _a.searchResultsCount) != null ? _b : "";
+    });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", null, [
         showSearchTitle.value ? (vue.openBlock(), vue.createElementBlock("h1", _hoisted_1$P, [
           vue.createTextVNode(vue.toDisplayString(_ctx.options.labels.searchResults), 1),
           queryText.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$C, "'" + vue.toDisplayString(queryText.value) + "'", 1)) : vue.createCommentVNode("", true),
-          showProductCount.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$s, "(" + vue.toDisplayString(vue.unref(totalItems)) + ")", 1)) : vue.createCommentVNode("", true)
+          showProductCount.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$s, "(" + vue.toDisplayString(searchResultsCountLabel.value) + vue.toDisplayString(vue.unref(totalItems)) + ")", 1)) : vue.createCommentVNode("", true)
         ])) : vue.createCommentVNode("", true),
         _ctx.showSummary ? (vue.openBlock(), vue.createBlock(_sfc_main$T, {
           key: 1,
@@ -6239,11 +6244,11 @@ const _hoisted_4$i = ["onClick"];
 const _hoisted_5$c = { 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$1 = {
+const _hoisted_8$2 = {
   key: 0,
   class: "lupa-term-count"
 };
-const _hoisted_9$1 = { key: 0 };
+const _hoisted_9$2 = { key: 0 };
 const _hoisted_10$1 = { key: 1 };
 const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
   __name: "TermFacet",
@@ -6339,7 +6344,7 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
               ]),
               vue.createElementVNode("div", _hoisted_6$8, [
                 vue.createElementVNode("span", _hoisted_7$6, vue.toDisplayString(item.title), 1),
-                _ctx.options.showDocumentCount ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_8$1, "(" + vue.toDisplayString(item.count) + ")", 1)) : vue.createCommentVNode("", true)
+                _ctx.options.showDocumentCount ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_8$2, "(" + vue.toDisplayString(item.count) + ")", 1)) : vue.createCommentVNode("", true)
               ])
             ], 10, _hoisted_4$i);
           }), 128))
@@ -6350,7 +6355,7 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
           "data-cy": "lupa-facet-term",
           onClick: toggleShowAll
         }, [
-          showAll.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_9$1, vue.toDisplayString(_ctx.options.labels.showLess), 1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_10$1, vue.toDisplayString(_ctx.options.labels.showAll), 1))
+          showAll.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_9$2, vue.toDisplayString(_ctx.options.labels.showLess), 1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_10$1, vue.toDisplayString(_ctx.options.labels.showAll), 1))
         ])) : vue.createCommentVNode("", true)
       ]);
     };
@@ -7348,8 +7353,8 @@ const _hoisted_4$h = {
 const _hoisted_5$b = { class: "lupa-stats-from" };
 const _hoisted_6$7 = ["max", "min", "pattern", "aria-label"];
 const _hoisted_7$5 = { key: 0 };
-const _hoisted_8 = /* @__PURE__ */ vue.createElementVNode("div", { class: "lupa-stats-separator" }, null, -1);
-const _hoisted_9 = {
+const _hoisted_8$1 = /* @__PURE__ */ vue.createElementVNode("div", { class: "lupa-stats-separator" }, null, -1);
+const _hoisted_9$1 = {
   key: 0,
   class: "lupa-stats-range-label"
 };
@@ -7557,9 +7562,9 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
               isPrice.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$5, vue.toDisplayString(currency.value), 1)) : vue.createCommentVNode("", true)
             ])
           ]),
-          _hoisted_8,
+          _hoisted_8$1,
           vue.createElementVNode("div", null, [
-            rangeLabelTo.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9, vue.toDisplayString(rangeLabelTo.value), 1)) : vue.createCommentVNode("", true),
+            rangeLabelTo.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$1, vue.toDisplayString(rangeLabelTo.value), 1)) : vue.createCommentVNode("", true),
             vue.createElementVNode("div", _hoisted_10, [
               vue.withDirectives(vue.createElementVNode("input", {
                 "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => toValue.value = $event),
@@ -8648,12 +8653,20 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$t = { class: "lupa-toolbar-left" };
-const _hoisted_2$m = { key: 1 };
-const _hoisted_3$f = { key: 3 };
-const _hoisted_4$a = { key: 5 };
-const _hoisted_5$7 = { class: "lupa-toolbar-right" };
-const _hoisted_6$5 = { key: 1 };
-const _hoisted_7$3 = { key: 3 };
+const _hoisted_2$m = {
+  key: 0,
+  class: "lupa-toolbar-right-title"
+};
+const _hoisted_3$f = { key: 2 };
+const _hoisted_4$a = { key: 4 };
+const _hoisted_5$7 = { key: 6 };
+const _hoisted_6$5 = { class: "lupa-toolbar-right" };
+const _hoisted_7$3 = {
+  key: 0,
+  class: "lupa-toolbar-right-title"
+};
+const _hoisted_8 = { key: 2 };
+const _hoisted_9 = { key: 4 };
 const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsToolbar",
   props: {
@@ -8734,6 +8747,14 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
       const defaultLabel = (_c = (_b = (_a = paginationOptions.value) == null ? void 0 : _a.labels) == null ? void 0 : _b.itemCount) != null ? _c : "";
       return !hasAnyFilter.value || !showFilterClear.value ? defaultLabel : (_f = (_e = (_d = paginationOptions.value) == null ? void 0 : _d.labels) == null ? void 0 : _e.filteredItemCount) != null ? _f : defaultLabel;
     });
+    const toolbarLeftLabel = vue.computed(() => {
+      var _a;
+      return (_a = optionsValue.value.labels.toolbarLeftLabel) != null ? _a : "";
+    });
+    const toolbarRightLabel = vue.computed(() => {
+      var _a;
+      return (_a = optionsValue.value.labels.toolbarRightLabel) != null ? _a : "";
+    });
     const showMobileFilterCount = vue.computed(() => {
       var _a, _b, _c;
       return Boolean((_c = (_b = (_a = optionsValue.value.filters) == null ? void 0 : _a.currentFilters) == null ? void 0 : _b.mobileSidebar) == null ? void 0 : _c.showFilterCount);
@@ -8754,35 +8775,37 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass({ "lupa-filter-no-results": !hasResults.value })
       }, [
         vue.createElementVNode("div", _hoisted_1$t, [
-          showLayoutSelection.value ? (vue.openBlock(), vue.createBlock(_sfc_main$B, { key: 0 })) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$m)),
+          toolbarLeftLabel.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$m, vue.toDisplayString(toolbarLeftLabel.value), 1)) : vue.createCommentVNode("", true),
+          showLayoutSelection.value ? (vue.openBlock(), vue.createBlock(_sfc_main$B, { key: 1 })) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$f)),
           showItemSummary.value ? (vue.openBlock(), vue.createBlock(_sfc_main$T, {
-            key: 2,
+            key: 3,
             label: searchSummaryLabel.value,
             clearable: vue.unref(hasAnyFilter) && showFilterClear.value,
             onClear: handleClearAll
-          }, null, 8, ["label", "clearable"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$f)),
+          }, null, 8, ["label", "clearable"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$a)),
           displayPageSelect.value ? (vue.openBlock(), vue.createBlock(_sfc_main$z, {
-            key: 4,
+            key: 5,
             options: paginationOptions.value.pageSelect,
             "last-page-label": paginationOptions.value.labels.showMore,
             "first-page-label": paginationOptions.value.labels.showLess
-          }, null, 8, ["options", "last-page-label", "first-page-label"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$a))
+          }, null, 8, ["options", "last-page-label", "first-page-label"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$7))
         ]),
-        vue.createElementVNode("div", _hoisted_5$7, [
+        vue.createElementVNode("div", _hoisted_6$5, [
+          toolbarRightLabel.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$3, vue.toDisplayString(toolbarRightLabel.value), 1)) : vue.createCommentVNode("", true),
           vue.createVNode(_sfc_main$A, {
             label: optionsValue.value.labels.mobileFilterButton,
             "show-filter-count": showMobileFilterCount.value
           }, null, 8, ["label", "show-filter-count"]),
           paginationDisplay.value.pageSize ? (vue.openBlock(), vue.createBlock(_sfc_main$y, {
-            key: 0,
+            key: 1,
             options: paginationOptions.value.pageSize,
             label: paginationOptions.value.labels.pageSize
-          }, null, 8, ["options", "label"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$5)),
+          }, null, 8, ["options", "label"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_8)),
           sortOptions.value ? (vue.openBlock(), vue.createBlock(_sfc_main$x, {
-            key: 2,
+            key: 3,
             options: sortOptions.value,
             callbacks: callbacks.value
-          }, null, 8, ["options", "callbacks"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$3))
+          }, null, 8, ["options", "callbacks"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_9))
         ])
       ], 2);
     };
@@ -9785,7 +9808,7 @@ const _hoisted_2$b = {
   "data-cy": "lupa-products"
 };
 const _hoisted_3$6 = {
-  key: 0,
+  key: 1,
   class: "lupa-empty-results",
   "data-cy": "lupa-no-results-in-page"
 };
@@ -9855,6 +9878,10 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
       var _a;
       return currentFilterToolbarVisible.value ? (_a = props.options.filters) == null ? void 0 : _a.currentFilters : void 0;
     });
+    const currentFilterPositionDesktop = vue.computed(() => {
+      var _a, _b, _c;
+      return ((_c = (_b = (_a = props.options.filters) == null ? void 0 : _a.currentFilters) == null ? void 0 : _b.desktopToolbar) == null ? void 0 : _c.position) || "pageTop";
+    });
     const currentFiltersClass = vue.computed(() => {
       var _a, _b, _c, _d, _e, _f, _g, _h, _i;
       if (!currentFilterToolbarVisible.value) {
@@ -9916,7 +9943,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
             "pagination-location": "top",
             onFilter: filter
           }, null, 8, ["options"])) : vue.createCommentVNode("", true),
-          currentFilterOptions.value ? (vue.openBlock(), vue.createBlock(_sfc_main$Q, {
+          currentFilterOptions.value && currentFilterPositionDesktop.value === "pageTop" ? (vue.openBlock(), vue.createBlock(_sfc_main$Q, {
             key: 2,
             class: vue.normalizeClass(currentFiltersClass.value),
             "data-cy": "lupa-search-result-filters-mobile-toolbar",
@@ -9935,6 +9962,13 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
             options: _ctx.options,
             "pagination-location": "top"
           }, null, 8, ["options"]),
+          currentFilterOptions.value && currentFilterPositionDesktop.value === "resultsTop" ? (vue.openBlock(), vue.createBlock(_sfc_main$Q, {
+            key: 0,
+            class: vue.normalizeClass(currentFiltersClass.value),
+            "data-cy": "lupa-search-result-filters-mobile-toolbar",
+            options: currentFilterOptions.value,
+            expandable: !desktopFiltersExpanded.value
+          }, null, 8, ["class", "options", "expandable"])) : vue.createCommentVNode("", true),
           vue.createElementVNode("div", _hoisted_2$b, [
             _ctx.$slots.productCard ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(vue.unref(searchResult).items, (product, index) => {
               return vue.renderSlot(_ctx.$slots, "productCard", {
@@ -10142,12 +10176,12 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
       queryKey,
       results
     }) {
-      var _a, _b, _c, _d;
+      var _a, _b, _c, _d, _e, _f;
       trackingStore.trackResults({ queryKey, results });
       const hasResults2 = Boolean(
-        results.total > 0 || ((_a = results.similarQueries) == null ? void 0 : _a.length) || ((_b = results.didYouMean) == null ? void 0 : _b.options)
+        results.total > 0 || ((_a = results.similarQueries) == null ? void 0 : _a.length) || ((_b = results.didYouMean) == null ? void 0 : _b.options) || ((_d = (_c = results.similarResults) == null ? void 0 : _c.items) == null ? void 0 : _d.length)
       );
-      (_d = (_c = props.options.callbacks) == null ? void 0 : _c.onSearchResults) == null ? void 0 : _d.call(_c, { queryKey, hasResults: hasResults2, params: paramStore.params });
+      (_f = (_e = props.options.callbacks) == null ? void 0 : _e.onSearchResults) == null ? void 0 : _f.call(_e, { queryKey, hasResults: hasResults2, params: paramStore.params });
       if (!hasResults2) {
         return;
       }

package/dist/lupaSearch.mjs

@@ -3737,14 +3737,15 @@ const useDynamicDataStore = defineStore("dynamicData", () => {
     result,
     mode
   }) {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     const enabledForMode = mode === "searchBox" ? isDynamicDataEnabledForSearchBox.value : isDynamicDataEnabledForSearchResults.value;
     if (!result || !enabledForMode) {
       return;
     }
     const resultIds = (_b = (_a = result == null ? void 0 : result.items) == null ? void 0 : _a.map((i) => i.id)) != null ? _b : [];
     const similarQueryResultIds = (_e = (_d = (_c = result.similarQueries) == null ? void 0 : _c.map((q) => q.items.map((i) => i.id))) == null ? void 0 : _d.flat()) != null ? _e : [];
-    let requestedIds = [...resultIds, ...similarQueryResultIds];
+    const similarResultIds = (_g = (_f = result.similarResults) == null ? void 0 : _f.items.map((i) => i.id)) != null ? _g : [];
+    let requestedIds = [...resultIds, ...similarQueryResultIds, ...similarResultIds];
     if (isCacheEnabled.value) {
       requestedIds = requestedIds.filter((i) => !dynamicDataIdMap.value[`${i}`]);
     }
@@ -3758,7 +3759,7 @@ const useDynamicDataStore = defineStore("dynamicData", () => {
       if (!(dynamicData == null ? void 0 : dynamicData.handler)) {
         return {};
       }
-      const dynamicDataResult = (_f = yield dynamicData == null ? void 0 : dynamicData.handler(requestedIds)) != null ? _f : [];
+      const dynamicDataResult = (_h = yield dynamicData == null ? void 0 : dynamicData.handler(requestedIds)) != null ? _h : [];
       const seed = {};
       const dynamicDataIdMapValue = dynamicDataResult.reduce(
         (a, c2) => __spreadProps(__spreadValues({}, a), { [`${c2.id}`]: c2 }),
@@ -5906,12 +5907,16 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
       var _a, _b;
       return (_b = (_a = props.options.labels) == null ? void 0 : _a.itemCount) != null ? _b : "";
     });
+    const searchResultsCountLabel = computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.options.labels) == null ? void 0 : _a.searchResultsCount) != null ? _b : "";
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
         showSearchTitle.value ? (openBlock(), createElementBlock("h1", _hoisted_1$P, [
           createTextVNode(toDisplayString(_ctx.options.labels.searchResults), 1),
           queryText.value ? (openBlock(), createElementBlock("span", _hoisted_2$C, "'" + toDisplayString(queryText.value) + "'", 1)) : createCommentVNode("", true),
-          showProductCount.value ? (openBlock(), createElementBlock("span", _hoisted_3$s, "(" + toDisplayString(unref(totalItems)) + ")", 1)) : createCommentVNode("", true)
+          showProductCount.value ? (openBlock(), createElementBlock("span", _hoisted_3$s, "(" + toDisplayString(searchResultsCountLabel.value) + toDisplayString(unref(totalItems)) + ")", 1)) : createCommentVNode("", true)
         ])) : createCommentVNode("", true),
         _ctx.showSummary ? (openBlock(), createBlock(_sfc_main$T, {
           key: 1,
@@ -6237,11 +6242,11 @@ const _hoisted_4$i = ["onClick"];
 const _hoisted_5$c = { 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$1 = {
+const _hoisted_8$2 = {
   key: 0,
   class: "lupa-term-count"
 };
-const _hoisted_9$1 = { key: 0 };
+const _hoisted_9$2 = { key: 0 };
 const _hoisted_10$1 = { key: 1 };
 const _sfc_main$N = /* @__PURE__ */ defineComponent({
   __name: "TermFacet",
@@ -6337,7 +6342,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
               ]),
               createElementVNode("div", _hoisted_6$8, [
                 createElementVNode("span", _hoisted_7$6, toDisplayString(item.title), 1),
-                _ctx.options.showDocumentCount ? (openBlock(), createElementBlock("span", _hoisted_8$1, "(" + toDisplayString(item.count) + ")", 1)) : createCommentVNode("", true)
+                _ctx.options.showDocumentCount ? (openBlock(), createElementBlock("span", _hoisted_8$2, "(" + toDisplayString(item.count) + ")", 1)) : createCommentVNode("", true)
               ])
             ], 10, _hoisted_4$i);
           }), 128))
@@ -6348,7 +6353,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
           "data-cy": "lupa-facet-term",
           onClick: toggleShowAll
         }, [
-          showAll.value ? (openBlock(), createElementBlock("span", _hoisted_9$1, toDisplayString(_ctx.options.labels.showLess), 1)) : (openBlock(), createElementBlock("span", _hoisted_10$1, toDisplayString(_ctx.options.labels.showAll), 1))
+          showAll.value ? (openBlock(), createElementBlock("span", _hoisted_9$2, toDisplayString(_ctx.options.labels.showLess), 1)) : (openBlock(), createElementBlock("span", _hoisted_10$1, toDisplayString(_ctx.options.labels.showAll), 1))
         ])) : createCommentVNode("", true)
       ]);
     };
@@ -7346,8 +7351,8 @@ const _hoisted_4$h = {
 const _hoisted_5$b = { class: "lupa-stats-from" };
 const _hoisted_6$7 = ["max", "min", "pattern", "aria-label"];
 const _hoisted_7$5 = { key: 0 };
-const _hoisted_8 = /* @__PURE__ */ createElementVNode("div", { class: "lupa-stats-separator" }, null, -1);
-const _hoisted_9 = {
+const _hoisted_8$1 = /* @__PURE__ */ createElementVNode("div", { class: "lupa-stats-separator" }, null, -1);
+const _hoisted_9$1 = {
   key: 0,
   class: "lupa-stats-range-label"
 };
@@ -7555,9 +7560,9 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
               isPrice.value ? (openBlock(), createElementBlock("span", _hoisted_7$5, toDisplayString(currency.value), 1)) : createCommentVNode("", true)
             ])
           ]),
-          _hoisted_8,
+          _hoisted_8$1,
           createElementVNode("div", null, [
-            rangeLabelTo.value ? (openBlock(), createElementBlock("div", _hoisted_9, toDisplayString(rangeLabelTo.value), 1)) : createCommentVNode("", true),
+            rangeLabelTo.value ? (openBlock(), createElementBlock("div", _hoisted_9$1, toDisplayString(rangeLabelTo.value), 1)) : createCommentVNode("", true),
             createElementVNode("div", _hoisted_10, [
               withDirectives(createElementVNode("input", {
                 "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => toValue.value = $event),
@@ -8646,12 +8651,20 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$t = { class: "lupa-toolbar-left" };
-const _hoisted_2$m = { key: 1 };
-const _hoisted_3$f = { key: 3 };
-const _hoisted_4$a = { key: 5 };
-const _hoisted_5$7 = { class: "lupa-toolbar-right" };
-const _hoisted_6$5 = { key: 1 };
-const _hoisted_7$3 = { key: 3 };
+const _hoisted_2$m = {
+  key: 0,
+  class: "lupa-toolbar-right-title"
+};
+const _hoisted_3$f = { key: 2 };
+const _hoisted_4$a = { key: 4 };
+const _hoisted_5$7 = { key: 6 };
+const _hoisted_6$5 = { class: "lupa-toolbar-right" };
+const _hoisted_7$3 = {
+  key: 0,
+  class: "lupa-toolbar-right-title"
+};
+const _hoisted_8 = { key: 2 };
+const _hoisted_9 = { key: 4 };
 const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsToolbar",
   props: {
@@ -8732,6 +8745,14 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
       const defaultLabel = (_c = (_b = (_a = paginationOptions.value) == null ? void 0 : _a.labels) == null ? void 0 : _b.itemCount) != null ? _c : "";
       return !hasAnyFilter.value || !showFilterClear.value ? defaultLabel : (_f = (_e = (_d = paginationOptions.value) == null ? void 0 : _d.labels) == null ? void 0 : _e.filteredItemCount) != null ? _f : defaultLabel;
     });
+    const toolbarLeftLabel = computed(() => {
+      var _a;
+      return (_a = optionsValue.value.labels.toolbarLeftLabel) != null ? _a : "";
+    });
+    const toolbarRightLabel = computed(() => {
+      var _a;
+      return (_a = optionsValue.value.labels.toolbarRightLabel) != null ? _a : "";
+    });
     const showMobileFilterCount = computed(() => {
       var _a, _b, _c;
       return Boolean((_c = (_b = (_a = optionsValue.value.filters) == null ? void 0 : _a.currentFilters) == null ? void 0 : _b.mobileSidebar) == null ? void 0 : _c.showFilterCount);
@@ -8752,35 +8773,37 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
         class: normalizeClass({ "lupa-filter-no-results": !hasResults.value })
       }, [
         createElementVNode("div", _hoisted_1$t, [
-          showLayoutSelection.value ? (openBlock(), createBlock(_sfc_main$B, { key: 0 })) : (openBlock(), createElementBlock("div", _hoisted_2$m)),
+          toolbarLeftLabel.value ? (openBlock(), createElementBlock("div", _hoisted_2$m, toDisplayString(toolbarLeftLabel.value), 1)) : createCommentVNode("", true),
+          showLayoutSelection.value ? (openBlock(), createBlock(_sfc_main$B, { key: 1 })) : (openBlock(), createElementBlock("div", _hoisted_3$f)),
           showItemSummary.value ? (openBlock(), createBlock(_sfc_main$T, {
-            key: 2,
+            key: 3,
             label: searchSummaryLabel.value,
             clearable: unref(hasAnyFilter) && showFilterClear.value,
             onClear: handleClearAll
-          }, null, 8, ["label", "clearable"])) : (openBlock(), createElementBlock("div", _hoisted_3$f)),
+          }, null, 8, ["label", "clearable"])) : (openBlock(), createElementBlock("div", _hoisted_4$a)),
           displayPageSelect.value ? (openBlock(), createBlock(_sfc_main$z, {
-            key: 4,
+            key: 5,
             options: paginationOptions.value.pageSelect,
             "last-page-label": paginationOptions.value.labels.showMore,
             "first-page-label": paginationOptions.value.labels.showLess
-          }, null, 8, ["options", "last-page-label", "first-page-label"])) : (openBlock(), createElementBlock("div", _hoisted_4$a))
+          }, null, 8, ["options", "last-page-label", "first-page-label"])) : (openBlock(), createElementBlock("div", _hoisted_5$7))
         ]),
-        createElementVNode("div", _hoisted_5$7, [
+        createElementVNode("div", _hoisted_6$5, [
+          toolbarRightLabel.value ? (openBlock(), createElementBlock("div", _hoisted_7$3, toDisplayString(toolbarRightLabel.value), 1)) : createCommentVNode("", true),
           createVNode(_sfc_main$A, {
             label: optionsValue.value.labels.mobileFilterButton,
             "show-filter-count": showMobileFilterCount.value
           }, null, 8, ["label", "show-filter-count"]),
           paginationDisplay.value.pageSize ? (openBlock(), createBlock(_sfc_main$y, {
-            key: 0,
+            key: 1,
             options: paginationOptions.value.pageSize,
             label: paginationOptions.value.labels.pageSize
-          }, null, 8, ["options", "label"])) : (openBlock(), createElementBlock("div", _hoisted_6$5)),
+          }, null, 8, ["options", "label"])) : (openBlock(), createElementBlock("div", _hoisted_8)),
           sortOptions.value ? (openBlock(), createBlock(_sfc_main$x, {
-            key: 2,
+            key: 3,
             options: sortOptions.value,
             callbacks: callbacks.value
-          }, null, 8, ["options", "callbacks"])) : (openBlock(), createElementBlock("div", _hoisted_7$3))
+          }, null, 8, ["options", "callbacks"])) : (openBlock(), createElementBlock("div", _hoisted_9))
         ])
       ], 2);
     };
@@ -9783,7 +9806,7 @@ const _hoisted_2$b = {
   "data-cy": "lupa-products"
 };
 const _hoisted_3$6 = {
-  key: 0,
+  key: 1,
   class: "lupa-empty-results",
   "data-cy": "lupa-no-results-in-page"
 };
@@ -9853,6 +9876,10 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
       var _a;
       return currentFilterToolbarVisible.value ? (_a = props.options.filters) == null ? void 0 : _a.currentFilters : void 0;
     });
+    const currentFilterPositionDesktop = computed(() => {
+      var _a, _b, _c;
+      return ((_c = (_b = (_a = props.options.filters) == null ? void 0 : _a.currentFilters) == null ? void 0 : _b.desktopToolbar) == null ? void 0 : _c.position) || "pageTop";
+    });
     const currentFiltersClass = computed(() => {
       var _a, _b, _c, _d, _e, _f, _g, _h, _i;
       if (!currentFilterToolbarVisible.value) {
@@ -9914,7 +9941,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
             "pagination-location": "top",
             onFilter: filter
           }, null, 8, ["options"])) : createCommentVNode("", true),
-          currentFilterOptions.value ? (openBlock(), createBlock(_sfc_main$Q, {
+          currentFilterOptions.value && currentFilterPositionDesktop.value === "pageTop" ? (openBlock(), createBlock(_sfc_main$Q, {
             key: 2,
             class: normalizeClass(currentFiltersClass.value),
             "data-cy": "lupa-search-result-filters-mobile-toolbar",
@@ -9933,6 +9960,13 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
             options: _ctx.options,
             "pagination-location": "top"
           }, null, 8, ["options"]),
+          currentFilterOptions.value && currentFilterPositionDesktop.value === "resultsTop" ? (openBlock(), createBlock(_sfc_main$Q, {
+            key: 0,
+            class: normalizeClass(currentFiltersClass.value),
+            "data-cy": "lupa-search-result-filters-mobile-toolbar",
+            options: currentFilterOptions.value,
+            expandable: !desktopFiltersExpanded.value
+          }, null, 8, ["class", "options", "expandable"])) : createCommentVNode("", true),
           createElementVNode("div", _hoisted_2$b, [
             _ctx.$slots.productCard ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(unref(searchResult).items, (product, index) => {
               return renderSlot(_ctx.$slots, "productCard", {
@@ -10140,12 +10174,12 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       queryKey,
       results
     }) {
-      var _a, _b, _c, _d;
+      var _a, _b, _c, _d, _e, _f;
       trackingStore.trackResults({ queryKey, results });
       const hasResults2 = Boolean(
-        results.total > 0 || ((_a = results.similarQueries) == null ? void 0 : _a.length) || ((_b = results.didYouMean) == null ? void 0 : _b.options)
+        results.total > 0 || ((_a = results.similarQueries) == null ? void 0 : _a.length) || ((_b = results.didYouMean) == null ? void 0 : _b.options) || ((_d = (_c = results.similarResults) == null ? void 0 : _c.items) == null ? void 0 : _d.length)
       );
-      (_d = (_c = props.options.callbacks) == null ? void 0 : _c.onSearchResults) == null ? void 0 : _d.call(_c, { queryKey, hasResults: hasResults2, params: paramStore.params });
+      (_f = (_e = props.options.callbacks) == null ? void 0 : _e.onSearchResults) == null ? void 0 : _f.call(_e, { queryKey, hasResults: hasResults2, params: paramStore.params });
       if (!hasResults2) {
         return;
       }

package/dist/src/types/search-results/SearchResultsOptions.d.ts

@@ -65,6 +65,7 @@ export type SearchResultsOptionLabels = SearchResultsPaginationLabels & SearchRe
     currency: string;
     priceSeparator?: string;
     searchResults?: string;
+    searchResultsCount?: string;
     itemCount: string;
     emptyResults: string;
     mobileFilterButton: string;
@@ -72,6 +73,8 @@ export type SearchResultsOptionLabels = SearchResultsPaginationLabels & SearchRe
     outOfStock?: string;
     noItemsInPage?: string;
     backToFirstPage?: string;
+    toolbarRightLabel?: string;
+    toolbarLeftLabel?: string;
 };
 export type SearchResultsAdditionalPanels = {
     additionalPanels?: SearchResultsAdditionalPanelOptions[];
@@ -146,6 +149,7 @@ export type ResultCurrentFilterOptions = {
     };
     desktopToolbar?: {
         activeFiltersExpanded?: boolean;
+        position?: 'pageTop' | 'resultsTop';
     };
 };
 export type FacetStyle = 'sidebar' | 'top-dropdown';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getlupa/vue",
-  "version": "0.11.2",
+  "version": "0.11.5",
   "main": "dist/lupaSearch.mjs",
   "module": "dist/lupaSearch.mjs",
   "types": "dist/src/index.d.ts",