@getlupa/vue 0.11.2 → 0.11.3

package/dist/lupaSearch.js

@@ -5908,12 +5908,16 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
       var _a, _b;
       return (_b = (_a = props.options.labels) == null ? void 0 : _a.itemCount) != null ? _b : "";
     });
+    const searchResultsCountLabel = vue.computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.options.labels) == null ? void 0 : _a.searchResultsCount) != null ? _b : "";
+    });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", null, [
         showSearchTitle.value ? (vue.openBlock(), vue.createElementBlock("h1", _hoisted_1$P, [
           vue.createTextVNode(vue.toDisplayString(_ctx.options.labels.searchResults), 1),
           queryText.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$C, "'" + vue.toDisplayString(queryText.value) + "'", 1)) : vue.createCommentVNode("", true),
-          showProductCount.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$s, "(" + vue.toDisplayString(vue.unref(totalItems)) + ")", 1)) : vue.createCommentVNode("", true)
+          showProductCount.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$s, "(" + vue.toDisplayString(searchResultsCountLabel.value) + vue.toDisplayString(vue.unref(totalItems)) + ")", 1)) : vue.createCommentVNode("", true)
         ])) : vue.createCommentVNode("", true),
         _ctx.showSummary ? (vue.openBlock(), vue.createBlock(_sfc_main$T, {
           key: 1,
@@ -9785,7 +9789,7 @@ const _hoisted_2$b = {
   "data-cy": "lupa-products"
 };
 const _hoisted_3$6 = {
-  key: 0,
+  key: 1,
   class: "lupa-empty-results",
   "data-cy": "lupa-no-results-in-page"
 };
@@ -9855,6 +9859,10 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
       var _a;
       return currentFilterToolbarVisible.value ? (_a = props.options.filters) == null ? void 0 : _a.currentFilters : void 0;
     });
+    const currentFilterPositionDesktop = vue.computed(() => {
+      var _a, _b, _c;
+      return ((_c = (_b = (_a = props.options.filters) == null ? void 0 : _a.currentFilters) == null ? void 0 : _b.desktopToolbar) == null ? void 0 : _c.position) || "pageTop";
+    });
     const currentFiltersClass = vue.computed(() => {
       var _a, _b, _c, _d, _e, _f, _g, _h, _i;
       if (!currentFilterToolbarVisible.value) {
@@ -9916,7 +9924,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
             "pagination-location": "top",
             onFilter: filter
           }, null, 8, ["options"])) : vue.createCommentVNode("", true),
-          currentFilterOptions.value ? (vue.openBlock(), vue.createBlock(_sfc_main$Q, {
+          currentFilterOptions.value && currentFilterPositionDesktop.value === "pageTop" ? (vue.openBlock(), vue.createBlock(_sfc_main$Q, {
             key: 2,
             class: vue.normalizeClass(currentFiltersClass.value),
             "data-cy": "lupa-search-result-filters-mobile-toolbar",
@@ -9935,6 +9943,13 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
             options: _ctx.options,
             "pagination-location": "top"
           }, null, 8, ["options"]),
+          currentFilterOptions.value && currentFilterPositionDesktop.value === "resultsTop" ? (vue.openBlock(), vue.createBlock(_sfc_main$Q, {
+            key: 0,
+            class: vue.normalizeClass(currentFiltersClass.value),
+            "data-cy": "lupa-search-result-filters-mobile-toolbar",
+            options: currentFilterOptions.value,
+            expandable: !desktopFiltersExpanded.value
+          }, null, 8, ["class", "options", "expandable"])) : vue.createCommentVNode("", true),
           vue.createElementVNode("div", _hoisted_2$b, [
             _ctx.$slots.productCard ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(vue.unref(searchResult).items, (product, index) => {
               return vue.renderSlot(_ctx.$slots, "productCard", {

package/dist/lupaSearch.mjs

@@ -5906,12 +5906,16 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
       var _a, _b;
       return (_b = (_a = props.options.labels) == null ? void 0 : _a.itemCount) != null ? _b : "";
     });
+    const searchResultsCountLabel = computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.options.labels) == null ? void 0 : _a.searchResultsCount) != null ? _b : "";
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
         showSearchTitle.value ? (openBlock(), createElementBlock("h1", _hoisted_1$P, [
           createTextVNode(toDisplayString(_ctx.options.labels.searchResults), 1),
           queryText.value ? (openBlock(), createElementBlock("span", _hoisted_2$C, "'" + toDisplayString(queryText.value) + "'", 1)) : createCommentVNode("", true),
-          showProductCount.value ? (openBlock(), createElementBlock("span", _hoisted_3$s, "(" + toDisplayString(unref(totalItems)) + ")", 1)) : createCommentVNode("", true)
+          showProductCount.value ? (openBlock(), createElementBlock("span", _hoisted_3$s, "(" + toDisplayString(searchResultsCountLabel.value) + toDisplayString(unref(totalItems)) + ")", 1)) : createCommentVNode("", true)
         ])) : createCommentVNode("", true),
         _ctx.showSummary ? (openBlock(), createBlock(_sfc_main$T, {
           key: 1,
@@ -9783,7 +9787,7 @@ const _hoisted_2$b = {
   "data-cy": "lupa-products"
 };
 const _hoisted_3$6 = {
-  key: 0,
+  key: 1,
   class: "lupa-empty-results",
   "data-cy": "lupa-no-results-in-page"
 };
@@ -9853,6 +9857,10 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
       var _a;
       return currentFilterToolbarVisible.value ? (_a = props.options.filters) == null ? void 0 : _a.currentFilters : void 0;
     });
+    const currentFilterPositionDesktop = computed(() => {
+      var _a, _b, _c;
+      return ((_c = (_b = (_a = props.options.filters) == null ? void 0 : _a.currentFilters) == null ? void 0 : _b.desktopToolbar) == null ? void 0 : _c.position) || "pageTop";
+    });
     const currentFiltersClass = computed(() => {
       var _a, _b, _c, _d, _e, _f, _g, _h, _i;
       if (!currentFilterToolbarVisible.value) {
@@ -9914,7 +9922,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
             "pagination-location": "top",
             onFilter: filter
           }, null, 8, ["options"])) : createCommentVNode("", true),
-          currentFilterOptions.value ? (openBlock(), createBlock(_sfc_main$Q, {
+          currentFilterOptions.value && currentFilterPositionDesktop.value === "pageTop" ? (openBlock(), createBlock(_sfc_main$Q, {
             key: 2,
             class: normalizeClass(currentFiltersClass.value),
             "data-cy": "lupa-search-result-filters-mobile-toolbar",
@@ -9933,6 +9941,13 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
             options: _ctx.options,
             "pagination-location": "top"
           }, null, 8, ["options"]),
+          currentFilterOptions.value && currentFilterPositionDesktop.value === "resultsTop" ? (openBlock(), createBlock(_sfc_main$Q, {
+            key: 0,
+            class: normalizeClass(currentFiltersClass.value),
+            "data-cy": "lupa-search-result-filters-mobile-toolbar",
+            options: currentFilterOptions.value,
+            expandable: !desktopFiltersExpanded.value
+          }, null, 8, ["class", "options", "expandable"])) : createCommentVNode("", true),
           createElementVNode("div", _hoisted_2$b, [
             _ctx.$slots.productCard ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(unref(searchResult).items, (product, index) => {
               return renderSlot(_ctx.$slots, "productCard", {

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

@@ -65,6 +65,7 @@ export type SearchResultsOptionLabels = SearchResultsPaginationLabels & SearchRe
     currency: string;
     priceSeparator?: string;
     searchResults?: string;
+    searchResultsCount?: string;
     itemCount: string;
     emptyResults: string;
     mobileFilterButton: string;
@@ -146,6 +147,7 @@ export type ResultCurrentFilterOptions = {
     };
     desktopToolbar?: {
         activeFiltersExpanded?: boolean;
+        position?: 'pageTop' | 'resultsTop';
     };
 };
 export type FacetStyle = 'sidebar' | 'top-dropdown';

package/package.json

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