@getlupa/client 1.6.4 → 1.6.6

package/dist/lupaSearch.umd.js

@@ -6275,11 +6275,15 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     return { success: false, errors };
   });
   const track$1 = (queryKey, event, environment, customBaseUrl) => __awaiter(void 0, void 0, void 0, function* () {
-    const res = yield fetch(`${getApiUrl$1(environment, customBaseUrl)}events`, Object.assign(Object.assign({}, defaultConfig$1), { body: JSON.stringify(Object.assign({ queryKey }, event)) }));
-    if (res.status < 400) {
+    try {
+      const res = yield fetch(`${getApiUrl$1(environment, customBaseUrl)}events`, Object.assign(Object.assign({}, defaultConfig$1), { body: JSON.stringify(Object.assign({ queryKey }, event)) }));
+      if (res.status < 400) {
+        return { success: false };
+      }
+      return res.json();
+    } catch (e) {
       return { success: false };
     }
-    return res.json();
   });
   const loadRedirectionRules = (queryKey, environment, customBaseUrl) => __awaiter(void 0, void 0, void 0, function* () {
     const res = yield fetch(`${getApiUrl$1(environment, customBaseUrl)}redirections/${queryKey}`, Object.assign(Object.assign({}, defaultConfig$1), { method: "GET" }));
@@ -7639,6 +7643,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     const suggestionResults = ref({});
     const highlightedIndex = ref(-1);
     const inputValue = ref("");
+    const resultInputValue = ref("");
     const historyStore = useHistoryStore();
     const resultsVisible = computed(() => {
       var _a;
@@ -7651,13 +7656,15 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           return {
             queryKey: p2.queryKey,
             count: (_b = (_a = suggestionResults.value[p2.queryKey]) == null ? void 0 : _a.length) != null ? _b : 0,
-            panel: p2
+            panel: p2,
+            input: resultInputValue.value
           };
         }
         return {
           queryKey: p2.queryKey,
           count: (_e = (_d = (_c = docResults.value[p2.queryKey]) == null ? void 0 : _c.items) == null ? void 0 : _d.length) != null ? _e : 0,
-          panel: p2
+          panel: p2,
+          input: resultInputValue.value
         };
       })
     );
@@ -7717,6 +7724,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           [queryKey]: flattenSuggestions(result.items, (_a = publicQuery.searchText) != null ? _a : "")
         });
         inputValue.value = publicQuery.searchText;
+        resultInputValue.value = publicQuery.searchText;
         emitSearchResultsCallback();
         return {
           suggestions: result.items
@@ -7804,8 +7812,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   const _hoisted_1$1c = { id: "lupa-search-box-input-container" };
   const _hoisted_2$P = { class: "lupa-input-clear" };
   const _hoisted_3$B = { id: "lupa-search-box-input" };
-  const _hoisted_4$q = ["value"];
-  const _hoisted_5$f = ["placeholder"];
+  const _hoisted_4$s = ["value"];
+  const _hoisted_5$g = ["aria-label", "placeholder"];
   const _hoisted_6$9 = {
     key: 0,
     class: "lupa-close-label"
@@ -7854,6 +7862,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         var _a;
         return __spreadValues2({}, (_a = props.options.inputAttributes) != null ? _a : {});
       });
+      const ariaLabel = computed(() => {
+        var _a;
+        return (_a = labels.value.searchInputAriaLabel) != null ? _a : "Search input";
+      });
       watch(suggestedValue, () => {
         if (suggestedValue.value.override) {
           input.value = suggestedValue.value.item.suggestion;
@@ -7897,22 +7909,24 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           createBaseVNode("div", _hoisted_3$B, [
             createBaseVNode("input", {
               class: "lupa-hint",
+              "aria-hidden": "true",
               value: showHint.value ? suggestedValue.value.item.suggestion : "",
               disabled: ""
-            }, null, 8, _hoisted_4$q),
+            }, null, 8, _hoisted_4$s),
             withDirectives(createBaseVNode("input", mergeProps({
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event)
             }, inputAttributes.value, {
               ref_key: "mainInput",
               ref: mainInput,
               autocomplete: "off",
+              "aria-label": ariaLabel.value,
               class: "lupa-search-box-input-field",
               "data-cy": "lupa-search-box-input-field",
               type: "text",
               placeholder: labels.value.placeholder,
               onInput: handleInput,
               onFocus: handleFocus
-            }), null, 16, _hoisted_5$f), [
+            }), null, 16, _hoisted_5$g), [
               [vModelText, inputValue.value]
             ])
           ]),
@@ -8078,11 +8092,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     class: "lupa-suggestion-facet",
     "data-cy": "lupa-suggestion-facet"
   };
-  const _hoisted_4$p = {
+  const _hoisted_4$r = {
     class: "lupa-suggestion-facet-label",
     "data-cy": "lupa-suggestion-facet-label"
   };
-  const _hoisted_5$e = {
+  const _hoisted_5$f = {
     class: "lupa-suggestion-facet-value",
     "data-cy": "lupa-suggestion-facet-value"
   };
@@ -8124,8 +8138,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             innerHTML: _ctx.suggestion.displayHighlight
           }, null, 8, _hoisted_1$18)) : (openBlock(), createElementBlock("div", _hoisted_2$N, toDisplayString(_ctx.suggestion.display), 1)),
           _ctx.suggestion.facet ? (openBlock(), createElementBlock("div", _hoisted_3$A, [
-            createBaseVNode("span", _hoisted_4$p, toDisplayString(facetLabel.value), 1),
-            createBaseVNode("span", _hoisted_5$e, toDisplayString(_ctx.suggestion.facet.title), 1)
+            createBaseVNode("span", _hoisted_4$r, toDisplayString(facetLabel.value), 1),
+            createBaseVNode("span", _hoisted_5$f, toDisplayString(_ctx.suggestion.facet.title), 1)
           ])) : createCommentVNode("", true)
         ]);
       };
@@ -8532,8 +8546,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   const _hoisted_1$11 = ["innerHTML"];
   const _hoisted_2$K = { key: 0 };
   const _hoisted_3$z = { key: 1 };
-  const _hoisted_4$o = { class: "lupa-search-box-custom-label" };
-  const _hoisted_5$d = { class: "lupa-search-box-custom-text" };
+  const _hoisted_4$q = { class: "lupa-search-box-custom-label" };
+  const _hoisted_5$e = { class: "lupa-search-box-custom-text" };
   const _sfc_main$16 = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductCustom",
     props: {
@@ -8565,8 +8579,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           class: [className.value, "lupa-search-box-product-custom"]
         }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
           !label.value ? (openBlock(), createElementBlock("div", _hoisted_2$K, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$z, [
-            createBaseVNode("div", _hoisted_4$o, toDisplayString(label.value), 1),
-            createBaseVNode("div", _hoisted_5$d, toDisplayString(text.value), 1)
+            createBaseVNode("div", _hoisted_4$q, toDisplayString(label.value), 1),
+            createBaseVNode("div", _hoisted_5$e, toDisplayString(text.value), 1)
           ]))
         ], 16));
       };
@@ -8906,7 +8920,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   const _hoisted_1$_ = ["href"];
   const _hoisted_2$I = { class: "lupa-search-box-product-image-section" };
   const _hoisted_3$x = { class: "lupa-search-box-product-details-section" };
-  const _hoisted_4$n = {
+  const _hoisted_4$p = {
     key: 0,
     class: "lupa-search-box-product-add-to-cart-section"
   };
@@ -8985,7 +8999,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               }, null, 8, ["item", "element", "labels", "link"]);
             }), 128))
           ]),
-          addToCartElement.value ? (openBlock(), createElementBlock("div", _hoisted_4$n, [
+          addToCartElement.value ? (openBlock(), createElementBlock("div", _hoisted_4$p, [
             createVNode(_sfc_main$13, {
               class: "lupa-search-box-product-element",
               item: _ctx.item,
@@ -9109,7 +9123,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             }
           }
         });
-        if (!link) {
+        if (!link || eventType === "addToCart") {
           return;
         }
         emit2("product-click");
@@ -9218,6 +9232,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   };
   const _hoisted_2$H = ["data-cy"];
   const _hoisted_3$w = {
+    key: 0,
+    class: "lupa-panel-title"
+  };
+  const _hoisted_4$o = {
     key: 1,
     id: "lupa-search-box-panel"
   };
@@ -9255,16 +9273,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       const sdkOptions = computed(() => props.options.options);
       const searchBoxStore = useSearchBoxStore();
       const { suggestionResults, hasAnyResults, panelItemCounts } = storeToRefs(searchBoxStore);
-      const displayResults = computed(
-        () => {
-          var _a, _b;
-          return ((_a = props.inputValue) == null ? void 0 : _a.length) > 0 && ((_b = props.inputValue) == null ? void 0 : _b.length) >= props.options.minInputLength;
-        }
-      );
+      const displayResults = computed(() => {
+        var _a;
+        return ((_a = props.inputValue) == null ? void 0 : _a.length) >= props.options.minInputLength;
+      });
       const displayHistory = computed(
         () => {
           var _a;
-          return Boolean(props.options.history) && ((_a = props.inputValue) == null ? void 0 : _a.length) < 1;
+          return Boolean(props.options.history) && ((_a = props.inputValue) == null ? void 0 : _a.length) < 1 && props.options.minInputLength > 0;
         }
       );
       const displayPanels = computed(
@@ -9341,6 +9357,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       const expandOnSinglePanel = computed(() => {
         return numberOfVisiblePanels.value === 1 && props.options.expandOnSinglePanel;
       });
+      const showTopResultsPanelTitle = (queryKey) => {
+        const panel = panelItemCounts.value.find((v) => v.queryKey === queryKey);
+        return (panel == null ? void 0 : panel.count) > 0 && (panel == null ? void 0 : panel.input.length) < 1;
+      };
       return (_ctx, _cache) => {
         var _a;
         return openBlock(), createElementBlock("div", {
@@ -9354,6 +9374,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               "data-cy": "lupa-main-panel"
             }, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(displayPanels.value, (panel, index) => {
+                var _a2, _b;
                 return openBlock(), createElementBlock("div", {
                   key: index,
                   class: normalizeClass([
@@ -9362,8 +9383,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                   ]),
                   "data-cy": "lupa-panel-" + panel.type + "-index"
                 }, [
+                  ((_a2 = panel.labels) == null ? void 0 : _a2.topResultsTitle) && showTopResultsPanelTitle(panel.queryKey) ? (openBlock(), createElementBlock("div", _hoisted_3$w, toDisplayString((_b = panel.labels) == null ? void 0 : _b.topResultsTitle), 1)) : createCommentVNode("", true),
                   panel.queryKey ? (openBlock(), createBlock(resolveDynamicComponent(getComponent(panel.type)), {
-                    key: 0,
+                    key: 1,
                     panel,
                     options: sdkOptions.value,
                     debounce: _ctx.options.debounce,
@@ -9394,7 +9416,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               showTotalCount: (_a = _ctx.options.showTotalCount) != null ? _a : false,
               onGoToResults: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("go-to-results"))
             }, null, 8, ["labels", "showTotalCount"])) : createCommentVNode("", true)
-          ])) : displayHistory.value ? (openBlock(), createElementBlock("div", _hoisted_3$w, [
+          ])) : displayHistory.value ? (openBlock(), createElementBlock("div", _hoisted_4$o, [
             createVNode(_sfc_main$1h, {
               options: _ctx.options.history,
               history: history.value,
@@ -9772,7 +9794,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     key: 1,
     "data-cy": "did-you-mean-label"
   };
-  const _hoisted_4$m = { key: 1 };
+  const _hoisted_4$n = { key: 1 };
   const _sfc_main$Z = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsDidYouMean",
     props: {
@@ -9823,7 +9845,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                   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$m, toDisplayString(label) + " ", 1))
+                }, toDisplayString(didYouMeanValue.value) + " ", 1)) : (openBlock(), createElementBlock("span", _hoisted_4$n, toDisplayString(label) + " ", 1))
               ]);
             }), 128))
           ])) : createCommentVNode("", true)
@@ -9873,7 +9895,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     key: 1,
     class: "lupa-results-total-count"
   };
-  const _hoisted_4$l = ["innerHTML"];
+  const _hoisted_4$m = ["innerHTML"];
   const _sfc_main$X = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsTitle",
     props: {
@@ -9922,7 +9944,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             key: 2,
             class: "lupa-result-page-description-top",
             innerHTML: descriptionTop.value
-          }, null, 8, _hoisted_4$l)) : createCommentVNode("", true)
+          }, null, 8, _hoisted_4$m)) : createCommentVNode("", true)
         ]);
       };
     }
@@ -9968,7 +9990,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     key: 0,
     class: "filter-values"
   };
-  const _hoisted_4$k = { class: "lupa-current-filter-list" };
+  const _hoisted_4$l = { class: "lupa-current-filter-list" };
   const _sfc_main$V = /* @__PURE__ */ defineComponent({
     __name: "CurrentFilters",
     props: {
@@ -10034,7 +10056,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             }, null, 2)) : createCommentVNode("", true)
           ]),
           !_ctx.expandable || isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_3$s, [
-            createBaseVNode("div", _hoisted_4$k, [
+            createBaseVNode("div", _hoisted_4$l, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(unref(displayFilters), (filter) => {
                 return openBlock(), createBlock(_sfc_main$W, {
                   key: filter.key + "_" + filter.value,
@@ -10102,8 +10124,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   };
   const _hoisted_2$A = { class: "lupa-category-back" };
   const _hoisted_3$r = ["href"];
-  const _hoisted_4$j = ["href"];
-  const _hoisted_5$c = { class: "lupa-child-category-list" };
+  const _hoisted_4$k = ["href"];
+  const _hoisted_5$d = { class: "lupa-child-category-list" };
   const _sfc_main$T = /* @__PURE__ */ defineComponent({
     __name: "CategoryFilter",
     props: {
@@ -10207,9 +10229,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               href: parentUrlLink.value,
               class: normalizeClass({ "lupa-title-category": !hasBackButton.value }),
               onClick: handleNavigationParent
-            }, toDisplayString(parentTitle.value), 11, _hoisted_4$j)
+            }, toDisplayString(parentTitle.value), 11, _hoisted_4$k)
           ], 2),
-          createBaseVNode("div", _hoisted_5$c, [
+          createBaseVNode("div", _hoisted_5$d, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(categoryChildren.value, (child) => {
               return openBlock(), createBlock(_sfc_main$U, {
                 key: getCategoryKey(child),
@@ -10228,8 +10250,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   };
   const _hoisted_2$z = ["placeholder"];
   const _hoisted_3$q = { class: "lupa-terms-list" };
-  const _hoisted_4$i = ["onClick"];
-  const _hoisted_5$b = { class: "lupa-term-checkbox-wrapper" };
+  const _hoisted_4$j = ["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 = {
@@ -10325,7 +10347,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                 key: item.title,
                 onClick: ($event) => handleFacetClick(item)
               }, [
-                createBaseVNode("div", _hoisted_5$b, [
+                createBaseVNode("div", _hoisted_5$c, [
                   createBaseVNode("span", {
                     class: normalizeClass(["lupa-term-checkbox", { checked: isChecked(item) }])
                   }, null, 2)
@@ -10334,7 +10356,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                   createBaseVNode("span", _hoisted_7$6, toDisplayString(item.title), 1),
                   _ctx.options.showDocumentCount ? (openBlock(), createElementBlock("span", _hoisted_8$1, "(" + toDisplayString(item.count) + ")", 1)) : createCommentVNode("", true)
                 ])
-              ], 10, _hoisted_4$i);
+              ], 10, _hoisted_4$j);
             }), 128))
           ]),
           displayShowMore.value ? (openBlock(), createElementBlock("div", {
@@ -11334,12 +11356,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     key: 1,
     class: "lupa-stats-facet-summary-input"
   };
-  const _hoisted_4$h = {
+  const _hoisted_4$i = {
     key: 0,
     class: "lupa-stats-range-label"
   };
-  const _hoisted_5$a = { class: "lupa-stats-from" };
-  const _hoisted_6$7 = ["max", "min", "pattern"];
+  const _hoisted_5$b = { class: "lupa-stats-from" };
+  const _hoisted_6$7 = ["max", "min", "pattern", "aria-label"];
   const _hoisted_7$5 = { key: 0 };
   const _hoisted_8 = /* @__PURE__ */ createBaseVNode("div", { class: "lupa-stats-separator" }, null, -1);
   const _hoisted_9 = {
@@ -11347,7 +11369,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     class: "lupa-stats-range-label"
   };
   const _hoisted_10 = { class: "lupa-stats-to" };
-  const _hoisted_11 = ["max", "min", "pattern"];
+  const _hoisted_11 = ["max", "min", "pattern", "aria-label"];
   const _hoisted_12 = { key: 0 };
   const _hoisted_13 = {
     key: 2,
@@ -11475,6 +11497,20 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       const sliderInputFormat = computed(() => {
         return isPrice.value ? `[0-9]+([${separator.value}][0-9]{1,2})?` : void 0;
       });
+      const sliderAria = computed(() => {
+        var _a, _b, _c, _d, _e, _f;
+        return {
+          "aria-label": ((_b = (_a = props.options.stats) == null ? void 0 : _a.labels) == null ? void 0 : _b.sliderDotAriaLabel) ? `${(_d = (_c = props.options.stats) == null ? void 0 : _c.labels) == null ? void 0 : _d.sliderDotAriaLabel} - ${(_e = props.facet) == null ? void 0 : _e.label}` : `Range slider control dot for ${(_f = props.facet) == null ? void 0 : _f.label}`
+        };
+      });
+      const ariaLabelFrom = computed(() => {
+        var _a, _b, _c, _d, _e;
+        return `${(_b = (_a = props.facet) == null ? void 0 : _a.label) != null ? _b : ""} ${(_e = (_d = (_c = props.options.stats) == null ? void 0 : _c.labels) == null ? void 0 : _d.ariaFrom) != null ? _e : rangeLabelFrom.value}`;
+      });
+      const ariaLabelTo = computed(() => {
+        var _a, _b, _c, _d, _e;
+        return `${(_b = (_a = props.facet) == null ? void 0 : _a.label) != null ? _b : ""} ${(_e = (_d = (_c = props.options.stats) == null ? void 0 : _c.labels) == null ? void 0 : _d.ariaTo) != null ? _e : rangeLabelTo.value}`;
+      });
       watch(currentMinValue, () => {
         innerSliderRange.value = [];
       });
@@ -11504,15 +11540,16 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         return openBlock(), createElementBlock("div", _hoisted_1$O, [
           !isInputVisible.value ? (openBlock(), createElementBlock("div", _hoisted_2$y, toDisplayString(statsSummary.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$p, [
             createBaseVNode("div", null, [
-              rangeLabelFrom.value ? (openBlock(), createElementBlock("div", _hoisted_4$h, toDisplayString(rangeLabelFrom.value), 1)) : createCommentVNode("", true),
-              createBaseVNode("div", _hoisted_5$a, [
+              rangeLabelFrom.value ? (openBlock(), createElementBlock("div", _hoisted_4$i, toDisplayString(rangeLabelFrom.value), 1)) : createCommentVNode("", true),
+              createBaseVNode("div", _hoisted_5$b, [
                 withDirectives(createBaseVNode("input", {
                   "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => fromValue.value = $event),
                   type: "text",
                   maxlength: "8",
                   max: facetMax.value,
                   min: facetMin.value,
-                  pattern: sliderInputFormat.value
+                  pattern: sliderInputFormat.value,
+                  "aria-label": ariaLabelFrom.value
                 }, null, 8, _hoisted_6$7), [
                   [
                     vModelText,
@@ -11534,7 +11571,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                   maxlength: "8",
                   max: facetMax.value,
                   min: facetMin.value,
-                  pattern: sliderInputFormat.value
+                  pattern: sliderInputFormat.value,
+                  "aria-label": ariaLabelTo.value
                 }, null, 8, _hoisted_11), [
                   [
                     vModelText,
@@ -11555,11 +11593,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               max: facetMax.value,
               lazy: true,
               step: interval.value,
+              aria: sliderAria.value,
               modelValue: sliderRange.value,
               "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => sliderRange.value = $event),
               onSlide: handleDragging,
               onEnd: handleChange
-            }, null, 8, ["min", "max", "step", "modelValue"])
+            }, null, 8, ["min", "max", "step", "aria", "modelValue"])
           ])) : createCommentVNode("", true)
         ]);
       };
@@ -11568,11 +11607,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   const _hoisted_1$N = { class: "lupa-term-checkbox-wrapper" };
   const _hoisted_2$x = { class: "lupa-term-checkbox-label" };
   const _hoisted_3$o = { class: "lupa-term-label" };
-  const _hoisted_4$g = {
+  const _hoisted_4$h = {
     key: 0,
     class: "lupa-term-count"
   };
-  const _hoisted_5$9 = {
+  const _hoisted_5$a = {
     key: 0,
     class: "lupa-facet-level"
   };
@@ -11629,10 +11668,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             ]),
             createBaseVNode("div", _hoisted_2$x, [
               createBaseVNode("span", _hoisted_3$o, toDisplayString(_ctx.item.title) + toDisplayString(" "), 1),
-              _ctx.options.showDocumentCount ? (openBlock(), createElementBlock("span", _hoisted_4$g, "(" + toDisplayString(_ctx.item.count) + ")", 1)) : createCommentVNode("", true)
+              _ctx.options.showDocumentCount ? (openBlock(), createElementBlock("span", _hoisted_4$h, "(" + toDisplayString(_ctx.item.count) + ")", 1)) : createCommentVNode("", true)
             ])
           ]),
-          showChildren.value ? (openBlock(), createElementBlock("div", _hoisted_5$9, [
+          showChildren.value ? (openBlock(), createElementBlock("div", _hoisted_5$a, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(treeItem.value.children, (itemChild) => {
               return openBlock(), createBlock(_component_HierarchyFacetLevel, {
                 key: itemChild.title,
@@ -12065,8 +12104,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   };
   const _hoisted_2$t = ["onClick"];
   const _hoisted_3$m = { class: "lupa-mobile-sidebar-content" };
-  const _hoisted_4$f = { class: "lupa-sidebar-top" };
-  const _hoisted_5$8 = { class: "lupa-sidebar-title" };
+  const _hoisted_4$g = { class: "lupa-sidebar-top" };
+  const _hoisted_5$9 = { class: "lupa-sidebar-title" };
   const _hoisted_6$6 = {
     key: 0,
     class: "lupa-sidebar-filter-count"
@@ -12104,8 +12143,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             onClick: withModifiers(handleMobileToggle, ["stop"])
           }, null, 8, _hoisted_2$t),
           createBaseVNode("div", _hoisted_3$m, [
-            createBaseVNode("div", _hoisted_4$f, [
-              createBaseVNode("div", _hoisted_5$8, [
+            createBaseVNode("div", _hoisted_4$g, [
+              createBaseVNode("div", _hoisted_5$9, [
                 createTextVNode(toDisplayString(sidebarTitle.value) + " ", 1),
                 isFilterCountVisible.value ? (openBlock(), createElementBlock("span", _hoisted_6$6, toDisplayString(unref(currentFilterCount)), 1)) : createCommentVNode("", true)
               ]),
@@ -12131,7 +12170,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     key: 1,
     class: "lupa-search-results-breadcrumb-text"
   };
-  const _hoisted_4$e = { key: 2 };
+  const _hoisted_4$f = { key: 2 };
   const _sfc_main$J = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsBreadcrumbs",
     props: {
@@ -12172,7 +12211,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                   return handleNavigation(e, (_a = breadcrumb == null ? void 0 : breadcrumb.link) != null ? _a : "");
                 }
               }, toDisplayString(getLabel(breadcrumb.label)), 9, _hoisted_2$s)) : (openBlock(), createElementBlock("span", _hoisted_3$l, toDisplayString(getLabel(breadcrumb.label)), 1)),
-              index < breadcrumbsValue.value.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_4$e, " / ")) : createCommentVNode("", true)
+              index < breadcrumbsValue.value.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_4$f, " / ")) : createCommentVNode("", true)
             ]);
           }), 128))
         ]);
@@ -12273,7 +12312,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     class: "lupa-page-number-separator"
   };
   const _hoisted_3$k = ["onClick"];
-  const _hoisted_4$d = {
+  const _hoisted_4$e = {
     key: 0,
     class: "lupa-page-number-separator"
   };
@@ -12364,7 +12403,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             }, toDisplayString(page), 11, _hoisted_3$k);
           }), 128)),
           showLastPage.value ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-            showLastPageSeparator.value ? (openBlock(), createElementBlock("div", _hoisted_4$d, "...")) : createCommentVNode("", true),
+            showLastPageSeparator.value ? (openBlock(), createElementBlock("div", _hoisted_4$e, "...")) : createCommentVNode("", true),
             createBaseVNode("div", {
               class: "lupa-page-number lupa-page-number-last",
               onClick: _cache[2] || (_cache[2] = () => {
@@ -12389,6 +12428,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   };
   const _hoisted_2$q = { id: "lupa-select" };
   const _hoisted_3$j = { class: "lupa-select-label" };
+  const _hoisted_4$d = ["aria-label"];
   const _sfc_main$E = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsPageSize",
     props: {
@@ -12411,6 +12451,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             createBaseVNode("label", _hoisted_3$j, toDisplayString(_ctx.label), 1),
             createBaseVNode("select", {
               class: "lupa-select-dropdown",
+              "aria-label": _ctx.label,
               "data-cy": "lupa-page-size-select-dropdown",
               onChange: handleSelect,
               ref_key: "select",
@@ -12419,7 +12460,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options.sizes, (option) => {
                 return openBlock(), createElementBlock("option", { key: option }, toDisplayString(option), 1);
               }), 128))
-            ], 544)
+            ], 40, _hoisted_4$d)
           ])
         ]);
       };
@@ -12431,7 +12472,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   };
   const _hoisted_2$p = { id: "lupa-select" };
   const _hoisted_3$i = { class: "lupa-select-label" };
-  const _hoisted_4$c = ["value"];
+  const _hoisted_4$c = ["aria-label"];
+  const _hoisted_5$8 = ["value"];
   const _sfc_main$D = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsSort",
     props: {
@@ -12485,6 +12527,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             createBaseVNode("label", _hoisted_3$i, toDisplayString(_ctx.options.label), 1),
             withDirectives(createBaseVNode("select", {
               class: "lupa-select-dropdown",
+              "aria-label": _ctx.options.label,
               "data-cy": "lupa-sort-select-dropdown",
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedKey.value = $event),
               onChange: handleSelect,
@@ -12494,9 +12537,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                 return openBlock(), createElementBlock("option", {
                   key: option.key,
                   value: option.key
-                }, toDisplayString(option.label), 9, _hoisted_4$c);
+                }, toDisplayString(option.label), 9, _hoisted_5$8);
               }), 128))
-            ], 544), [
+            ], 40, _hoisted_4$c), [
               [vModelSelect, selectedKey.value]
             ])
           ])