@getlupa/vue 0.11.3 → 0.11.6

package/dist/lupaSearch.js

@@ -3227,7 +3227,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__ */ vue.createElementVNode("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"
 };
@@ -3239,7 +3243,7 @@ const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
     emitInputOnFocus: { type: Boolean },
     suggestedValue: {}
   },
-  emits: ["input", "focus"],
+  emits: ["input", "focus", "search"],
   setup(__props, { expose: __expose, emit }) {
     const props = __props;
     const paramStore = useParamsStore();
@@ -3300,6 +3304,9 @@ const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
         handleInput();
       }
     };
+    const handleSubmit = () => {
+      emit("search");
+    };
     const clear = () => {
       emit("input", "");
     };
@@ -3341,14 +3348,18 @@ const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
             onFocus: handleFocus
           }), null, 16, _hoisted_5$h), [
             [vue.vModelText, inputValue.value]
-          ])
+          ]),
+          _ctx.options.showSubmitButton ? (vue.openBlock(), vue.createElementBlock("button", {
+            key: 0,
+            onClick: handleSubmit
+          }, _hoisted_7$7)) : vue.createCommentVNode("", true)
         ]),
         _ctx.canClose ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
           class: "lupa-close-search-container",
           onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("close"))
         }, [
-          labels.value.close ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$9, vue.toDisplayString(labels.value.close), 1)) : vue.createCommentVNode("", true)
+          labels.value.close ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_8$3, vue.toDisplayString(labels.value.close), 1)) : vue.createCommentVNode("", true)
         ])) : vue.createCommentVNode("", true)
       ]);
     };
@@ -3739,14 +3750,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 +3772,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 }),
@@ -5428,7 +5440,13 @@ const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
       return suggestedValue.value.override ? suggestedValue.value.item.suggestion : inputValue.value;
     });
     const inputOptions = vue.computed(
-      () => pick(props.options, ["minInputLength", "labels", "links", "inputAttributes"])
+      () => pick(props.options, [
+        "minInputLength",
+        "labels",
+        "links",
+        "inputAttributes",
+        "showSubmitButton"
+      ])
     );
     const panelOptions = vue.computed(
       () => pick(props.options, [
@@ -5655,6 +5673,7 @@ const _sfc_main$V = /* @__PURE__ */ vue.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 ? (vue.openBlock(), vue.createBlock(_sfc_main$W, {
@@ -6243,11 +6262,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",
@@ -6343,7 +6362,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))
@@ -6354,7 +6373,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)
       ]);
     };
@@ -7352,8 +7371,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"
 };
@@ -7561,9 +7580,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),
@@ -8652,12 +8671,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: {
@@ -8738,6 +8765,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);
@@ -8758,35 +8793,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);
     };
@@ -10157,12 +10194,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

@@ -37,7 +37,7 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import { toRaw, isRef, isReactive, toRef, effectScope, ref, markRaw, hasInjectionContext, inject, getCurrentInstance, watch, reactive, nextTick, computed, unref, getCurrentScope, onScopeDispose, toRefs, defineComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, withDirectives, mergeProps, vModelText, toDisplayString, createCommentVNode, onMounted, onBeforeMount, Fragment, renderList, createBlock, onBeforeUnmount, createVNode, Transition, withCtx, toHandlers, withModifiers, resolveDynamicComponent, renderSlot, normalizeStyle, createSlots, normalizeProps, guardReactiveProps, createTextVNode, onUnmounted, resolveComponent, vModelSelect, h as h$1, provide, cloneVNode } from "vue";
+import { toRaw, isRef, isReactive, toRef, effectScope, ref, markRaw, hasInjectionContext, inject, getCurrentInstance, watch, reactive, nextTick, computed, unref, getCurrentScope, onScopeDispose, toRefs, defineComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, withDirectives, mergeProps, vModelText, createCommentVNode, toDisplayString, onMounted, onBeforeMount, Fragment, renderList, createBlock, onBeforeUnmount, createVNode, Transition, withCtx, toHandlers, withModifiers, resolveDynamicComponent, renderSlot, normalizeStyle, createSlots, normalizeProps, guardReactiveProps, createTextVNode, onUnmounted, resolveComponent, vModelSelect, h as h$1, provide, cloneVNode } from "vue";
 var isVue2 = false;
 function set(target, key, val) {
   if (Array.isArray(target)) {
@@ -3225,7 +3225,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__ */ createElementVNode("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"
 };
@@ -3237,7 +3241,7 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
     emitInputOnFocus: { type: Boolean },
     suggestedValue: {}
   },
-  emits: ["input", "focus"],
+  emits: ["input", "focus", "search"],
   setup(__props, { expose: __expose, emit }) {
     const props = __props;
     const paramStore = useParamsStore();
@@ -3298,6 +3302,9 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
         handleInput();
       }
     };
+    const handleSubmit = () => {
+      emit("search");
+    };
     const clear = () => {
       emit("input", "");
     };
@@ -3339,14 +3346,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)
       ]);
     };
@@ -3737,14 +3748,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 +3770,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 }),
@@ -5426,7 +5438,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, [
@@ -5653,6 +5671,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, {
@@ -6241,11 +6260,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",
@@ -6341,7 +6360,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))
@@ -6352,7 +6371,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)
       ]);
     };
@@ -7350,8 +7369,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"
 };
@@ -7559,9 +7578,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),
@@ -8650,12 +8669,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: {
@@ -8736,6 +8763,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);
@@ -8756,35 +8791,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);
     };
@@ -10155,12 +10192,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/components/search-box/SearchBoxInput.vue.d.ts

@@ -18,7 +18,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<InputSuggestion>;
         required: true;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "focus")[], "input" | "focus", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "search" | "focus")[], "input" | "search" | "focus", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     options: {
         type: __PropType<SearchBoxInputOptions>;
         required: true;
@@ -37,6 +37,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
 }>> & {
     onInput?: (...args: any[]) => any;
+    onSearch?: (...args: any[]) => any;
     onFocus?: (...args: any[]) => any;
 }, {}, {}>;
 export default _sfc_main;

package/dist/src/types/search-box/SearchBoxOptions.d.ts

@@ -35,6 +35,7 @@ export type SearchBoxInputOptions = {
     labels: SearchBoxOptionLabels;
     links: SearchBoxOptionLinks;
     inputAttributes?: Record<string, string>;
+    showSubmitButton?: boolean;
 };
 export type SearchBoxResultCallbackContext = {
     hasAnyResults?: boolean;

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

@@ -73,6 +73,8 @@ export type SearchResultsOptionLabels = SearchResultsPaginationLabels & SearchRe
     outOfStock?: string;
     noItemsInPage?: string;
     backToFirstPage?: string;
+    toolbarRightLabel?: string;
+    toolbarLeftLabel?: string;
 };
 export type SearchResultsAdditionalPanels = {
     additionalPanels?: SearchResultsAdditionalPanelOptions[];

package/package.json

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