@getlupa/client 1.21.0 → 1.21.1

package/dist/lupaSearch.iife.js

@@ -18100,6 +18100,10 @@ var __async = (__this, __arguments, generator) => {
         return (_b25 = (_a25 = currentResolutionPageSizes.value) == null ? void 0 : _a25[0]) != null ? _b25 : DEFAULT_PAGE_SIZE;
       }
     );
+    const ariaLabels = computed(() => {
+      var _a25, _b25;
+      return (_b25 = (_a25 = searchResultOptions.value.labels) == null ? void 0 : _a25.aria) != null ? _b25 : {};
+    });
     const currentResolutionPageSizes = computed(() => {
       var _a25, _b25, _c, _d;
       const pageSizes = (_d = (_c = (_b25 = (_a25 = searchResultOptions.value) == null ? void 0 : _a25.pagination) == null ? void 0 : _b25.sizeSelection) == null ? void 0 : _c.sizes) != null ? _d : DEFAULT_PAGE_SIZE_SELECTION;
@@ -18155,6 +18159,7 @@ var __async = (__this, __arguments, generator) => {
       defaultSearchResultPageSize,
       currentResolutionPageSizes,
       productRecommendationOptions,
+      ariaLabels,
       setSearchBoxOptions,
       setTrackingOptions,
       setSearchResultOptions,
@@ -19767,6 +19772,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$u = { class: "lupa-mic-button-wrapper" };
+  const _hoisted_5$l = ["aria-label"];
   const _sfc_main$1z = /* @__PURE__ */ defineComponent({
     __name: "VoiceSearchDialog",
     props: {
@@ -19870,6 +19876,7 @@ var __async = (__this, __arguments, generator) => {
         reset: dialogReset
       });
       return (_ctx, _cache) => {
+        var _a25, _b25;
         return openBlock(), createElementBlock("div", null, [
           props.isOpen ? (openBlock(), createElementBlock("div", _hoisted_1$1l, [
             createBaseVNode("button", {
@@ -19881,8 +19888,10 @@ var __async = (__this, __arguments, generator) => {
               createBaseVNode("div", _hoisted_4$u, [
                 createBaseVNode("button", {
                   class: normalizeClass(["lupa-mic-button", { recording: unref(isRecording) }]),
-                  onClick: handleRecordingButtonClick
-                }, null, 2),
+                  onClick: handleRecordingButtonClick,
+                  "aria-controls": "voice-search-microphone",
+                  "aria-label": ((_b25 = (_a25 = labels.value) == null ? void 0 : _a25.aria) == null ? void 0 : _b25.microphone) || "Toggle microphone"
+                }, null, 10, _hoisted_5$l),
                 createVNode(_sfc_main$1A, {
                   ref_key: "voiceSearchProgressBar",
                   ref: voiceSearchProgressBar,
@@ -19908,6 +19917,7 @@ var __async = (__this, __arguments, generator) => {
     class: "lupa-close-label"
   };
   const _hoisted_7$5 = { key: 1 };
+  const _hoisted_8$3 = ["aria-label"];
   const _sfc_main$1y = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxInput",
     props: {
@@ -19963,6 +19973,10 @@ var __async = (__this, __arguments, generator) => {
         var _a25;
         return (_a25 = labels.value.searchInputAriaLabel) != null ? _a25 : "Search input";
       });
+      const voiceSearchAriaLabel = computed(() => {
+        var _a25, _b25, _c, _d;
+        return (_d = (_c = (_b25 = (_a25 = props.options.voiceSearch) == null ? void 0 : _a25.labels) == null ? void 0 : _b25.aria) == null ? void 0 : _c.openDialog) != null ? _d : "Open voice search dialog";
+      });
       onMounted(() => {
         document.addEventListener("click", handleClickOutsideVoiceDialogOverlay);
       });
@@ -20083,8 +20097,11 @@ var __async = (__this, __arguments, generator) => {
           isVoiceSearchEnabled.value ? (openBlock(), createElementBlock("div", _hoisted_7$5, [
             createBaseVNode("button", {
               onClick: openVoiceSearchDialog,
-              class: "lupa-voice-search-button"
-            })
+              class: "lupa-voice-search-button",
+              "aria-haspopup": "dialog",
+              "aria-controls": "voice-search-dialog",
+              "aria-label": voiceSearchAriaLabel.value
+            }, null, 8, _hoisted_8$3)
           ])) : createCommentVNode("", true),
           isVoiceSearchEnabled.value ? (openBlock(), createBlock(_sfc_main$1z, {
             key: 2,
@@ -34379,12 +34396,12 @@ and ensure you are accounting for this risk.
           }), 128)),
           itemLimit.value < filteredValues.value.length ? (openBlock(), createElementBlock("div", {
             key: 1,
-            class: normalizeClass(["lupa-facet-term lupa-show-more-facet-results", { "lupa-show-less-facet-results": showAll.value }]),
+            class: "lupa-facet-term lupa-show-more-facet-results",
             "data-cy": "lupa-facet-term",
             onClick: handleShowAll
-          }, toDisplayString(_ctx.options.labels.showAll), 3)) : showAll.value ? (openBlock(), createElementBlock("div", {
+          }, toDisplayString(_ctx.options.labels.showAll), 1)) : showAll.value ? (openBlock(), createElementBlock("div", {
             key: 2,
-            class: "lupa-facet-term lupa-show-more-facet-results",
+            class: "lupa-facet-term lupa-show-more-facet-results lupa-show-less-facet-results",
             onClick: handleCancelShowAll
           }, toDisplayString(_ctx.options.labels.showLess), 1)) : createCommentVNode("", true)
         ]);
@@ -35222,7 +35239,10 @@ and ensure you are accounting for this risk.
     "data-cy": "lupa-search-results-page-size"
   };
   const _hoisted_2$t = { id: "lupa-select" };
-  const _hoisted_3$l = { class: "lupa-select-label" };
+  const _hoisted_3$l = {
+    class: "lupa-select-label",
+    for: "lupa-page-size-select-dropdown"
+  };
   const _hoisted_4$d = ["aria-label"];
   const _hoisted_5$a = ["value"];
   const _sfc_main$H = /* @__PURE__ */ defineComponent({
@@ -35235,6 +35255,7 @@ and ensure you are accounting for this risk.
       const props = __props;
       const paramsStore = useParamsStore();
       const optionsStore = useOptionsStore();
+      const { ariaLabels } = storeToRefs(optionsStore);
       const select = ref(null);
       const prefixLabel = computed(() => {
         var _a25, _b25;
@@ -35253,12 +35274,14 @@ and ensure you are accounting for this risk.
         });
       };
       return (_ctx, _cache) => {
+        var _a25, _b25, _c;
         return openBlock(), createElementBlock("div", _hoisted_1$C, [
           createBaseVNode("div", _hoisted_2$t, [
             createBaseVNode("label", _hoisted_3$l, toDisplayString(label.value), 1),
             createBaseVNode("select", {
+              id: "lupa-page-size-select-dropdown",
               class: "lupa-select-dropdown",
-              "aria-label": label.value,
+              "aria-label": (_c = (_b25 = (_a25 = unref(ariaLabels)) == null ? void 0 : _a25.pageSizeSelect) != null ? _b25 : label.value) != null ? _c : "Select page size",
               "data-cy": "lupa-page-size-select-dropdown",
               onChange: handleSelect,
               ref_key: "select",
@@ -35281,7 +35304,10 @@ and ensure you are accounting for this risk.
     class: "lupa-search-results-sort"
   };
   const _hoisted_2$s = { id: "lupa-select" };
-  const _hoisted_3$k = { class: "lupa-select-label" };
+  const _hoisted_3$k = {
+    class: "lupa-select-label",
+    for: "lupa-sort-select-dropdown"
+  };
   const _hoisted_4$c = ["aria-label"];
   const _hoisted_5$9 = ["value"];
   const _sfc_main$G = /* @__PURE__ */ defineComponent({
@@ -35295,6 +35321,7 @@ and ensure you are accounting for this risk.
       const paramStore = useParamsStore();
       const optionStore = useOptionsStore();
       const { sort } = storeToRefs(paramStore);
+      const { ariaLabels } = storeToRefs(optionStore);
       const selectedKey = ref("");
       const previousKey = ref("");
       const sortItems = computed(() => {
@@ -35333,12 +35360,14 @@ and ensure you are accounting for this risk.
         previousKey.value = selectedKey.value;
       };
       return (_ctx, _cache) => {
+        var _a25, _b25;
         return openBlock(), createElementBlock("div", _hoisted_1$B, [
           createBaseVNode("div", _hoisted_2$s, [
             createBaseVNode("label", _hoisted_3$k, toDisplayString(_ctx.options.label), 1),
             withDirectives(createBaseVNode("select", {
+              id: "lupa-sort-select-dropdown",
               class: "lupa-select-dropdown",
-              "aria-label": _ctx.options.label,
+              "aria-label": (_b25 = (_a25 = unref(ariaLabels)) == null ? void 0 : _a25.sortBySelect) != null ? _b25 : _ctx.options.label,
               "data-cy": "lupa-sort-select-dropdown",
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedKey.value = $event),
               onChange: handleSelect,
@@ -39658,6 +39687,10 @@ and ensure you are accounting for this risk.
       const itemId = computed(() => {
         return typeof props.options.itemId === "string" || typeof props.options.itemId === "number" || Array.isArray(props.options.itemId) ? props.options.itemId : extractValue(props.options.itemId);
       });
+      const wrapAround = computed(() => {
+        var _a25, _b25;
+        return (_b25 = (_a25 = carouselOptions.value) == null ? void 0 : _a25.wrapAround) != null ? _b25 : true;
+      });
       const loadLupaRecommendations = () => __async2(null, null, function* () {
         var _a25, _b25;
         recommendationsType.value = "recommendations_lupasearch";
@@ -39692,7 +39725,7 @@ and ensure you are accounting for this risk.
           hasRecommendations.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
             title.value ? (openBlock(), createElementBlock("h2", _hoisted_1$9, toDisplayString(title.value), 1)) : createCommentVNode("", true),
             !loading.value ? (openBlock(), createElementBlock("div", _hoisted_2$6, [
-              layoutType.value === "carousel" ? (openBlock(), createBlock(unref(Carousel), mergeProps({ key: 0 }, carouselOptions.value, { "wrap-around": true }), {
+              layoutType.value === "carousel" ? (openBlock(), createBlock(unref(Carousel), mergeProps({ key: 0 }, carouselOptions.value, { "wrap-around": wrapAround.value }), {
                 addons: withCtx(() => [
                   createVNode(unref(Navigation))
                 ]),
@@ -39715,7 +39748,7 @@ and ensure you are accounting for this risk.
                   }), 128))
                 ]),
                 _: 1
-              }, 16)) : (openBlock(), createElementBlock("div", _hoisted_3$3, [
+              }, 16, ["wrap-around"])) : (openBlock(), createElementBlock("div", _hoisted_3$3, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(recommendations2.value, (product, index) => {
                   return openBlock(), createBlock(_sfc_main$t, {
                     style: normalizeStyle(columnSize.value),

package/dist/lupaSearch.js

@@ -18100,6 +18100,10 @@ const useOptionsStore = /* @__PURE__ */ defineStore("options", () => {
       return (_b25 = (_a25 = currentResolutionPageSizes.value) == null ? void 0 : _a25[0]) != null ? _b25 : DEFAULT_PAGE_SIZE;
     }
   );
+  const ariaLabels = computed(() => {
+    var _a25, _b25;
+    return (_b25 = (_a25 = searchResultOptions.value.labels) == null ? void 0 : _a25.aria) != null ? _b25 : {};
+  });
   const currentResolutionPageSizes = computed(() => {
     var _a25, _b25, _c, _d;
     const pageSizes = (_d = (_c = (_b25 = (_a25 = searchResultOptions.value) == null ? void 0 : _a25.pagination) == null ? void 0 : _b25.sizeSelection) == null ? void 0 : _c.sizes) != null ? _d : DEFAULT_PAGE_SIZE_SELECTION;
@@ -18155,6 +18159,7 @@ const useOptionsStore = /* @__PURE__ */ defineStore("options", () => {
     defaultSearchResultPageSize,
     currentResolutionPageSizes,
     productRecommendationOptions,
+    ariaLabels,
     setSearchBoxOptions,
     setTrackingOptions,
     setSearchResultOptions,
@@ -19767,6 +19772,7 @@ const _hoisted_1$1l = {
 const _hoisted_2$W = { class: "lupa-dialog-content" };
 const _hoisted_3$E = { class: "lupa-listening-text" };
 const _hoisted_4$u = { class: "lupa-mic-button-wrapper" };
+const _hoisted_5$l = ["aria-label"];
 const _sfc_main$1z = /* @__PURE__ */ defineComponent({
   __name: "VoiceSearchDialog",
   props: {
@@ -19870,6 +19876,7 @@ const _sfc_main$1z = /* @__PURE__ */ defineComponent({
       reset: dialogReset
     });
     return (_ctx, _cache) => {
+      var _a25, _b25;
       return openBlock(), createElementBlock("div", null, [
         props.isOpen ? (openBlock(), createElementBlock("div", _hoisted_1$1l, [
           createBaseVNode("button", {
@@ -19881,8 +19888,10 @@ const _sfc_main$1z = /* @__PURE__ */ defineComponent({
             createBaseVNode("div", _hoisted_4$u, [
               createBaseVNode("button", {
                 class: normalizeClass(["lupa-mic-button", { recording: unref(isRecording) }]),
-                onClick: handleRecordingButtonClick
-              }, null, 2),
+                onClick: handleRecordingButtonClick,
+                "aria-controls": "voice-search-microphone",
+                "aria-label": ((_b25 = (_a25 = labels.value) == null ? void 0 : _a25.aria) == null ? void 0 : _b25.microphone) || "Toggle microphone"
+              }, null, 10, _hoisted_5$l),
               createVNode(_sfc_main$1A, {
                 ref_key: "voiceSearchProgressBar",
                 ref: voiceSearchProgressBar,
@@ -19908,6 +19917,7 @@ const _hoisted_6$8 = {
   class: "lupa-close-label"
 };
 const _hoisted_7$5 = { key: 1 };
+const _hoisted_8$3 = ["aria-label"];
 const _sfc_main$1y = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxInput",
   props: {
@@ -19963,6 +19973,10 @@ const _sfc_main$1y = /* @__PURE__ */ defineComponent({
       var _a25;
       return (_a25 = labels.value.searchInputAriaLabel) != null ? _a25 : "Search input";
     });
+    const voiceSearchAriaLabel = computed(() => {
+      var _a25, _b25, _c, _d;
+      return (_d = (_c = (_b25 = (_a25 = props.options.voiceSearch) == null ? void 0 : _a25.labels) == null ? void 0 : _b25.aria) == null ? void 0 : _c.openDialog) != null ? _d : "Open voice search dialog";
+    });
     onMounted(() => {
       document.addEventListener("click", handleClickOutsideVoiceDialogOverlay);
     });
@@ -20083,8 +20097,11 @@ const _sfc_main$1y = /* @__PURE__ */ defineComponent({
         isVoiceSearchEnabled.value ? (openBlock(), createElementBlock("div", _hoisted_7$5, [
           createBaseVNode("button", {
             onClick: openVoiceSearchDialog,
-            class: "lupa-voice-search-button"
-          })
+            class: "lupa-voice-search-button",
+            "aria-haspopup": "dialog",
+            "aria-controls": "voice-search-dialog",
+            "aria-label": voiceSearchAriaLabel.value
+          }, null, 8, _hoisted_8$3)
         ])) : createCommentVNode("", true),
         isVoiceSearchEnabled.value ? (openBlock(), createBlock(_sfc_main$1z, {
           key: 2,
@@ -34379,12 +34396,12 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
         }), 128)),
         itemLimit.value < filteredValues.value.length ? (openBlock(), createElementBlock("div", {
           key: 1,
-          class: normalizeClass(["lupa-facet-term lupa-show-more-facet-results", { "lupa-show-less-facet-results": showAll.value }]),
+          class: "lupa-facet-term lupa-show-more-facet-results",
           "data-cy": "lupa-facet-term",
           onClick: handleShowAll
-        }, toDisplayString(_ctx.options.labels.showAll), 3)) : showAll.value ? (openBlock(), createElementBlock("div", {
+        }, toDisplayString(_ctx.options.labels.showAll), 1)) : showAll.value ? (openBlock(), createElementBlock("div", {
           key: 2,
-          class: "lupa-facet-term lupa-show-more-facet-results",
+          class: "lupa-facet-term lupa-show-more-facet-results lupa-show-less-facet-results",
           onClick: handleCancelShowAll
         }, toDisplayString(_ctx.options.labels.showLess), 1)) : createCommentVNode("", true)
       ]);
@@ -35222,7 +35239,10 @@ const _hoisted_1$C = {
   "data-cy": "lupa-search-results-page-size"
 };
 const _hoisted_2$t = { id: "lupa-select" };
-const _hoisted_3$l = { class: "lupa-select-label" };
+const _hoisted_3$l = {
+  class: "lupa-select-label",
+  for: "lupa-page-size-select-dropdown"
+};
 const _hoisted_4$d = ["aria-label"];
 const _hoisted_5$a = ["value"];
 const _sfc_main$H = /* @__PURE__ */ defineComponent({
@@ -35235,6 +35255,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     const props = __props;
     const paramsStore = useParamsStore();
     const optionsStore = useOptionsStore();
+    const { ariaLabels } = storeToRefs(optionsStore);
     const select = ref(null);
     const prefixLabel = computed(() => {
       var _a25, _b25;
@@ -35253,12 +35274,14 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
       });
     };
     return (_ctx, _cache) => {
+      var _a25, _b25, _c;
       return openBlock(), createElementBlock("div", _hoisted_1$C, [
         createBaseVNode("div", _hoisted_2$t, [
           createBaseVNode("label", _hoisted_3$l, toDisplayString(label.value), 1),
           createBaseVNode("select", {
+            id: "lupa-page-size-select-dropdown",
             class: "lupa-select-dropdown",
-            "aria-label": label.value,
+            "aria-label": (_c = (_b25 = (_a25 = unref(ariaLabels)) == null ? void 0 : _a25.pageSizeSelect) != null ? _b25 : label.value) != null ? _c : "Select page size",
             "data-cy": "lupa-page-size-select-dropdown",
             onChange: handleSelect,
             ref_key: "select",
@@ -35281,7 +35304,10 @@ const _hoisted_1$B = {
   class: "lupa-search-results-sort"
 };
 const _hoisted_2$s = { id: "lupa-select" };
-const _hoisted_3$k = { class: "lupa-select-label" };
+const _hoisted_3$k = {
+  class: "lupa-select-label",
+  for: "lupa-sort-select-dropdown"
+};
 const _hoisted_4$c = ["aria-label"];
 const _hoisted_5$9 = ["value"];
 const _sfc_main$G = /* @__PURE__ */ defineComponent({
@@ -35295,6 +35321,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     const paramStore = useParamsStore();
     const optionStore = useOptionsStore();
     const { sort } = storeToRefs(paramStore);
+    const { ariaLabels } = storeToRefs(optionStore);
     const selectedKey = ref("");
     const previousKey = ref("");
     const sortItems = computed(() => {
@@ -35333,12 +35360,14 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
       previousKey.value = selectedKey.value;
     };
     return (_ctx, _cache) => {
+      var _a25, _b25;
       return openBlock(), createElementBlock("div", _hoisted_1$B, [
         createBaseVNode("div", _hoisted_2$s, [
           createBaseVNode("label", _hoisted_3$k, toDisplayString(_ctx.options.label), 1),
           withDirectives(createBaseVNode("select", {
+            id: "lupa-sort-select-dropdown",
             class: "lupa-select-dropdown",
-            "aria-label": _ctx.options.label,
+            "aria-label": (_b25 = (_a25 = unref(ariaLabels)) == null ? void 0 : _a25.sortBySelect) != null ? _b25 : _ctx.options.label,
             "data-cy": "lupa-sort-select-dropdown",
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedKey.value = $event),
             onChange: handleSelect,
@@ -39658,6 +39687,10 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     const itemId = computed(() => {
       return typeof props.options.itemId === "string" || typeof props.options.itemId === "number" || Array.isArray(props.options.itemId) ? props.options.itemId : extractValue(props.options.itemId);
     });
+    const wrapAround = computed(() => {
+      var _a25, _b25;
+      return (_b25 = (_a25 = carouselOptions.value) == null ? void 0 : _a25.wrapAround) != null ? _b25 : true;
+    });
     const loadLupaRecommendations = () => __async2(null, null, function* () {
       var _a25, _b25;
       recommendationsType.value = "recommendations_lupasearch";
@@ -39692,7 +39725,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
         hasRecommendations.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
           title.value ? (openBlock(), createElementBlock("h2", _hoisted_1$9, toDisplayString(title.value), 1)) : createCommentVNode("", true),
           !loading.value ? (openBlock(), createElementBlock("div", _hoisted_2$6, [
-            layoutType.value === "carousel" ? (openBlock(), createBlock(unref(Carousel), mergeProps({ key: 0 }, carouselOptions.value, { "wrap-around": true }), {
+            layoutType.value === "carousel" ? (openBlock(), createBlock(unref(Carousel), mergeProps({ key: 0 }, carouselOptions.value, { "wrap-around": wrapAround.value }), {
               addons: withCtx(() => [
                 createVNode(unref(Navigation))
               ]),
@@ -39715,7 +39748,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                 }), 128))
               ]),
               _: 1
-            }, 16)) : (openBlock(), createElementBlock("div", _hoisted_3$3, [
+            }, 16, ["wrap-around"])) : (openBlock(), createElementBlock("div", _hoisted_3$3, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(recommendations2.value, (product, index) => {
                 return openBlock(), createBlock(_sfc_main$t, {
                   style: normalizeStyle(columnSize.value),

package/dist/lupaSearch.mjs

@@ -18098,6 +18098,10 @@ const useOptionsStore = /* @__PURE__ */ defineStore("options", () => {
       return (_b25 = (_a25 = currentResolutionPageSizes.value) == null ? void 0 : _a25[0]) != null ? _b25 : DEFAULT_PAGE_SIZE;
     }
   );
+  const ariaLabels = computed(() => {
+    var _a25, _b25;
+    return (_b25 = (_a25 = searchResultOptions.value.labels) == null ? void 0 : _a25.aria) != null ? _b25 : {};
+  });
   const currentResolutionPageSizes = computed(() => {
     var _a25, _b25, _c, _d;
     const pageSizes = (_d = (_c = (_b25 = (_a25 = searchResultOptions.value) == null ? void 0 : _a25.pagination) == null ? void 0 : _b25.sizeSelection) == null ? void 0 : _c.sizes) != null ? _d : DEFAULT_PAGE_SIZE_SELECTION;
@@ -18153,6 +18157,7 @@ const useOptionsStore = /* @__PURE__ */ defineStore("options", () => {
     defaultSearchResultPageSize,
     currentResolutionPageSizes,
     productRecommendationOptions,
+    ariaLabels,
     setSearchBoxOptions,
     setTrackingOptions,
     setSearchResultOptions,
@@ -19765,6 +19770,7 @@ const _hoisted_1$1l = {
 const _hoisted_2$W = { class: "lupa-dialog-content" };
 const _hoisted_3$E = { class: "lupa-listening-text" };
 const _hoisted_4$u = { class: "lupa-mic-button-wrapper" };
+const _hoisted_5$l = ["aria-label"];
 const _sfc_main$1z = /* @__PURE__ */ defineComponent({
   __name: "VoiceSearchDialog",
   props: {
@@ -19868,6 +19874,7 @@ const _sfc_main$1z = /* @__PURE__ */ defineComponent({
       reset: dialogReset
     });
     return (_ctx, _cache) => {
+      var _a25, _b25;
       return openBlock(), createElementBlock("div", null, [
         props.isOpen ? (openBlock(), createElementBlock("div", _hoisted_1$1l, [
           createBaseVNode("button", {
@@ -19879,8 +19886,10 @@ const _sfc_main$1z = /* @__PURE__ */ defineComponent({
             createBaseVNode("div", _hoisted_4$u, [
               createBaseVNode("button", {
                 class: normalizeClass(["lupa-mic-button", { recording: unref(isRecording) }]),
-                onClick: handleRecordingButtonClick
-              }, null, 2),
+                onClick: handleRecordingButtonClick,
+                "aria-controls": "voice-search-microphone",
+                "aria-label": ((_b25 = (_a25 = labels.value) == null ? void 0 : _a25.aria) == null ? void 0 : _b25.microphone) || "Toggle microphone"
+              }, null, 10, _hoisted_5$l),
               createVNode(_sfc_main$1A, {
                 ref_key: "voiceSearchProgressBar",
                 ref: voiceSearchProgressBar,
@@ -19906,6 +19915,7 @@ const _hoisted_6$8 = {
   class: "lupa-close-label"
 };
 const _hoisted_7$5 = { key: 1 };
+const _hoisted_8$3 = ["aria-label"];
 const _sfc_main$1y = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxInput",
   props: {
@@ -19961,6 +19971,10 @@ const _sfc_main$1y = /* @__PURE__ */ defineComponent({
       var _a25;
       return (_a25 = labels.value.searchInputAriaLabel) != null ? _a25 : "Search input";
     });
+    const voiceSearchAriaLabel = computed(() => {
+      var _a25, _b25, _c, _d;
+      return (_d = (_c = (_b25 = (_a25 = props.options.voiceSearch) == null ? void 0 : _a25.labels) == null ? void 0 : _b25.aria) == null ? void 0 : _c.openDialog) != null ? _d : "Open voice search dialog";
+    });
     onMounted(() => {
       document.addEventListener("click", handleClickOutsideVoiceDialogOverlay);
     });
@@ -20081,8 +20095,11 @@ const _sfc_main$1y = /* @__PURE__ */ defineComponent({
         isVoiceSearchEnabled.value ? (openBlock(), createElementBlock("div", _hoisted_7$5, [
           createBaseVNode("button", {
             onClick: openVoiceSearchDialog,
-            class: "lupa-voice-search-button"
-          })
+            class: "lupa-voice-search-button",
+            "aria-haspopup": "dialog",
+            "aria-controls": "voice-search-dialog",
+            "aria-label": voiceSearchAriaLabel.value
+          }, null, 8, _hoisted_8$3)
         ])) : createCommentVNode("", true),
         isVoiceSearchEnabled.value ? (openBlock(), createBlock(_sfc_main$1z, {
           key: 2,
@@ -34377,12 +34394,12 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
         }), 128)),
         itemLimit.value < filteredValues.value.length ? (openBlock(), createElementBlock("div", {
           key: 1,
-          class: normalizeClass(["lupa-facet-term lupa-show-more-facet-results", { "lupa-show-less-facet-results": showAll.value }]),
+          class: "lupa-facet-term lupa-show-more-facet-results",
           "data-cy": "lupa-facet-term",
           onClick: handleShowAll
-        }, toDisplayString(_ctx.options.labels.showAll), 3)) : showAll.value ? (openBlock(), createElementBlock("div", {
+        }, toDisplayString(_ctx.options.labels.showAll), 1)) : showAll.value ? (openBlock(), createElementBlock("div", {
           key: 2,
-          class: "lupa-facet-term lupa-show-more-facet-results",
+          class: "lupa-facet-term lupa-show-more-facet-results lupa-show-less-facet-results",
           onClick: handleCancelShowAll
         }, toDisplayString(_ctx.options.labels.showLess), 1)) : createCommentVNode("", true)
       ]);
@@ -35220,7 +35237,10 @@ const _hoisted_1$C = {
   "data-cy": "lupa-search-results-page-size"
 };
 const _hoisted_2$t = { id: "lupa-select" };
-const _hoisted_3$l = { class: "lupa-select-label" };
+const _hoisted_3$l = {
+  class: "lupa-select-label",
+  for: "lupa-page-size-select-dropdown"
+};
 const _hoisted_4$d = ["aria-label"];
 const _hoisted_5$a = ["value"];
 const _sfc_main$H = /* @__PURE__ */ defineComponent({
@@ -35233,6 +35253,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     const props = __props;
     const paramsStore = useParamsStore();
     const optionsStore = useOptionsStore();
+    const { ariaLabels } = storeToRefs(optionsStore);
     const select = ref(null);
     const prefixLabel = computed(() => {
       var _a25, _b25;
@@ -35251,12 +35272,14 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
       });
     };
     return (_ctx, _cache) => {
+      var _a25, _b25, _c;
       return openBlock(), createElementBlock("div", _hoisted_1$C, [
         createBaseVNode("div", _hoisted_2$t, [
           createBaseVNode("label", _hoisted_3$l, toDisplayString(label.value), 1),
           createBaseVNode("select", {
+            id: "lupa-page-size-select-dropdown",
             class: "lupa-select-dropdown",
-            "aria-label": label.value,
+            "aria-label": (_c = (_b25 = (_a25 = unref(ariaLabels)) == null ? void 0 : _a25.pageSizeSelect) != null ? _b25 : label.value) != null ? _c : "Select page size",
             "data-cy": "lupa-page-size-select-dropdown",
             onChange: handleSelect,
             ref_key: "select",
@@ -35279,7 +35302,10 @@ const _hoisted_1$B = {
   class: "lupa-search-results-sort"
 };
 const _hoisted_2$s = { id: "lupa-select" };
-const _hoisted_3$k = { class: "lupa-select-label" };
+const _hoisted_3$k = {
+  class: "lupa-select-label",
+  for: "lupa-sort-select-dropdown"
+};
 const _hoisted_4$c = ["aria-label"];
 const _hoisted_5$9 = ["value"];
 const _sfc_main$G = /* @__PURE__ */ defineComponent({
@@ -35293,6 +35319,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     const paramStore = useParamsStore();
     const optionStore = useOptionsStore();
     const { sort } = storeToRefs(paramStore);
+    const { ariaLabels } = storeToRefs(optionStore);
     const selectedKey = ref("");
     const previousKey = ref("");
     const sortItems = computed(() => {
@@ -35331,12 +35358,14 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
       previousKey.value = selectedKey.value;
     };
     return (_ctx, _cache) => {
+      var _a25, _b25;
       return openBlock(), createElementBlock("div", _hoisted_1$B, [
         createBaseVNode("div", _hoisted_2$s, [
           createBaseVNode("label", _hoisted_3$k, toDisplayString(_ctx.options.label), 1),
           withDirectives(createBaseVNode("select", {
+            id: "lupa-sort-select-dropdown",
             class: "lupa-select-dropdown",
-            "aria-label": _ctx.options.label,
+            "aria-label": (_b25 = (_a25 = unref(ariaLabels)) == null ? void 0 : _a25.sortBySelect) != null ? _b25 : _ctx.options.label,
             "data-cy": "lupa-sort-select-dropdown",
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedKey.value = $event),
             onChange: handleSelect,
@@ -39656,6 +39685,10 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     const itemId = computed(() => {
       return typeof props.options.itemId === "string" || typeof props.options.itemId === "number" || Array.isArray(props.options.itemId) ? props.options.itemId : extractValue(props.options.itemId);
     });
+    const wrapAround = computed(() => {
+      var _a25, _b25;
+      return (_b25 = (_a25 = carouselOptions.value) == null ? void 0 : _a25.wrapAround) != null ? _b25 : true;
+    });
     const loadLupaRecommendations = () => __async2(null, null, function* () {
       var _a25, _b25;
       recommendationsType.value = "recommendations_lupasearch";
@@ -39690,7 +39723,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
         hasRecommendations.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
           title.value ? (openBlock(), createElementBlock("h2", _hoisted_1$9, toDisplayString(title.value), 1)) : createCommentVNode("", true),
           !loading.value ? (openBlock(), createElementBlock("div", _hoisted_2$6, [
-            layoutType.value === "carousel" ? (openBlock(), createBlock(unref(Carousel), mergeProps({ key: 0 }, carouselOptions.value, { "wrap-around": true }), {
+            layoutType.value === "carousel" ? (openBlock(), createBlock(unref(Carousel), mergeProps({ key: 0 }, carouselOptions.value, { "wrap-around": wrapAround.value }), {
               addons: withCtx(() => [
                 createVNode(unref(Navigation))
               ]),
@@ -39713,7 +39746,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                 }), 128))
               ]),
               _: 1
-            }, 16)) : (openBlock(), createElementBlock("div", _hoisted_3$3, [
+            }, 16, ["wrap-around"])) : (openBlock(), createElementBlock("div", _hoisted_3$3, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(recommendations2.value, (product, index) => {
                 return openBlock(), createBlock(_sfc_main$t, {
                   style: normalizeStyle(columnSize.value),

package/dist/lupaSearch.umd.js

@@ -18102,6 +18102,10 @@ var __async = (__this, __arguments, generator) => {
         return (_b25 = (_a25 = currentResolutionPageSizes.value) == null ? void 0 : _a25[0]) != null ? _b25 : DEFAULT_PAGE_SIZE;
       }
     );
+    const ariaLabels = computed(() => {
+      var _a25, _b25;
+      return (_b25 = (_a25 = searchResultOptions.value.labels) == null ? void 0 : _a25.aria) != null ? _b25 : {};
+    });
     const currentResolutionPageSizes = computed(() => {
       var _a25, _b25, _c, _d;
       const pageSizes = (_d = (_c = (_b25 = (_a25 = searchResultOptions.value) == null ? void 0 : _a25.pagination) == null ? void 0 : _b25.sizeSelection) == null ? void 0 : _c.sizes) != null ? _d : DEFAULT_PAGE_SIZE_SELECTION;
@@ -18157,6 +18161,7 @@ var __async = (__this, __arguments, generator) => {
       defaultSearchResultPageSize,
       currentResolutionPageSizes,
       productRecommendationOptions,
+      ariaLabels,
       setSearchBoxOptions,
       setTrackingOptions,
       setSearchResultOptions,
@@ -19769,6 +19774,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$u = { class: "lupa-mic-button-wrapper" };
+  const _hoisted_5$l = ["aria-label"];
   const _sfc_main$1z = /* @__PURE__ */ defineComponent({
     __name: "VoiceSearchDialog",
     props: {
@@ -19872,6 +19878,7 @@ var __async = (__this, __arguments, generator) => {
         reset: dialogReset
       });
       return (_ctx, _cache) => {
+        var _a25, _b25;
         return openBlock(), createElementBlock("div", null, [
           props.isOpen ? (openBlock(), createElementBlock("div", _hoisted_1$1l, [
             createBaseVNode("button", {
@@ -19883,8 +19890,10 @@ var __async = (__this, __arguments, generator) => {
               createBaseVNode("div", _hoisted_4$u, [
                 createBaseVNode("button", {
                   class: normalizeClass(["lupa-mic-button", { recording: unref(isRecording) }]),
-                  onClick: handleRecordingButtonClick
-                }, null, 2),
+                  onClick: handleRecordingButtonClick,
+                  "aria-controls": "voice-search-microphone",
+                  "aria-label": ((_b25 = (_a25 = labels.value) == null ? void 0 : _a25.aria) == null ? void 0 : _b25.microphone) || "Toggle microphone"
+                }, null, 10, _hoisted_5$l),
                 createVNode(_sfc_main$1A, {
                   ref_key: "voiceSearchProgressBar",
                   ref: voiceSearchProgressBar,
@@ -19910,6 +19919,7 @@ var __async = (__this, __arguments, generator) => {
     class: "lupa-close-label"
   };
   const _hoisted_7$5 = { key: 1 };
+  const _hoisted_8$3 = ["aria-label"];
   const _sfc_main$1y = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxInput",
     props: {
@@ -19965,6 +19975,10 @@ var __async = (__this, __arguments, generator) => {
         var _a25;
         return (_a25 = labels.value.searchInputAriaLabel) != null ? _a25 : "Search input";
       });
+      const voiceSearchAriaLabel = computed(() => {
+        var _a25, _b25, _c, _d;
+        return (_d = (_c = (_b25 = (_a25 = props.options.voiceSearch) == null ? void 0 : _a25.labels) == null ? void 0 : _b25.aria) == null ? void 0 : _c.openDialog) != null ? _d : "Open voice search dialog";
+      });
       onMounted(() => {
         document.addEventListener("click", handleClickOutsideVoiceDialogOverlay);
       });
@@ -20085,8 +20099,11 @@ var __async = (__this, __arguments, generator) => {
           isVoiceSearchEnabled.value ? (openBlock(), createElementBlock("div", _hoisted_7$5, [
             createBaseVNode("button", {
               onClick: openVoiceSearchDialog,
-              class: "lupa-voice-search-button"
-            })
+              class: "lupa-voice-search-button",
+              "aria-haspopup": "dialog",
+              "aria-controls": "voice-search-dialog",
+              "aria-label": voiceSearchAriaLabel.value
+            }, null, 8, _hoisted_8$3)
           ])) : createCommentVNode("", true),
           isVoiceSearchEnabled.value ? (openBlock(), createBlock(_sfc_main$1z, {
             key: 2,
@@ -34381,12 +34398,12 @@ and ensure you are accounting for this risk.
           }), 128)),
           itemLimit.value < filteredValues.value.length ? (openBlock(), createElementBlock("div", {
             key: 1,
-            class: normalizeClass(["lupa-facet-term lupa-show-more-facet-results", { "lupa-show-less-facet-results": showAll.value }]),
+            class: "lupa-facet-term lupa-show-more-facet-results",
             "data-cy": "lupa-facet-term",
             onClick: handleShowAll
-          }, toDisplayString(_ctx.options.labels.showAll), 3)) : showAll.value ? (openBlock(), createElementBlock("div", {
+          }, toDisplayString(_ctx.options.labels.showAll), 1)) : showAll.value ? (openBlock(), createElementBlock("div", {
             key: 2,
-            class: "lupa-facet-term lupa-show-more-facet-results",
+            class: "lupa-facet-term lupa-show-more-facet-results lupa-show-less-facet-results",
             onClick: handleCancelShowAll
           }, toDisplayString(_ctx.options.labels.showLess), 1)) : createCommentVNode("", true)
         ]);
@@ -35224,7 +35241,10 @@ and ensure you are accounting for this risk.
     "data-cy": "lupa-search-results-page-size"
   };
   const _hoisted_2$t = { id: "lupa-select" };
-  const _hoisted_3$l = { class: "lupa-select-label" };
+  const _hoisted_3$l = {
+    class: "lupa-select-label",
+    for: "lupa-page-size-select-dropdown"
+  };
   const _hoisted_4$d = ["aria-label"];
   const _hoisted_5$a = ["value"];
   const _sfc_main$H = /* @__PURE__ */ defineComponent({
@@ -35237,6 +35257,7 @@ and ensure you are accounting for this risk.
       const props = __props;
       const paramsStore = useParamsStore();
       const optionsStore = useOptionsStore();
+      const { ariaLabels } = storeToRefs(optionsStore);
       const select = ref(null);
       const prefixLabel = computed(() => {
         var _a25, _b25;
@@ -35255,12 +35276,14 @@ and ensure you are accounting for this risk.
         });
       };
       return (_ctx, _cache) => {
+        var _a25, _b25, _c;
         return openBlock(), createElementBlock("div", _hoisted_1$C, [
           createBaseVNode("div", _hoisted_2$t, [
             createBaseVNode("label", _hoisted_3$l, toDisplayString(label.value), 1),
             createBaseVNode("select", {
+              id: "lupa-page-size-select-dropdown",
               class: "lupa-select-dropdown",
-              "aria-label": label.value,
+              "aria-label": (_c = (_b25 = (_a25 = unref(ariaLabels)) == null ? void 0 : _a25.pageSizeSelect) != null ? _b25 : label.value) != null ? _c : "Select page size",
               "data-cy": "lupa-page-size-select-dropdown",
               onChange: handleSelect,
               ref_key: "select",
@@ -35283,7 +35306,10 @@ and ensure you are accounting for this risk.
     class: "lupa-search-results-sort"
   };
   const _hoisted_2$s = { id: "lupa-select" };
-  const _hoisted_3$k = { class: "lupa-select-label" };
+  const _hoisted_3$k = {
+    class: "lupa-select-label",
+    for: "lupa-sort-select-dropdown"
+  };
   const _hoisted_4$c = ["aria-label"];
   const _hoisted_5$9 = ["value"];
   const _sfc_main$G = /* @__PURE__ */ defineComponent({
@@ -35297,6 +35323,7 @@ and ensure you are accounting for this risk.
       const paramStore = useParamsStore();
       const optionStore = useOptionsStore();
       const { sort } = storeToRefs(paramStore);
+      const { ariaLabels } = storeToRefs(optionStore);
       const selectedKey = ref("");
       const previousKey = ref("");
       const sortItems = computed(() => {
@@ -35335,12 +35362,14 @@ and ensure you are accounting for this risk.
         previousKey.value = selectedKey.value;
       };
       return (_ctx, _cache) => {
+        var _a25, _b25;
         return openBlock(), createElementBlock("div", _hoisted_1$B, [
           createBaseVNode("div", _hoisted_2$s, [
             createBaseVNode("label", _hoisted_3$k, toDisplayString(_ctx.options.label), 1),
             withDirectives(createBaseVNode("select", {
+              id: "lupa-sort-select-dropdown",
               class: "lupa-select-dropdown",
-              "aria-label": _ctx.options.label,
+              "aria-label": (_b25 = (_a25 = unref(ariaLabels)) == null ? void 0 : _a25.sortBySelect) != null ? _b25 : _ctx.options.label,
               "data-cy": "lupa-sort-select-dropdown",
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedKey.value = $event),
               onChange: handleSelect,
@@ -39660,6 +39689,10 @@ and ensure you are accounting for this risk.
       const itemId = computed(() => {
         return typeof props.options.itemId === "string" || typeof props.options.itemId === "number" || Array.isArray(props.options.itemId) ? props.options.itemId : extractValue(props.options.itemId);
       });
+      const wrapAround = computed(() => {
+        var _a25, _b25;
+        return (_b25 = (_a25 = carouselOptions.value) == null ? void 0 : _a25.wrapAround) != null ? _b25 : true;
+      });
       const loadLupaRecommendations = () => __async2(null, null, function* () {
         var _a25, _b25;
         recommendationsType.value = "recommendations_lupasearch";
@@ -39694,7 +39727,7 @@ and ensure you are accounting for this risk.
           hasRecommendations.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
             title.value ? (openBlock(), createElementBlock("h2", _hoisted_1$9, toDisplayString(title.value), 1)) : createCommentVNode("", true),
             !loading.value ? (openBlock(), createElementBlock("div", _hoisted_2$6, [
-              layoutType.value === "carousel" ? (openBlock(), createBlock(unref(Carousel), mergeProps({ key: 0 }, carouselOptions.value, { "wrap-around": true }), {
+              layoutType.value === "carousel" ? (openBlock(), createBlock(unref(Carousel), mergeProps({ key: 0 }, carouselOptions.value, { "wrap-around": wrapAround.value }), {
                 addons: withCtx(() => [
                   createVNode(unref(Navigation))
                 ]),
@@ -39717,7 +39750,7 @@ and ensure you are accounting for this risk.
                   }), 128))
                 ]),
                 _: 1
-              }, 16)) : (openBlock(), createElementBlock("div", _hoisted_3$3, [
+              }, 16, ["wrap-around"])) : (openBlock(), createElementBlock("div", _hoisted_3$3, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(recommendations2.value, (product, index) => {
                   return openBlock(), createBlock(_sfc_main$t, {
                     style: normalizeStyle(columnSize.value),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getlupa/client",
-  "version": "1.21.0",
+  "version": "1.21.1",
   "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.21.0",
+    "@getlupa/vue": "0.21.1",
     "@rushstack/eslint-patch": "^1.12.0",
     "@tsconfig/node18": "^18.2.4",
     "@types/jsdom": "^21.1.7",