@getlupa/client 1.22.0 → 1.22.1

package/dist/lupaSearch.mjs

@@ -19171,6 +19171,18 @@ const useParamsStore = /* @__PURE__ */ defineStore("params", () => {
     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
@@ -19308,6 +19320,7 @@ const useParamsStore = /* @__PURE__ */ defineStore("params", () => {
     sortParams,
     lastChangedParams,
     skipFacetReload,
+    getPageUrlWithNewParams,
     add,
     removeAllFilters,
     removeParameters,
@@ -19782,7 +19795,7 @@ const _hoisted_1$1l = {
 };
 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",
@@ -19896,7 +19909,7 @@ const _sfc_main$1z = /* @__PURE__ */ defineComponent({
           }),
           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,
@@ -19921,7 +19934,7 @@ const _sfc_main$1z = /* @__PURE__ */ defineComponent({
 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,
@@ -20074,7 +20087,7 @@ const _sfc_main$1y = /* @__PURE__ */ defineComponent({
             "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, {
@@ -20324,7 +20337,7 @@ const _hoisted_3$C = {
   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"
 };
@@ -20371,7 +20384,7 @@ const _sfc_main$1t = /* @__PURE__ */ defineComponent({
           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)
       ]);
@@ -30111,7 +30124,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
 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",
@@ -30144,7 +30157,7 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
         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));
@@ -30495,7 +30508,7 @@ const useSearchResultStore = /* @__PURE__ */ defineStore("searchResult", () => {
 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",
@@ -30551,7 +30564,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
             "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"]),
@@ -30671,7 +30684,7 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValu
 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"
 };
@@ -30715,7 +30728,7 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
           }, 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);
     };
   }
@@ -31683,7 +31696,7 @@ const _hoisted_3$x = {
   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"
 };
@@ -31879,7 +31892,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValu
                 "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,
@@ -32377,7 +32390,7 @@ const _hoisted_3$w = {
   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: {
@@ -32428,7 +32441,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
                 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)
@@ -32478,7 +32491,7 @@ const _hoisted_3$v = {
   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",
@@ -32528,7 +32541,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
           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),
@@ -32610,7 +32623,7 @@ const _hoisted_3$u = {
   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: {
@@ -32702,7 +32715,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
           }, 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,
@@ -32771,7 +32784,7 @@ const _hoisted_1$R = {
 };
 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",
@@ -32878,7 +32891,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
             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) => {
@@ -32899,7 +32912,7 @@ const _hoisted_1$Q = {
 };
 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 = {
@@ -33031,7 +33044,7 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
                 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", {
@@ -33948,7 +33961,7 @@ const _hoisted_3$r = {
   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"
@@ -34186,7 +34199,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
     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),
@@ -34255,7 +34268,7 @@ const _hoisted_3$q = {
   key: 0,
   class: "lupa-term-count"
 };
-const _hoisted_4$i = {
+const _hoisted_4$h = {
   key: 0,
   class: "lupa-facet-level"
 };
@@ -34325,7 +34338,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
             _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,
@@ -34873,7 +34886,7 @@ const _hoisted_1$I = {
 };
 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"
@@ -34918,7 +34931,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
         }),
         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)
             ]),
@@ -34945,7 +34958,7 @@ const _hoisted_3$n = {
   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: {
@@ -34987,7 +35000,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
                 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))
       ]);
@@ -35149,8 +35162,7 @@ const _hoisted_2$u = {
   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"
 };
@@ -35217,7 +35229,24 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
         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() }]
@@ -35231,46 +35260,78 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
       }
     };
     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);
     };
   }
@@ -35504,6 +35565,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
       }
     });
     const paginationOptions = computed(() => {
+      var _a25;
       const pageSelect = optionsValue.value.pagination.pageSelection;
       return {
         pageSize: {
@@ -35514,7 +35576,8 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
           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
       };