@getlupa/client 1.11.4 → 1.11.6

package/dist/lupaSearch.iife.js

@@ -8451,7 +8451,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   const _hoisted_3$A = { id: "lupa-search-box-input" };
   const _hoisted_4$s = ["value"];
   const _hoisted_5$h = ["aria-label", "placeholder"];
-  const _hoisted_6$9 = {
+  const _hoisted_6$9 = /* @__PURE__ */ createBaseVNode("span", { class: "lupa-search-submit-icon" }, null, -1);
+  const _hoisted_7$7 = [
+    _hoisted_6$9
+  ];
+  const _hoisted_8$3 = {
     key: 0,
     class: "lupa-close-label"
   };
@@ -8463,7 +8467,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       emitInputOnFocus: { type: Boolean },
       suggestedValue: {}
     },
-    emits: ["input", "focus"],
+    emits: ["input", "focus", "search"],
     setup(__props, { expose: __expose, emit: emit2 }) {
       const props = __props;
       const paramStore = useParamsStore();
@@ -8524,6 +8528,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           handleInput();
         }
       };
+      const handleSubmit = () => {
+        emit2("search");
+      };
       const clear2 = () => {
         emit2("input", "");
       };
@@ -8565,14 +8572,18 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               onFocus: handleFocus
             }), null, 16, _hoisted_5$h), [
               [vModelText, inputValue.value]
-            ])
+            ]),
+            _ctx.options.showSubmitButton ? (openBlock(), createElementBlock("button", {
+              key: 0,
+              onClick: handleSubmit
+            }, _hoisted_7$7)) : createCommentVNode("", true)
           ]),
           _ctx.canClose ? (openBlock(), createElementBlock("div", {
             key: 0,
             class: "lupa-close-search-container",
             onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("close"))
           }, [
-            labels.value.close ? (openBlock(), createElementBlock("span", _hoisted_6$9, toDisplayString(labels.value.close), 1)) : createCommentVNode("", true)
+            labels.value.close ? (openBlock(), createElementBlock("span", _hoisted_8$3, toDisplayString(labels.value.close), 1)) : createCommentVNode("", true)
           ])) : createCommentVNode("", true)
         ]);
       };
@@ -8963,14 +8974,15 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       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}`]);
       }
@@ -8984,7 +8996,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         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) => __spreadProps2(__spreadValues2({}, a), { [`${c2.id}`]: c2 }),
@@ -10652,7 +10664,13 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         return suggestedValue.value.override ? suggestedValue.value.item.suggestion : inputValue.value;
       });
       const inputOptions = computed(
-        () => pick(props.options, ["minInputLength", "labels", "links", "inputAttributes"])
+        () => pick(props.options, [
+          "minInputLength",
+          "labels",
+          "links",
+          "inputAttributes",
+          "showSubmitButton"
+        ])
       );
       const panelOptions = computed(
         () => pick(props.options, [
@@ -10879,6 +10897,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               ref: searchBoxInput,
               onInput: handleInput,
               onFocus: _cache[0] || (_cache[0] = ($event) => opened.value = true),
+              onSearch: handleSearch,
               onClose: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("close"))
             }, null, 8, ["options", "suggestedValue", "can-close", "emit-input-on-focus"]),
             opened.value || _ctx.isSearchContainer ? (openBlock(), createBlock(_sfc_main$W, {
@@ -11451,11 +11470,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   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",
@@ -11551,7 +11570,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                 ]),
                 createBaseVNode("div", _hoisted_6$8, [
                   createBaseVNode("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))
@@ -11562,7 +11581,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             "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)
         ]);
       };
@@ -12560,8 +12579,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   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__ */ createBaseVNode("div", { class: "lupa-stats-separator" }, null, -1);
-  const _hoisted_9 = {
+  const _hoisted_8$1 = /* @__PURE__ */ createBaseVNode("div", { class: "lupa-stats-separator" }, null, -1);
+  const _hoisted_9$1 = {
     key: 0,
     class: "lupa-stats-range-label"
   };
@@ -12769,9 +12788,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                 isPrice.value ? (openBlock(), createElementBlock("span", _hoisted_7$5, toDisplayString(currency.value), 1)) : createCommentVNode("", true)
               ])
             ]),
-            _hoisted_8,
+            _hoisted_8$1,
             createBaseVNode("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),
               createBaseVNode("div", _hoisted_10, [
                 withDirectives(createBaseVNode("input", {
                   "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => toValue.value = $event),
@@ -13860,12 +13879,20 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     }
   });
   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: {
@@ -13946,6 +13973,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         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);
@@ -13966,35 +14001,37 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           class: normalizeClass({ "lupa-filter-no-results": !hasResults.value })
         }, [
           createBaseVNode("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))
           ]),
-          createBaseVNode("div", _hoisted_5$7, [
+          createBaseVNode("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);
       };
@@ -15365,12 +15402,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         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.js

@@ -8451,7 +8451,11 @@ const _hoisted_2$Q = { class: "lupa-input-clear" };
 const _hoisted_3$A = { id: "lupa-search-box-input" };
 const _hoisted_4$s = ["value"];
 const _hoisted_5$h = ["aria-label", "placeholder"];
-const _hoisted_6$9 = {
+const _hoisted_6$9 = /* @__PURE__ */ createBaseVNode("span", { class: "lupa-search-submit-icon" }, null, -1);
+const _hoisted_7$7 = [
+  _hoisted_6$9
+];
+const _hoisted_8$3 = {
   key: 0,
   class: "lupa-close-label"
 };
@@ -8463,7 +8467,7 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
     emitInputOnFocus: { type: Boolean },
     suggestedValue: {}
   },
-  emits: ["input", "focus"],
+  emits: ["input", "focus", "search"],
   setup(__props, { expose: __expose, emit: emit2 }) {
     const props = __props;
     const paramStore = useParamsStore();
@@ -8524,6 +8528,9 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
         handleInput();
       }
     };
+    const handleSubmit = () => {
+      emit2("search");
+    };
     const clear2 = () => {
       emit2("input", "");
     };
@@ -8565,14 +8572,18 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
             onFocus: handleFocus
           }), null, 16, _hoisted_5$h), [
             [vModelText, inputValue.value]
-          ])
+          ]),
+          _ctx.options.showSubmitButton ? (openBlock(), createElementBlock("button", {
+            key: 0,
+            onClick: handleSubmit
+          }, _hoisted_7$7)) : createCommentVNode("", true)
         ]),
         _ctx.canClose ? (openBlock(), createElementBlock("div", {
           key: 0,
           class: "lupa-close-search-container",
           onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("close"))
         }, [
-          labels.value.close ? (openBlock(), createElementBlock("span", _hoisted_6$9, toDisplayString(labels.value.close), 1)) : createCommentVNode("", true)
+          labels.value.close ? (openBlock(), createElementBlock("span", _hoisted_8$3, toDisplayString(labels.value.close), 1)) : createCommentVNode("", true)
         ])) : createCommentVNode("", true)
       ]);
     };
@@ -8963,14 +8974,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}`]);
     }
@@ -8984,7 +8996,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) => __spreadProps2(__spreadValues2({}, a), { [`${c2.id}`]: c2 }),
@@ -10652,7 +10664,13 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
       return suggestedValue.value.override ? suggestedValue.value.item.suggestion : inputValue.value;
     });
     const inputOptions = computed(
-      () => pick(props.options, ["minInputLength", "labels", "links", "inputAttributes"])
+      () => pick(props.options, [
+        "minInputLength",
+        "labels",
+        "links",
+        "inputAttributes",
+        "showSubmitButton"
+      ])
     );
     const panelOptions = computed(
       () => pick(props.options, [
@@ -10879,6 +10897,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
             ref: searchBoxInput,
             onInput: handleInput,
             onFocus: _cache[0] || (_cache[0] = ($event) => opened.value = true),
+            onSearch: handleSearch,
             onClose: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("close"))
           }, null, 8, ["options", "suggestedValue", "can-close", "emit-input-on-focus"]),
           opened.value || _ctx.isSearchContainer ? (openBlock(), createBlock(_sfc_main$W, {
@@ -11451,11 +11470,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",
@@ -11551,7 +11570,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
               ]),
               createBaseVNode("div", _hoisted_6$8, [
                 createBaseVNode("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))
@@ -11562,7 +11581,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)
       ]);
     };
@@ -12560,8 +12579,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__ */ createBaseVNode("div", { class: "lupa-stats-separator" }, null, -1);
-const _hoisted_9 = {
+const _hoisted_8$1 = /* @__PURE__ */ createBaseVNode("div", { class: "lupa-stats-separator" }, null, -1);
+const _hoisted_9$1 = {
   key: 0,
   class: "lupa-stats-range-label"
 };
@@ -12769,9 +12788,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,
           createBaseVNode("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),
             createBaseVNode("div", _hoisted_10, [
               withDirectives(createBaseVNode("input", {
                 "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => toValue.value = $event),
@@ -13860,12 +13879,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: {
@@ -13946,6 +13973,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);
@@ -13966,35 +14001,37 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
         class: normalizeClass({ "lupa-filter-no-results": !hasResults.value })
       }, [
         createBaseVNode("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))
         ]),
-        createBaseVNode("div", _hoisted_5$7, [
+        createBaseVNode("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);
     };
@@ -15365,12 +15402,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/lupaSearch.mjs

@@ -8449,7 +8449,11 @@ const _hoisted_2$Q = { class: "lupa-input-clear" };
 const _hoisted_3$A = { id: "lupa-search-box-input" };
 const _hoisted_4$s = ["value"];
 const _hoisted_5$h = ["aria-label", "placeholder"];
-const _hoisted_6$9 = {
+const _hoisted_6$9 = /* @__PURE__ */ createBaseVNode("span", { class: "lupa-search-submit-icon" }, null, -1);
+const _hoisted_7$7 = [
+  _hoisted_6$9
+];
+const _hoisted_8$3 = {
   key: 0,
   class: "lupa-close-label"
 };
@@ -8461,7 +8465,7 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
     emitInputOnFocus: { type: Boolean },
     suggestedValue: {}
   },
-  emits: ["input", "focus"],
+  emits: ["input", "focus", "search"],
   setup(__props, { expose: __expose, emit: emit2 }) {
     const props = __props;
     const paramStore = useParamsStore();
@@ -8522,6 +8526,9 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
         handleInput();
       }
     };
+    const handleSubmit = () => {
+      emit2("search");
+    };
     const clear2 = () => {
       emit2("input", "");
     };
@@ -8563,14 +8570,18 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
             onFocus: handleFocus
           }), null, 16, _hoisted_5$h), [
             [vModelText, inputValue.value]
-          ])
+          ]),
+          _ctx.options.showSubmitButton ? (openBlock(), createElementBlock("button", {
+            key: 0,
+            onClick: handleSubmit
+          }, _hoisted_7$7)) : createCommentVNode("", true)
         ]),
         _ctx.canClose ? (openBlock(), createElementBlock("div", {
           key: 0,
           class: "lupa-close-search-container",
           onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("close"))
         }, [
-          labels.value.close ? (openBlock(), createElementBlock("span", _hoisted_6$9, toDisplayString(labels.value.close), 1)) : createCommentVNode("", true)
+          labels.value.close ? (openBlock(), createElementBlock("span", _hoisted_8$3, toDisplayString(labels.value.close), 1)) : createCommentVNode("", true)
         ])) : createCommentVNode("", true)
       ]);
     };
@@ -8961,14 +8972,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}`]);
     }
@@ -8982,7 +8994,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) => __spreadProps2(__spreadValues2({}, a), { [`${c2.id}`]: c2 }),
@@ -10650,7 +10662,13 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
       return suggestedValue.value.override ? suggestedValue.value.item.suggestion : inputValue.value;
     });
     const inputOptions = computed(
-      () => pick(props.options, ["minInputLength", "labels", "links", "inputAttributes"])
+      () => pick(props.options, [
+        "minInputLength",
+        "labels",
+        "links",
+        "inputAttributes",
+        "showSubmitButton"
+      ])
     );
     const panelOptions = computed(
       () => pick(props.options, [
@@ -10877,6 +10895,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
             ref: searchBoxInput,
             onInput: handleInput,
             onFocus: _cache[0] || (_cache[0] = ($event) => opened.value = true),
+            onSearch: handleSearch,
             onClose: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("close"))
           }, null, 8, ["options", "suggestedValue", "can-close", "emit-input-on-focus"]),
           opened.value || _ctx.isSearchContainer ? (openBlock(), createBlock(_sfc_main$W, {
@@ -11449,11 +11468,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",
@@ -11549,7 +11568,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
               ]),
               createBaseVNode("div", _hoisted_6$8, [
                 createBaseVNode("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))
@@ -11560,7 +11579,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)
       ]);
     };
@@ -12558,8 +12577,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__ */ createBaseVNode("div", { class: "lupa-stats-separator" }, null, -1);
-const _hoisted_9 = {
+const _hoisted_8$1 = /* @__PURE__ */ createBaseVNode("div", { class: "lupa-stats-separator" }, null, -1);
+const _hoisted_9$1 = {
   key: 0,
   class: "lupa-stats-range-label"
 };
@@ -12767,9 +12786,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,
           createBaseVNode("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),
             createBaseVNode("div", _hoisted_10, [
               withDirectives(createBaseVNode("input", {
                 "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => toValue.value = $event),
@@ -13858,12 +13877,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: {
@@ -13944,6 +13971,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);
@@ -13964,35 +13999,37 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
         class: normalizeClass({ "lupa-filter-no-results": !hasResults.value })
       }, [
         createBaseVNode("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))
         ]),
-        createBaseVNode("div", _hoisted_5$7, [
+        createBaseVNode("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);
     };
@@ -15363,12 +15400,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/lupaSearch.umd.js

@@ -8453,7 +8453,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   const _hoisted_3$A = { id: "lupa-search-box-input" };
   const _hoisted_4$s = ["value"];
   const _hoisted_5$h = ["aria-label", "placeholder"];
-  const _hoisted_6$9 = {
+  const _hoisted_6$9 = /* @__PURE__ */ createBaseVNode("span", { class: "lupa-search-submit-icon" }, null, -1);
+  const _hoisted_7$7 = [
+    _hoisted_6$9
+  ];
+  const _hoisted_8$3 = {
     key: 0,
     class: "lupa-close-label"
   };
@@ -8465,7 +8469,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       emitInputOnFocus: { type: Boolean },
       suggestedValue: {}
     },
-    emits: ["input", "focus"],
+    emits: ["input", "focus", "search"],
     setup(__props, { expose: __expose, emit: emit2 }) {
       const props = __props;
       const paramStore = useParamsStore();
@@ -8526,6 +8530,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           handleInput();
         }
       };
+      const handleSubmit = () => {
+        emit2("search");
+      };
       const clear2 = () => {
         emit2("input", "");
       };
@@ -8567,14 +8574,18 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               onFocus: handleFocus
             }), null, 16, _hoisted_5$h), [
               [vModelText, inputValue.value]
-            ])
+            ]),
+            _ctx.options.showSubmitButton ? (openBlock(), createElementBlock("button", {
+              key: 0,
+              onClick: handleSubmit
+            }, _hoisted_7$7)) : createCommentVNode("", true)
           ]),
           _ctx.canClose ? (openBlock(), createElementBlock("div", {
             key: 0,
             class: "lupa-close-search-container",
             onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("close"))
           }, [
-            labels.value.close ? (openBlock(), createElementBlock("span", _hoisted_6$9, toDisplayString(labels.value.close), 1)) : createCommentVNode("", true)
+            labels.value.close ? (openBlock(), createElementBlock("span", _hoisted_8$3, toDisplayString(labels.value.close), 1)) : createCommentVNode("", true)
           ])) : createCommentVNode("", true)
         ]);
       };
@@ -8965,14 +8976,15 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       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}`]);
       }
@@ -8986,7 +8998,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         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) => __spreadProps2(__spreadValues2({}, a), { [`${c2.id}`]: c2 }),
@@ -10654,7 +10666,13 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         return suggestedValue.value.override ? suggestedValue.value.item.suggestion : inputValue.value;
       });
       const inputOptions = computed(
-        () => pick(props.options, ["minInputLength", "labels", "links", "inputAttributes"])
+        () => pick(props.options, [
+          "minInputLength",
+          "labels",
+          "links",
+          "inputAttributes",
+          "showSubmitButton"
+        ])
       );
       const panelOptions = computed(
         () => pick(props.options, [
@@ -10881,6 +10899,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               ref: searchBoxInput,
               onInput: handleInput,
               onFocus: _cache[0] || (_cache[0] = ($event) => opened.value = true),
+              onSearch: handleSearch,
               onClose: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("close"))
             }, null, 8, ["options", "suggestedValue", "can-close", "emit-input-on-focus"]),
             opened.value || _ctx.isSearchContainer ? (openBlock(), createBlock(_sfc_main$W, {
@@ -11453,11 +11472,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   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",
@@ -11553,7 +11572,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                 ]),
                 createBaseVNode("div", _hoisted_6$8, [
                   createBaseVNode("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))
@@ -11564,7 +11583,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             "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)
         ]);
       };
@@ -12562,8 +12581,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   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__ */ createBaseVNode("div", { class: "lupa-stats-separator" }, null, -1);
-  const _hoisted_9 = {
+  const _hoisted_8$1 = /* @__PURE__ */ createBaseVNode("div", { class: "lupa-stats-separator" }, null, -1);
+  const _hoisted_9$1 = {
     key: 0,
     class: "lupa-stats-range-label"
   };
@@ -12771,9 +12790,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                 isPrice.value ? (openBlock(), createElementBlock("span", _hoisted_7$5, toDisplayString(currency.value), 1)) : createCommentVNode("", true)
               ])
             ]),
-            _hoisted_8,
+            _hoisted_8$1,
             createBaseVNode("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),
               createBaseVNode("div", _hoisted_10, [
                 withDirectives(createBaseVNode("input", {
                   "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => toValue.value = $event),
@@ -13862,12 +13881,20 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     }
   });
   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: {
@@ -13948,6 +13975,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         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);
@@ -13968,35 +14003,37 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           class: normalizeClass({ "lupa-filter-no-results": !hasResults.value })
         }, [
           createBaseVNode("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))
           ]),
-          createBaseVNode("div", _hoisted_5$7, [
+          createBaseVNode("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);
       };
@@ -15367,12 +15404,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getlupa/client",
-  "version": "1.11.4",
+  "version": "1.11.6",
   "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.11.3",
+    "@getlupa/vue": "0.11.6",
     "@rushstack/eslint-patch": "^1.3.2",
     "@tsconfig/node18": "^2.0.1",
     "@types/jsdom": "^21.1.1",