@getlupa/client 1.22.0 → 1.22.3

package/dist/lupaSearch.umd.js

@@ -19175,6 +19175,18 @@ var __async = (__this, __arguments, generator) => {
       params.value = parseParams(optionsStore.getQueryParamName, url.searchParams);
       searchString.value = url.search;
     };
+    const getPageUrlWithNewParams = ({
+      params: newParams,
+      paramsToRemove,
+      encode: encode2 = true,
+      searchResultsLink: searchResultsLink2
+    }) => {
+      const url = getPageUrl(searchResultsLink2);
+      paramsToRemove = getRemovableParams(url, optionsStore.getQueryParamName, paramsToRemove);
+      removeParams(url, paramsToRemove);
+      newParams.forEach((p2) => appendParam(url, p2, encode2));
+      return url.search;
+    };
     const removeParameters = ({
       paramsToRemove,
       save = true
@@ -19312,6 +19324,7 @@ var __async = (__this, __arguments, generator) => {
       sortParams,
       lastChangedParams,
       skipFacetReload,
+      getPageUrlWithNewParams,
       add,
       removeAllFilters,
       removeParameters,
@@ -19786,7 +19799,7 @@ var __async = (__this, __arguments, generator) => {
   };
   const _hoisted_2$W = { class: "lupa-dialog-content" };
   const _hoisted_3$E = { class: "lupa-listening-text" };
-  const _hoisted_4$v = { class: "lupa-mic-button-wrapper" };
+  const _hoisted_4$u = { class: "lupa-mic-button-wrapper" };
   const _hoisted_5$l = ["aria-label"];
   const _sfc_main$1z = /* @__PURE__ */ defineComponent({
     __name: "VoiceSearchDialog",
@@ -19900,7 +19913,7 @@ var __async = (__this, __arguments, generator) => {
             }),
             createBaseVNode("div", _hoisted_2$W, [
               createBaseVNode("p", _hoisted_3$E, toDisplayString(description.value), 1),
-              createBaseVNode("div", _hoisted_4$v, [
+              createBaseVNode("div", _hoisted_4$u, [
                 createBaseVNode("button", {
                   class: normalizeClass(["lupa-mic-button", { recording: unref(isRecording) }]),
                   onClick: handleRecordingButtonClick,
@@ -19925,7 +19938,7 @@ var __async = (__this, __arguments, generator) => {
   const _hoisted_1$1k = { id: "lupa-search-box-input-container" };
   const _hoisted_2$V = { class: "lupa-input-clear" };
   const _hoisted_3$D = { id: "lupa-search-box-input" };
-  const _hoisted_4$u = ["value"];
+  const _hoisted_4$t = ["value"];
   const _hoisted_5$k = ["aria-label", "placeholder"];
   const _hoisted_6$8 = {
     key: 0,
@@ -20078,7 +20091,7 @@ var __async = (__this, __arguments, generator) => {
               "aria-hidden": "true",
               value: showHint.value ? suggestedValue.value.item.suggestion : "",
               disabled: ""
-            }, null, 8, _hoisted_4$u),
+            }, null, 8, _hoisted_4$t),
             withDirectives(createBaseVNode("input", mergeProps({
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event)
             }, inputAttributes.value, {
@@ -20328,7 +20341,7 @@ var __async = (__this, __arguments, generator) => {
     class: "lupa-suggestion-facet",
     "data-cy": "lupa-suggestion-facet"
   };
-  const _hoisted_4$t = {
+  const _hoisted_4$s = {
     class: "lupa-suggestion-facet-label",
     "data-cy": "lupa-suggestion-facet-label"
   };
@@ -20375,7 +20388,7 @@ var __async = (__this, __arguments, generator) => {
             innerHTML: _ctx.suggestion.displayHighlight
           }, null, 8, _hoisted_1$1g)) : (openBlock(), createElementBlock("div", _hoisted_2$T, toDisplayString(_ctx.suggestion.display), 1)),
           _ctx.suggestion.facet ? (openBlock(), createElementBlock("div", _hoisted_3$C, [
-            createBaseVNode("span", _hoisted_4$t, toDisplayString(facetLabel.value), 1),
+            createBaseVNode("span", _hoisted_4$s, toDisplayString(facetLabel.value), 1),
             createBaseVNode("span", _hoisted_5$j, toDisplayString(_ctx.suggestion.facet.title), 1)
           ])) : createCommentVNode("", true)
         ]);
@@ -30115,7 +30128,7 @@ and ensure you are accounting for this risk.
   const _hoisted_1$1a = ["innerHTML"];
   const _hoisted_2$P = { key: 0 };
   const _hoisted_3$B = { key: 1 };
-  const _hoisted_4$s = { class: "lupa-search-box-custom-label" };
+  const _hoisted_4$r = { class: "lupa-search-box-custom-label" };
   const _hoisted_5$i = { class: "lupa-search-box-custom-text" };
   const _sfc_main$1k = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductCustom",
@@ -30148,7 +30161,7 @@ and ensure you are accounting for this risk.
           class: [className.value, "lupa-search-box-product-custom"]
         }, toHandlers(_ctx.options.action ? { click: handleClick } : {})), [
           !label.value ? (openBlock(), createElementBlock("div", _hoisted_2$P, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$B, [
-            createBaseVNode("div", _hoisted_4$s, toDisplayString(label.value), 1),
+            createBaseVNode("div", _hoisted_4$r, toDisplayString(label.value), 1),
             createBaseVNode("div", _hoisted_5$i, toDisplayString(text.value), 1)
           ]))
         ], 16));
@@ -30499,7 +30512,7 @@ and ensure you are accounting for this risk.
   const _hoisted_1$18 = { class: "lupa-search-box-add-to-cart-wrapper" };
   const _hoisted_2$O = { class: "lupa-search-box-product-addtocart" };
   const _hoisted_3$A = ["disabled"];
-  const _hoisted_4$r = ["href"];
+  const _hoisted_4$q = ["href"];
   const _hoisted_5$h = ["disabled"];
   const _sfc_main$1i = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductAddToCart",
@@ -30555,7 +30568,7 @@ and ensure you are accounting for this risk.
               "data-cy": "lupa-add-to-cart",
               disabled: !inStockValue.value || loading.value
             }, _ctx.dynamicAttributes, { onClick: handleClick }), [
-              createBaseVNode("a", { href: _ctx.link }, toDisplayString(label.value), 9, _hoisted_4$r)
+              createBaseVNode("a", { href: _ctx.link }, toDisplayString(label.value), 9, _hoisted_4$q)
             ], 16, _hoisted_3$A)) : (openBlock(), createElementBlock("button", mergeProps({
               key: 1,
               onClick: withModifiers(handleClick, ["stop", "prevent"]),
@@ -30675,7 +30688,7 @@ and ensure you are accounting for this risk.
   const _hoisted_1$16 = { class: "lupa-badge-title" };
   const _hoisted_2$N = ["src"];
   const _hoisted_3$z = { key: 1 };
-  const _hoisted_4$q = {
+  const _hoisted_4$p = {
     key: 0,
     class: "lupa-badge-full-text"
   };
@@ -30719,7 +30732,7 @@ and ensure you are accounting for this risk.
             }, null, 8, _hoisted_2$N)) : createCommentVNode("", true),
             hasTitleText.value && showTitle.value ? (openBlock(), createElementBlock("span", _hoisted_3$z, toDisplayString(_ctx.badge.titleText), 1)) : createCommentVNode("", true)
           ]),
-          hasAdditionalText.value ? (openBlock(), createElementBlock("span", _hoisted_4$q, toDisplayString(_ctx.badge.additionalText), 1)) : createCommentVNode("", true)
+          hasAdditionalText.value ? (openBlock(), createElementBlock("span", _hoisted_4$p, toDisplayString(_ctx.badge.additionalText), 1)) : createCommentVNode("", true)
         ], 6);
       };
     }
@@ -31687,7 +31700,7 @@ and ensure you are accounting for this risk.
     key: 0,
     class: "lupa-panel-title lupa-panel-title-top-results"
   };
-  const _hoisted_4$p = {
+  const _hoisted_4$o = {
     key: 1,
     class: "lupa-panel-title"
   };
@@ -31733,6 +31746,7 @@ and ensure you are accounting for this risk.
       const searchBoxStore = useSearchBoxStore();
       const { suggestionResults, hasAnyResults, panelItemCounts } = storeToRefs(searchBoxStore);
       const emit2 = __emit;
+      const isSearchEmpty = computed(() => !props.inputValue || props.inputValue.length < 1);
       const displayResults = computed(() => {
         var _a25;
         return ((_a25 = props.inputValue) == null ? void 0 : _a25.length) >= props.options.minInputLength;
@@ -31743,6 +31757,12 @@ and ensure you are accounting for this risk.
           return Boolean(props.options.history) && ((_a25 = props.inputValue) == null ? void 0 : _a25.length) < 1 && props.options.minInputLength > 0;
         }
       );
+      const displayShowMoreResultsButton = computed(() => {
+        if (isSearchEmpty.value && props.options.hideMoreResultsButtonOnEmptyQuery) {
+          return false;
+        }
+        return hasAnyResults.value || !props.options.hideMoreResultsButtonOnNoResults;
+      });
       const displayPanels = computed(
         () => props.isSearchContainer ? panels.value.filter((p2) => p2.type === SearchBoxPanelType.SUGGESTION) : panels.value
       );
@@ -31883,7 +31903,7 @@ and ensure you are accounting for this risk.
                   "data-cy": "lupa-panel-" + panel.type + "-index"
                 }, [
                   ((_a25 = panel.labels) == null ? void 0 : _a25.topResultsTitle) && showTopResultsPanelTitle(panel.queryKey) ? (openBlock(), createElementBlock("div", _hoisted_3$x, toDisplayString((_b25 = panel.labels) == null ? void 0 : _b25.topResultsTitle), 1)) : createCommentVNode("", true),
-                  ((_c = panel.labels) == null ? void 0 : _c.title) && showPanelTitle(panel) ? (openBlock(), createElementBlock("div", _hoisted_4$p, toDisplayString((_d = panel.labels) == null ? void 0 : _d.title), 1)) : createCommentVNode("", true),
+                  ((_c = panel.labels) == null ? void 0 : _c.title) && showPanelTitle(panel) ? (openBlock(), createElementBlock("div", _hoisted_4$o, toDisplayString((_d = panel.labels) == null ? void 0 : _d.title), 1)) : createCommentVNode("", true),
                   panel.queryKey && canShowPanel(panel) ? (openBlock(), createBlock(resolveDynamicComponent(getComponent(panel.type)), {
                     key: 2,
                     panel,
@@ -31912,7 +31932,7 @@ and ensure you are accounting for this risk.
               key: 1,
               labels: labels.value
             }, null, 8, ["labels"])) : createCommentVNode("", true),
-            unref(hasAnyResults) || !_ctx.options.hideMoreResultsButtonOnNoResults ? (openBlock(), createBlock(_sfc_main$1x, {
+            displayShowMoreResultsButton.value ? (openBlock(), createBlock(_sfc_main$1x, {
               key: 2,
               labels: labels.value,
               options: _ctx.options,
@@ -31996,6 +32016,7 @@ and ensure you are accounting for this risk.
           "debounce",
           "showTotalCount",
           "hideMoreResultsButtonOnNoResults",
+          "hideMoreResultsButtonOnEmptyQuery",
           "showNoResultsPanel",
           "expandOnSinglePanel",
           "showMoreResultsButton"
@@ -32381,7 +32402,7 @@ and ensure you are accounting for this risk.
     key: 1,
     "data-cy": "did-you-mean-label"
   };
-  const _hoisted_4$o = { key: 1 };
+  const _hoisted_4$n = { key: 1 };
   const _sfc_main$12 = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsDidYouMean",
     props: {
@@ -32432,7 +32453,7 @@ and ensure you are accounting for this risk.
                   class: "lupa-did-you-mean lupa-highlighted-search-text",
                   "data-cy": "did-you-mean-value",
                   onClick: _cache[0] || (_cache[0] = ($event) => goToResults({ searchText: didYouMeanValue.value }))
-                }, toDisplayString(didYouMeanValue.value) + " ", 1)) : (openBlock(), createElementBlock("span", _hoisted_4$o, toDisplayString(label) + " ", 1))
+                }, toDisplayString(didYouMeanValue.value) + " ", 1)) : (openBlock(), createElementBlock("span", _hoisted_4$n, toDisplayString(label) + " ", 1))
               ]);
             }), 128))
           ])) : createCommentVNode("", true)
@@ -32482,7 +32503,7 @@ and ensure you are accounting for this risk.
     key: 1,
     class: "lupa-results-total-count"
   };
-  const _hoisted_4$n = { class: "lupa-results-total-count-number" };
+  const _hoisted_4$m = { class: "lupa-results-total-count-number" };
   const _hoisted_5$f = ["innerHTML"];
   const _sfc_main$10 = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsTitle",
@@ -32532,7 +32553,7 @@ and ensure you are accounting for this risk.
             queryText.value && !searchResultsTitleTemplate.value ? (openBlock(), createElementBlock("span", _hoisted_2$G, "'" + toDisplayString(queryText.value) + "'", 1)) : createCommentVNode("", true),
             showProductCount.value ? (openBlock(), createElementBlock("span", _hoisted_3$v, [
               createTextVNode("(" + toDisplayString(searchResultsCountLabel.value), 1),
-              createBaseVNode("span", _hoisted_4$n, toDisplayString(unref(totalItems)), 1),
+              createBaseVNode("span", _hoisted_4$m, toDisplayString(unref(totalItems)), 1),
               _cache[0] || (_cache[0] = createTextVNode(")"))
             ])) : createCommentVNode("", true)
           ])) : createCommentVNode("", true),
@@ -32614,7 +32635,7 @@ and ensure you are accounting for this risk.
     key: 0,
     class: "filter-values"
   };
-  const _hoisted_4$m = { class: "lupa-current-filter-list" };
+  const _hoisted_4$l = { class: "lupa-current-filter-list" };
   const _sfc_main$_ = /* @__PURE__ */ defineComponent({
     __name: "CurrentFilters",
     props: {
@@ -32706,7 +32727,7 @@ and ensure you are accounting for this risk.
             }, null, 2)) : createCommentVNode("", true)
           ]),
           !_ctx.expandable || isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_3$u, [
-            createBaseVNode("div", _hoisted_4$m, [
+            createBaseVNode("div", _hoisted_4$l, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(currentDisplayFilters.value, (filter) => {
                 return openBlock(), createBlock(_sfc_main$$, {
                   key: filter.key + "_" + filter.value,
@@ -32775,7 +32796,7 @@ and ensure you are accounting for this risk.
   };
   const _hoisted_2$D = { class: "lupa-category-back" };
   const _hoisted_3$t = ["href"];
-  const _hoisted_4$l = ["href"];
+  const _hoisted_4$k = ["href"];
   const _hoisted_5$e = { class: "lupa-child-category-list" };
   const _sfc_main$Y = /* @__PURE__ */ defineComponent({
     __name: "CategoryFilter",
@@ -32882,7 +32903,7 @@ and ensure you are accounting for this risk.
               href: parentUrlLink.value,
               class: normalizeClass({ "lupa-title-category": !hasBackButton.value }),
               onClick: handleNavigationParent
-            }, toDisplayString(parentTitle.value), 11, _hoisted_4$l)
+            }, toDisplayString(parentTitle.value), 11, _hoisted_4$k)
           ], 2),
           createBaseVNode("div", _hoisted_5$e, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(categoryChildren.value, (child) => {
@@ -32903,7 +32924,7 @@ and ensure you are accounting for this risk.
   };
   const _hoisted_2$C = ["placeholder"];
   const _hoisted_3$s = { class: "lupa-terms-list" };
-  const _hoisted_4$k = ["onClick"];
+  const _hoisted_4$j = ["onClick"];
   const _hoisted_5$d = { class: "lupa-term-checkbox-wrapper" };
   const _hoisted_6$7 = { class: "lupa-term-label" };
   const _hoisted_7$4 = {
@@ -33035,7 +33056,7 @@ and ensure you are accounting for this risk.
                   createBaseVNode("span", _hoisted_6$7, toDisplayString(getItemLabel(item)), 1),
                   _ctx.options.showDocumentCount ? (openBlock(), createElementBlock("span", _hoisted_7$4, "(" + toDisplayString(item.count) + ")", 1)) : createCommentVNode("", true)
                 ], 2)
-              ], 10, _hoisted_4$k);
+              ], 10, _hoisted_4$j);
             }), 128))
           ]),
           displayShowMore.value ? (openBlock(), createElementBlock("div", {
@@ -33943,6 +33964,18 @@ and ensure you are accounting for this risk.
   m.render = function(e2, t, r, i, n, o) {
     return openBlock(), createElementBlock("div", mergeProps(e2.sliderProps, { ref: "slider" }), null, 16);
   }, m.__file = "src/Slider.vue";
+  const roundToMaxDecimals = (value, maxPrecision = 0.1) => {
+    if (value === void 0 || value === null || Number.isNaN(value)) return "";
+    const log = Math.log10(maxPrecision);
+    const decimals = log < 0 ? Math.round(-log) : 0;
+    const factor = Math.pow(10, decimals);
+    const rounded = Math.round((value + Number.EPSILON) * factor) / factor;
+    let out = rounded.toFixed(decimals);
+    if (Number.isInteger(value)) {
+      out = Math.trunc(value).toString();
+    }
+    return out;
+  };
   const _hoisted_1$P = { class: "lupa-search-result-facet-stats-values" };
   const _hoisted_2$B = {
     key: 0,
@@ -33952,7 +33985,7 @@ and ensure you are accounting for this risk.
     key: 1,
     class: "lupa-stats-facet-summary-input"
   };
-  const _hoisted_4$j = { class: "lupa-stats-from" };
+  const _hoisted_4$i = { class: "lupa-stats-from" };
   const _hoisted_5$c = {
     key: 0,
     class: "lupa-stats-range-label"
@@ -34091,7 +34124,7 @@ and ensure you are accounting for this risk.
       const originalSliderRange = computed(() => {
         return innerSliderRange.value.length === 2 && (currentFilters.value.gte || currentFilters.value.lte) ? [
           Math.max(+currentFilters.value.gte, facetValue.value.min),
-          Math.min(+currentFilters.value.lte, facetValue.value.max)
+          Math.min(+(currentFilters.value.lt || currentFilters.value.lte), facetValue.value.max)
         ] : [facetValue.value.min, facetValue.value.max];
       });
       const fromValue = computed({
@@ -34147,6 +34180,7 @@ and ensure you are accounting for this risk.
         }
       );
       const statsSummary = computed(() => {
+        var _a25, _b25;
         const [min, max] = originalSliderRange.value;
         if (isPrice.value) {
           return formatPriceSummary(
@@ -34157,10 +34191,12 @@ and ensure you are accounting for this risk.
             multiCurrency.value
           );
         }
+        const minValue = roundToMaxDecimals(min, (_a25 = customInterval.value) != null ? _a25 : 0.1);
+        const maxValue = roundToMaxDecimals(max, (_b25 = customInterval.value) != null ? _b25 : 0.1);
         if (unit.value) {
-          return `${min} ${unit.value} – ${max} ${unit.value}`;
+          return `${minValue} ${unit.value} – ${maxValue} ${unit.value}`;
         }
-        return formatRange({ gte: min, lte: max });
+        return formatRange({ gte: minValue, lte: maxValue });
       });
       function handleInputChange() {
         if (innerSliderRange.value.length < 2) return;
@@ -34190,7 +34226,7 @@ and ensure you are accounting for this risk.
       return (_ctx, _cache) => {
         return openBlock(), createElementBlock("div", _hoisted_1$P, [
           !isInputVisible.value ? (openBlock(), createElementBlock("div", _hoisted_2$B, toDisplayString(statsSummary.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$r, [
-            createBaseVNode("div", _hoisted_4$j, [
+            createBaseVNode("div", _hoisted_4$i, [
               rangeLabelFrom.value ? (openBlock(), createElementBlock("div", _hoisted_5$c, toDisplayString(rangeLabelFrom.value), 1)) : createCommentVNode("", true),
               withDirectives(createBaseVNode("input", {
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => fromValue.value = $event),
@@ -34259,7 +34295,7 @@ and ensure you are accounting for this risk.
     key: 0,
     class: "lupa-term-count"
   };
-  const _hoisted_4$i = {
+  const _hoisted_4$h = {
     key: 0,
     class: "lupa-facet-level"
   };
@@ -34329,7 +34365,7 @@ and ensure you are accounting for this risk.
               _ctx.options.showDocumentCount ? (openBlock(), createElementBlock("span", _hoisted_3$q, "(" + toDisplayString(_ctx.item.count) + ")", 1)) : createCommentVNode("", true)
             ], 2)
           ]),
-          showChildren.value ? (openBlock(), createElementBlock("div", _hoisted_4$i, [
+          showChildren.value ? (openBlock(), createElementBlock("div", _hoisted_4$h, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(treeItem.value.children, (itemChild) => {
               return openBlock(), createBlock(_component_HierarchyFacetLevel, {
                 key: itemChild.title,
@@ -34877,7 +34913,7 @@ and ensure you are accounting for this risk.
   };
   const _hoisted_2$w = { class: "lupa-mobile-sidebar-content" };
   const _hoisted_3$o = { class: "lupa-sidebar-top" };
-  const _hoisted_4$h = { class: "lupa-sidebar-title" };
+  const _hoisted_4$g = { class: "lupa-sidebar-title" };
   const _hoisted_5$b = {
     key: 0,
     class: "lupa-sidebar-filter-count"
@@ -34922,7 +34958,7 @@ and ensure you are accounting for this risk.
           }),
           createBaseVNode("div", _hoisted_2$w, [
             createBaseVNode("div", _hoisted_3$o, [
-              createBaseVNode("div", _hoisted_4$h, [
+              createBaseVNode("div", _hoisted_4$g, [
                 createTextVNode(toDisplayString(sidebarTitle.value) + " ", 1),
                 isFilterCountVisible.value ? (openBlock(), createElementBlock("span", _hoisted_5$b, toDisplayString(unref(currentFilterCount)), 1)) : createCommentVNode("", true)
               ]),
@@ -34949,7 +34985,7 @@ and ensure you are accounting for this risk.
     key: 1,
     class: "lupa-search-results-breadcrumb-text"
   };
-  const _hoisted_4$g = { key: 2 };
+  const _hoisted_4$f = { key: 2 };
   const _sfc_main$N = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsBreadcrumbs",
     props: {
@@ -34991,7 +35027,7 @@ and ensure you are accounting for this risk.
                   return handleNavigation(e2, (_a26 = breadcrumb == null ? void 0 : breadcrumb.link) != null ? _a26 : "");
                 }
               }, toDisplayString(getLabel(breadcrumb.label)), 9, _hoisted_2$v)) : (openBlock(), createElementBlock("span", _hoisted_3$n, toDisplayString(getLabel(breadcrumb.label)), 1)),
-              index < breadcrumbsValue.value.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_4$g, toDisplayString((_a25 = breadcrumb.separator) != null ? _a25 : "/"), 1)) : createCommentVNode("", true)
+              index < breadcrumbsValue.value.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_4$f, toDisplayString((_a25 = breadcrumb.separator) != null ? _a25 : "/"), 1)) : createCommentVNode("", true)
             ]);
           }), 128))
         ]);
@@ -35153,8 +35189,7 @@ and ensure you are accounting for this risk.
     key: 0,
     class: "lupa-page-number-separator"
   };
-  const _hoisted_3$m = ["onClick"];
-  const _hoisted_4$f = {
+  const _hoisted_3$m = {
     key: 0,
     class: "lupa-page-number-separator"
   };
@@ -35221,7 +35256,24 @@ and ensure you are accounting for this risk.
           timeout: (_f = (_e = searchResultOptions.value.scrollToResults) == null ? void 0 : _e.timeout) != null ? _f : 500
         };
       });
-      const handlePageChange = (page) => {
+      const tagName = computed(() => {
+        return props.options.renderAsLinks ? "a" : "div";
+      });
+      const getPageUrlWithNewParams = (page) => {
+        return paramStore.getPageUrlWithNewParams({
+          params: [{ name: optionsStore.getQueryParamName(QUERY_PARAMS$1.PAGE), value: page.toString() }]
+        });
+      };
+      const getHref = (page) => {
+        if (props.options.renderAsLinks) {
+          return getPageUrlWithNewParams(page);
+        }
+        return null;
+      };
+      const handlePageChange = (e2, page) => {
+        if (e2 && props.options.renderAsLinks) {
+          e2.preventDefault();
+        }
         if (page > 0) {
           paramStore.appendParams({
             params: [{ name: optionsStore.getQueryParamName(QUERY_PARAMS$1.PAGE), value: page.toString() }]
@@ -35235,46 +35287,78 @@ and ensure you are accounting for this risk.
         }
       };
       return (_ctx, _cache) => {
+        var _a25;
         return showPagination.value ? (openBlock(), createElementBlock("div", _hoisted_1$D, [
-          showBack.value ? (openBlock(), createElementBlock("div", {
+          showBack.value ? (openBlock(), createBlock(resolveDynamicComponent(tagName.value), {
             key: 0,
             class: normalizeClass(firstPageLabel.value === "<" ? "lupa-page-arrow" : "lupa-show-less"),
-            onClick: _cache[0] || (_cache[0] = () => handlePageChange(_ctx.options.selectedPage - 1))
-          }, toDisplayString(firstPageLabel.value), 3)) : createCommentVNode("", true),
+            href: getHref(_ctx.options.selectedPage - 1),
+            onClick: _cache[0] || (_cache[0] = (e2) => handlePageChange(e2, _ctx.options.selectedPage - 1))
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(firstPageLabel.value), 1)
+            ]),
+            _: 1
+          }, 8, ["class", "href"])) : createCommentVNode("", true),
           showFirstPage.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-            createBaseVNode("div", {
+            (openBlock(), createBlock(resolveDynamicComponent(tagName.value), {
+              href: getHref(1),
               class: "lupa-page-number lupa-page-number-first",
-              onClick: _cache[1] || (_cache[1] = () => handlePageChange(1))
-            }, " 1 "),
+              onClick: _cache[1] || (_cache[1] = (e2) => handlePageChange(e2, 1))
+            }, {
+              default: withCtx(() => _cache[4] || (_cache[4] = [
+                createTextVNode(" 1 ")
+              ])),
+              _: 1,
+              __: [4]
+            }, 8, ["href"])),
             showFirstPageSeparator.value ? (openBlock(), createElementBlock("div", _hoisted_2$u, "...")) : createCommentVNode("", true)
           ], 64)) : createCommentVNode("", true),
           (openBlock(true), createElementBlock(Fragment, null, renderList(pages.value, (page) => {
-            return openBlock(), createElementBlock("div", {
+            return openBlock(), createBlock(resolveDynamicComponent(tagName.value), {
               key: page,
-              onClick: () => handlePageChange(page),
+              href: getHref(page),
+              onClick: (e2) => handlePageChange(e2, page),
               class: normalizeClass([
                 "lupa-page-number",
                 page === _ctx.options.selectedPage ? "lupa-page-number-selected" : ""
               ]),
               "data-cy": "lupa-page-number"
-            }, toDisplayString(page), 11, _hoisted_3$m);
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(page), 1)
+              ]),
+              _: 2
+            }, 1032, ["href", "onClick", "class"]);
           }), 128)),
           showLastPage.value ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-            showLastPageSeparator.value ? (openBlock(), createElementBlock("div", _hoisted_4$f, "...")) : createCommentVNode("", true),
-            createBaseVNode("div", {
+            showLastPageSeparator.value ? (openBlock(), createElementBlock("div", _hoisted_3$m, "...")) : createCommentVNode("", true),
+            (openBlock(), createBlock(resolveDynamicComponent(tagName.value), {
+              href: getHref((_a25 = lastPage.value) != null ? _a25 : 1),
               class: "lupa-page-number lupa-page-number-last",
-              onClick: _cache[2] || (_cache[2] = () => {
-                var _a25;
-                return handlePageChange((_a25 = lastPage.value) != null ? _a25 : 1);
+              onClick: _cache[2] || (_cache[2] = (e2) => {
+                var _a26;
+                return handlePageChange(e2, (_a26 = lastPage.value) != null ? _a26 : 1);
               })
-            }, toDisplayString(lastPage.value), 1)
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(lastPage.value), 1)
+              ]),
+              _: 1
+            }, 8, ["href"]))
           ], 64)) : createCommentVNode("", true),
-          _ctx.options.selectedPage < _ctx.options.count ? (openBlock(), createElementBlock("div", {
+          _ctx.options.selectedPage < _ctx.options.count ? (openBlock(), createBlock(resolveDynamicComponent(tagName.value), {
             key: 3,
             class: normalizeClass(lastPageLabel.value === ">" ? "lupa-page-arrow" : "lupa-show-more"),
+            href: getHref(_ctx.options.selectedPage + 1),
             "data-cy": "lupa-show-more",
-            onClick: _cache[3] || (_cache[3] = () => handlePageChange(_ctx.options.selectedPage + 1))
-          }, toDisplayString(lastPageLabel.value), 3)) : createCommentVNode("", true)
+            onClick: _cache[3] || (_cache[3] = (e2) => handlePageChange(e2, _ctx.options.selectedPage + 1))
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(lastPageLabel.value), 1)
+            ]),
+            _: 1
+          }, 8, ["class", "href"])) : createCommentVNode("", true)
         ])) : createCommentVNode("", true);
       };
     }
@@ -35508,6 +35592,7 @@ and ensure you are accounting for this risk.
         }
       });
       const paginationOptions = computed(() => {
+        var _a25;
         const pageSelect = optionsValue.value.pagination.pageSelection;
         return {
           pageSize: {
@@ -35518,7 +35603,8 @@ and ensure you are accounting for this risk.
             count: getPageCount(searchResult.value.total, limit.value),
             selectedPage: page.value,
             display: pageSelect.display,
-            displayMobile: pageSelect.displayMobile
+            displayMobile: pageSelect.displayMobile,
+            renderAsLinks: (_a25 = pageSelect.renderAsLinks) != null ? _a25 : false
           },
           labels: optionsValue.value.labels
         };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getlupa/client",
-  "version": "1.22.0",
+  "version": "1.22.3",
   "main": "dist/lupaSearch.js",
   "module": "dist/lupaSearch.mjs",
   "types": "dist/index.d.ts",
@@ -20,7 +20,7 @@
   },
   "devDependencies": {
     "@getlupa/client-sdk": "^1.8.1",
-    "@getlupa/vue": "0.22.0",
+    "@getlupa/vue": "0.22.3",
     "@rushstack/eslint-patch": "^1.12.0",
     "@tsconfig/node18": "^18.2.4",
     "@types/jsdom": "^21.1.7",