npm - @getlupa/vue - Versions diffs - 0.24.2 → 0.25.0 - Mend

@getlupa/vue 0.24.2 → 0.25.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (22) hide show

package/dist/lupaSearch.js CHANGED Viewed

@@ -12589,17 +12589,27 @@ const getPageCount = (total, limit) => {
 const isObject = (value) => {
   return value !== null && typeof value === "object" && !Array.isArray(value);
 };
-const parseParam = (key, params) => {
-  const value = params.get(key);
+const decodeParam = (value) => {
   if (!value) {
     return void 0;
   }
+  try {
+    if (!/%[0-9A-Fa-f]{2}/.test(value)) {
+      return value;
+    }
+  } catch (e2) {
+    return value;
+  }
   try {
     return decodeURIComponent(value);
   } catch (e2) {
-    return void 0;
+    return value;
   }
 };
+const parseParam = (key, params) => {
+  const value = params.get(key);
+  return decodeParam(value != null ? value : void 0);
+};
 const parseRegularKeys = (regularKeys, searchParams, getQueryParamName) => {
   const params = /* @__PURE__ */ Object.create({});
   const keys = reverseKeyValue({
@@ -12617,7 +12627,7 @@ const parseRegularKeys = (regularKeys, searchParams, getQueryParamName) => {
 const parseFacetKey = (key, searchParams) => {
   var _a25, _b25, _c, _d;
   if (key.startsWith(FACET_PARAMS_TYPE.TERMS)) {
-    return (_b25 = (_a25 = searchParams.getAll(key)) == null ? void 0 : _a25.map((v) => decodeURIComponent(v))) != null ? _b25 : [];
+    return (_b25 = (_a25 = searchParams.getAll(key)) == null ? void 0 : _a25.map((v) => decodeParam(v))) != null ? _b25 : [];
   }
   if (key.startsWith(FACET_PARAMS_TYPE.RANGE) || key.startsWith(FACET_PARAMS_TYPE.PARTIAL_RANGE)) {
     const range2 = searchParams.get(key);
@@ -12633,7 +12643,7 @@ const parseFacetKey = (key, searchParams) => {
   if (key.startsWith(FACET_PARAMS_TYPE.HIERARCHY)) {
     return {
       level: 0,
-      terms: (_d = (_c = searchParams.getAll(key)) == null ? void 0 : _c.map((v) => decodeURIComponent(v))) != null ? _d : []
+      terms: (_d = (_c = searchParams.getAll(key)) == null ? void 0 : _c.map((v) => decodeParam(v))) != null ? _d : []
     };
   }
   return [];
@@ -12660,15 +12670,15 @@ const parseParams = (getQueryParamName, searchParams) => {
   }, parseRegularKeys(regularKeys, searchParams, getQueryParamName)), parseFacetKeys(facetKeys, searchParams));
   return r;
 };
-const appendParam = (url, { name, value }, encode2 = true) => {
+const appendParam = (url, { name, value }) => {
   if (Array.isArray(value)) {
     appendArrayParams(url, { name, value });
   } else {
-    appendSingleParam(url, { name, value }, encode2);
+    appendSingleParam(url, { name, value });
   }
 };
-const appendSingleParam = (url, param, encode2 = true) => {
-  const valueToAppend = encode2 ? encodeParam(param.value) : param.value;
+const appendSingleParam = (url, param) => {
+  const valueToAppend = param.value;
   if (url.searchParams.has(param.name)) {
     url.searchParams.set(param.name, valueToAppend);
   } else {
@@ -12677,7 +12687,7 @@ const appendSingleParam = (url, param, encode2 = true) => {
 };
 const appendArrayParams = (url, param) => {
   url.searchParams.delete(param.name);
-  param.value.forEach((v) => url.searchParams.append(param.name, encodeParam(v)));
+  param.value.forEach((v) => url.searchParams.append(param.name, v));
 };
 const getRemovableParams = (url, getQueryParamName, paramsToRemove) => {
   if (paramsToRemove === "all") {
@@ -13037,13 +13047,12 @@ const useParamsStore = /* @__PURE__ */ defineStore("params", () => {
   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));
+    newParams.forEach((p2) => appendParam(url, p2));
     return url.search;
   };
   const removeParameters = ({
@@ -13125,7 +13134,7 @@ const useParamsStore = /* @__PURE__ */ defineStore("params", () => {
       const routing = (_b25 = optionsStore.boxRoutingBehavior) != null ? _b25 : "direct-link";
       redirectToResultsPage(
         searchResultsLink.value,
-        encodeParam(searchText),
+        searchText,
         optionsStore.getQueryParamName,
         facet,
         routing
@@ -13135,7 +13144,6 @@ const useParamsStore = /* @__PURE__ */ defineStore("params", () => {
   const appendParams = ({
     params: newParams,
     paramsToRemove,
-    encode: encode2 = true,
     save = true,
     searchResultsLink: searchResultsLink2
   }) => {
@@ -13145,7 +13153,7 @@ const useParamsStore = /* @__PURE__ */ defineStore("params", () => {
     const url = getPageUrl(searchResultsLink2);
     paramsToRemove = getRemovableParams(url, optionsStore.getQueryParamName, paramsToRemove);
     removeParams(url, paramsToRemove);
-    newParams.forEach((p2) => appendParam(url, p2, encode2));
+    newParams.forEach((p2) => appendParam(url, p2));
     navigate(url);
     if (!save) {
       return;
@@ -13442,7 +13450,7 @@ const getApiUrl = (environment, customBaseUrl) => {
   }
   return Env[environment] || Env["production"];
 };
-const _sfc_main$1G = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1K = /* @__PURE__ */ vue.defineComponent({
   __name: "VoiceSearchProgressCircle",
   props: {
     isRecording: { type: Boolean },
@@ -13655,15 +13663,15 @@ function useVoiceRecorder(options) {
     closeSocket
   };
 }
-const _hoisted_1$1o = {
+const _hoisted_1$1q = {
   key: 0,
   class: "lupa-dialog-overlay"
 };
-const _hoisted_2$Z = { class: "lupa-dialog-content" };
+const _hoisted_2$_ = { class: "lupa-dialog-content" };
 const _hoisted_3$G = { class: "lupa-listening-text" };
 const _hoisted_4$v = { class: "lupa-mic-button-wrapper" };
 const _hoisted_5$l = ["aria-label"];
-const _sfc_main$1F = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1J = /* @__PURE__ */ vue.defineComponent({
   __name: "VoiceSearchDialog",
   props: {
     isOpen: { type: Boolean },
@@ -13768,12 +13776,12 @@ const _sfc_main$1F = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       var _a25, _b25;
       return vue.openBlock(), vue.createElementBlock("div", null, [
-        props.isOpen ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1o, [
+        props.isOpen ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1q, [
           vue.createElementVNode("button", {
             class: "lupa-dialog-box-close-button",
             onClick: _cache[0] || (_cache[0] = () => emit("close"))
           }),
-          vue.createElementVNode("div", _hoisted_2$Z, [
+          vue.createElementVNode("div", _hoisted_2$_, [
             vue.createElementVNode("p", _hoisted_3$G, vue.toDisplayString(description.value), 1),
             vue.createElementVNode("div", _hoisted_4$v, [
               vue.createElementVNode("button", {
@@ -13782,7 +13790,7 @@ const _sfc_main$1F = /* @__PURE__ */ vue.defineComponent({
                 "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),
-              vue.createVNode(_sfc_main$1G, {
+              vue.createVNode(_sfc_main$1K, {
                 ref_key: "voiceSearchProgressBar",
                 ref: voiceSearchProgressBar,
                 class: "lupa-progress-circle",
@@ -13797,8 +13805,8 @@ const _sfc_main$1F = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$1n = { id: "lupa-search-box-input-container" };
-const _hoisted_2$Y = { id: "lupa-search-box-input" };
+const _hoisted_1$1p = { id: "lupa-search-box-input-container" };
+const _hoisted_2$Z = { id: "lupa-search-box-input" };
 const _hoisted_3$F = ["value"];
 const _hoisted_4$u = ["aria-label", "placeholder"];
 const _hoisted_5$k = {
@@ -13807,7 +13815,7 @@ const _hoisted_5$k = {
 };
 const _hoisted_6$7 = { key: 2 };
 const _hoisted_7$5 = ["aria-label"];
-const _sfc_main$1E = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1I = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxInput",
   props: {
     options: {},
@@ -13943,7 +13951,7 @@ const _sfc_main$1E = /* @__PURE__ */ vue.defineComponent({
     };
     __expose({ focus });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1n, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1p, [
         _ctx.options.showClearButton && !isClearButtonAtEndOfInput.value ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
           class: vue.normalizeClass(["lupa-input-clear", [
@@ -13952,7 +13960,7 @@ const _sfc_main$1E = /* @__PURE__ */ vue.defineComponent({
           ]]),
           onClick: clear
         }, null, 2)) : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", _hoisted_2$Y, [
+        vue.createElementVNode("div", _hoisted_2$Z, [
           vue.createElementVNode("input", {
             class: "lupa-hint",
             "aria-hidden": "true",
@@ -14006,7 +14014,7 @@ const _sfc_main$1E = /* @__PURE__ */ vue.defineComponent({
             "aria-label": voiceSearchAriaLabel.value
           }, null, 8, _hoisted_7$5)
         ])) : vue.createCommentVNode("", true),
-        isVoiceSearchEnabled.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1F, {
+        isVoiceSearchEnabled.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1J, {
           key: 3,
           ref_key: "voiceDialogOverlay",
           ref: voiceDialogOverlay,
@@ -14020,7 +14028,7 @@ const _sfc_main$1E = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$1D = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1H = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxMoreResults",
   props: {
     labels: {},
@@ -14058,9 +14066,9 @@ const _sfc_main$1D = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$1m = { class: "lupa-search-box-history-item" };
-const _hoisted_2$X = { class: "lupa-search-box-history-item-content" };
-const _sfc_main$1C = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$1o = { class: "lupa-search-box-history-item" };
+const _hoisted_2$Y = { class: "lupa-search-box-history-item-content" };
+const _sfc_main$1G = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxHistoryItem",
   props: {
     item: {},
@@ -14077,8 +14085,8 @@ const _sfc_main$1C = /* @__PURE__ */ vue.defineComponent({
       emit("click", { query: props.item });
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1m, [
-        vue.createElementVNode("div", _hoisted_2$X, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1o, [
+        vue.createElementVNode("div", _hoisted_2$Y, [
           vue.createElementVNode("div", {
             class: vue.normalizeClass(["lupa-search-box-history-item-text", { "lupa-search-box-history-item-highlighted": _ctx.highlighted }]),
             onClick: click2
@@ -14092,11 +14100,11 @@ const _sfc_main$1C = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$1l = {
+const _hoisted_1$1n = {
   key: 0,
   class: "lupa-search-box-history-panel"
 };
-const _sfc_main$1B = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1F = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxHistoryPanel",
   props: {
     options: {}
@@ -14147,9 +14155,9 @@ const _sfc_main$1B = /* @__PURE__ */ vue.defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return hasHistory.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1l, [
+      return hasHistory.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1n, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(limitedHistory.value, (item, index) => {
-          return vue.openBlock(), vue.createBlock(_sfc_main$1C, {
+          return vue.openBlock(), vue.createBlock(_sfc_main$1G, {
             key: item,
             item,
             highlighted: index === highlightIndex.value,
@@ -14165,12 +14173,12 @@ const _sfc_main$1B = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$1k = ["innerHTML"];
-const _hoisted_2$W = {
+const _hoisted_1$1m = ["innerHTML"];
+const _hoisted_2$X = {
   key: 1,
   class: "lupa-search-box-no-results"
 };
-const _sfc_main$1A = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1E = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxNoResults",
   props: {
     options: {}
@@ -14189,7 +14197,7 @@ const _sfc_main$1A = /* @__PURE__ */ vue.defineComponent({
         key: 0,
         class: "lupa-search-box-no-results",
         innerHTML: customHtml.value
-      }, null, 8, _hoisted_1$1k)) : (vue.openBlock(), vue.createElementBlock("p", _hoisted_2$W, vue.toDisplayString((_a25 = labels.value) == null ? void 0 : _a25.noResults), 1));
+      }, null, 8, _hoisted_1$1m)) : (vue.openBlock(), vue.createElementBlock("p", _hoisted_2$X, vue.toDisplayString((_a25 = labels.value) == null ? void 0 : _a25.noResults), 1));
     };
   }
 });
@@ -14221,8 +14229,8 @@ const generateGridTemplate = (elements) => {
   }
   return gridTemplate.join(" ");
 };
-const _hoisted_1$1j = ["innerHTML"];
-const _hoisted_2$V = {
+const _hoisted_1$1l = ["innerHTML"];
+const _hoisted_2$W = {
   key: 1,
   "data-cy": "lupa-suggestion-value",
   class: "lupa-suggestion-value"
@@ -14240,7 +14248,7 @@ const _hoisted_5$j = {
   class: "lupa-suggestion-facet-value",
   "data-cy": "lupa-suggestion-facet-value"
 };
-const _sfc_main$1z = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1D = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxSuggestion",
   props: {
     suggestion: {},
@@ -14277,7 +14285,7 @@ const _sfc_main$1z = /* @__PURE__ */ vue.defineComponent({
           class: "lupa-suggestion-value",
           "data-cy": "lupa-suggestion-value",
           innerHTML: _ctx.suggestion.displayHighlight
-        }, null, 8, _hoisted_1$1j)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$V, vue.toDisplayString(_ctx.suggestion.display), 1)),
+        }, null, 8, _hoisted_1$1l)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$W, vue.toDisplayString(_ctx.suggestion.display), 1)),
         _ctx.suggestion.facet ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$E, [
           vue.createElementVNode("span", _hoisted_4$t, vue.toDisplayString(facetLabel.value), 1),
           vue.createElementVNode("span", _hoisted_5$j, vue.toDisplayString(_ctx.suggestion.facet.title), 1)
@@ -14286,11 +14294,11 @@ const _sfc_main$1z = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$1i = {
+const _hoisted_1$1k = {
   id: "lupa-search-box-suggestions",
   "data-cy": "lupa-search-box-suggestions"
 };
-const _sfc_main$1y = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1C = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxSuggestions",
   props: {
     items: {},
@@ -14357,9 +14365,9 @@ const _sfc_main$1y = /* @__PURE__ */ vue.defineComponent({
       });
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1i, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1k, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items.value, (item, index) => {
-          return vue.openBlock(), vue.createBlock(_sfc_main$1z, {
+          return vue.openBlock(), vue.createBlock(_sfc_main$1D, {
             key: getSuggestionKey(item),
             class: vue.normalizeClass([
               "lupa-suggestion",
@@ -14391,7 +14399,7 @@ const debounce = (func, timeout) => {
     }, timeout);
   };
 };
-const _sfc_main$1x = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1B = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxSuggestionsWrapper",
   props: {
     panel: {},
@@ -14434,7 +14442,7 @@ const _sfc_main$1x = /* @__PURE__ */ vue.defineComponent({
     const getSuggestionsDebounced = debounce(getSuggestions, props.debounce);
     vue.watch(() => props.panel.limit, getSuggestionsDebounced);
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$1y, {
+      return vue.openBlock(), vue.createBlock(_sfc_main$1C, {
         items: searchResult.value,
         highlight: _ctx.panel.highlight,
         queryKey: _ctx.panel.queryKey,
@@ -23692,11 +23700,14 @@ const getDynamicAttributes = (dynamicAttributes = [], document2 = {}) => {
   }
   return parsedAttributes;
 };
-const getFieldValue = (doc, field = "") => {
+const getFieldValue = (doc, field = "", matchLiteral) => {
   var _a25;
   if (typeof field === "number") {
     return +field;
   }
+  if (matchLiteral) {
+    return field;
+  }
   const value = (_a25 = field == null ? void 0 : field.split(".")) == null ? void 0 : _a25.reduce((obj, key) => obj ? obj[key] : void 0, doc);
   if (+value) {
     return +value;
@@ -23720,32 +23731,32 @@ const processDisplayCondition = (displayCondition, doc = {}) => {
     case "equals": {
       if (fields.length < 2) return false;
       const [field1, field2] = fields;
-      return getFieldValue(doc, field1) === getFieldValue(doc, field2);
+      return getFieldValue(doc, field1) === getFieldValue(doc, field2, displayCondition.matchLiteral);
     }
     case "notEquals": {
       if (fields.length < 2) return false;
       const [field1, field2] = fields;
-      return getFieldValue(doc, field1) !== getFieldValue(doc, field2);
+      return getFieldValue(doc, field1) !== getFieldValue(doc, field2, displayCondition.matchLiteral);
     }
     case "greaterThan": {
       if (fields.length < 2) return false;
       const [field1, field2] = fields;
-      return getFieldValue(doc, field1) > getFieldValue(doc, field2);
+      return getFieldValue(doc, field1) > getFieldValue(doc, field2, displayCondition.matchLiteral);
     }
     case "lessThan": {
       if (fields.length < 2) return false;
       const [field1, field2] = fields;
-      return getFieldValue(doc, field1) < getFieldValue(doc, field2);
+      return getFieldValue(doc, field1) < getFieldValue(doc, field2, displayCondition.matchLiteral);
     }
     case "greaterThanOrEquals": {
       if (fields.length < 2) return false;
       const [field1, field2] = fields;
-      return getFieldValue(doc, field1) >= getFieldValue(doc, field2);
+      return getFieldValue(doc, field1) >= getFieldValue(doc, field2, displayCondition.matchLiteral);
     }
     case "lessThanOrEquals": {
       if (fields.length < 2) return false;
       const [field1, field2] = fields;
-      return getFieldValue(doc, field1) <= getFieldValue(doc, field2);
+      return getFieldValue(doc, field1) <= getFieldValue(doc, field2, displayCondition.matchLiteral);
     }
     default:
       return false;
@@ -23774,9 +23785,9 @@ const replaceImageWithPlaceholder = (e2, placeholder) => {
     targetImage.src = placeholder;
   }
 };
-const _hoisted_1$1h = ["src"];
-const _hoisted_2$U = ["src"];
-const _sfc_main$1w = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$1j = ["src"];
+const _hoisted_2$V = ["src"];
+const _sfc_main$1A = /* @__PURE__ */ vue.defineComponent({
   __name: "ProductImage",
   props: {
     item: {},
@@ -23918,7 +23929,7 @@ const _sfc_main$1w = /* @__PURE__ */ vue.defineComponent({
             }, { alt: imageAlt.value ? imageAlt.value : void 0 }, {
               onError: replaceWithPlaceholder,
               key: finalUrl.value
-            }), null, 16, _hoisted_1$1h))
+            }), null, 16, _hoisted_1$1j))
           ]),
           _: 1
         })) : (vue.openBlock(), vue.createElementBlock("img", vue.mergeProps({
@@ -23926,12 +23937,12 @@ const _sfc_main$1w = /* @__PURE__ */ vue.defineComponent({
           class: ["lupa-images-main-image", { [_ctx.imageClass]: true }],
           style: styleOverride.value,
           src: finalMainImageUrl.value
-        }, { alt: imageAlt.value ? imageAlt.value : void 0 }, { onError: replaceWithPlaceholder }), null, 16, _hoisted_2$U))
+        }, { alt: imageAlt.value ? imageAlt.value : void 0 }, { onError: replaceWithPlaceholder }), null, 16, _hoisted_2$V))
       ], 38);
     };
   }
 });
-const _sfc_main$1v = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1z = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxProductImage",
   props: {
     item: {},
@@ -23939,7 +23950,7 @@ const _sfc_main$1v = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$1w, {
+      return vue.openBlock(), vue.createBlock(_sfc_main$1A, {
         item: _ctx.item,
         options: _ctx.options,
         "wrapper-class": "lupa-search-box-image-wrapper",
@@ -23948,12 +23959,12 @@ const _sfc_main$1v = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$1g = ["innerHTML"];
-const _hoisted_2$T = {
+const _hoisted_1$1i = ["innerHTML"];
+const _hoisted_2$U = {
   key: 1,
   class: "lupa-search-box-product-title"
 };
-const _sfc_main$1u = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1y = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxProductTitle",
   props: {
     item: {},
@@ -23976,18 +23987,18 @@ const _sfc_main$1u = /* @__PURE__ */ vue.defineComponent({
         key: 0,
         class: "lupa-search-box-product-title",
         innerHTML: sanitizedTitle.value
-      }, null, 8, _hoisted_1$1g)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$T, [
+      }, null, 8, _hoisted_1$1i)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$U, [
         vue.createElementVNode("strong", null, vue.toDisplayString(title.value), 1)
       ]));
     };
   }
 });
-const _hoisted_1$1f = ["innerHTML"];
-const _hoisted_2$S = {
+const _hoisted_1$1h = ["innerHTML"];
+const _hoisted_2$T = {
   key: 1,
   class: "lupa-search-box-product-description"
 };
-const _sfc_main$1t = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1x = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxProductDescription",
   props: {
     item: {},
@@ -24010,12 +24021,12 @@ const _sfc_main$1t = /* @__PURE__ */ vue.defineComponent({
         key: 0,
         class: "lupa-search-box-product-description",
         innerHTML: sanitizedDescription.value
-      }, null, 8, _hoisted_1$1f)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$S, vue.toDisplayString(description.value), 1));
+      }, null, 8, _hoisted_1$1h)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$T, vue.toDisplayString(description.value), 1));
     };
   }
 });
-const _hoisted_1$1e = { class: "lupa-search-box-product-price" };
-const _sfc_main$1s = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$1g = { class: "lupa-search-box-product-price" };
+const _sfc_main$1w = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxProductPrice",
   props: {
     item: {},
@@ -24037,13 +24048,13 @@ const _sfc_main$1s = /* @__PURE__ */ vue.defineComponent({
       );
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1e, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1g, [
         vue.createElementVNode("strong", null, vue.toDisplayString(price.value), 1)
       ]);
     };
   }
 });
-const _sfc_main$1r = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1v = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxProductRegularPrice",
   props: {
     item: {},
@@ -24074,12 +24085,12 @@ const _sfc_main$1r = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$1d = ["innerHTML"];
-const _hoisted_2$R = { key: 0 };
+const _hoisted_1$1f = ["innerHTML"];
+const _hoisted_2$S = { key: 0 };
 const _hoisted_3$D = { key: 1 };
 const _hoisted_4$s = { class: "lupa-search-box-custom-label" };
 const _hoisted_5$i = { class: "lupa-search-box-custom-text" };
-const _sfc_main$1q = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1u = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxProductCustom",
   props: {
     item: {},
@@ -24105,11 +24116,11 @@ const _sfc_main$1q = /* @__PURE__ */ vue.defineComponent({
         key: 0,
         class: [className.value, "lupa-search-box-product-custom"],
         innerHTML: text.value
-      }, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$1d)) : (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+      }, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$1f)) : (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
         key: 1,
         class: [className.value, "lupa-search-box-product-custom"]
       }, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
-        !label.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$R, vue.toDisplayString(text.value), 1)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$D, [
+        !label.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$S, vue.toDisplayString(text.value), 1)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$D, [
           vue.createElementVNode("div", _hoisted_4$s, vue.toDisplayString(label.value), 1),
           vue.createElementVNode("div", _hoisted_5$i, vue.toDisplayString(text.value), 1)
         ]))
@@ -24117,8 +24128,8 @@ const _sfc_main$1q = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$1c = ["innerHTML"];
-const _sfc_main$1p = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$1e = ["innerHTML"];
+const _sfc_main$1t = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxProductCustomHtml",
   props: {
     item: {},
@@ -24143,7 +24154,7 @@ const _sfc_main$1p = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
         class: className.value,
         innerHTML: text.value
-      }, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$1c);
+      }, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$1e);
     };
   }
 });
@@ -24482,6 +24493,7 @@ const useSearchResultStore = /* @__PURE__ */ defineStore("searchResult", () => {
     relatedQueriesApiEnabled,
     lastResultsSource,
     relatedQueryFacetKeys,
+    loadingRelatedQueries,
     setSidebarState,
     queryFacet,
     setLastRequestId,
@@ -24498,12 +24510,12 @@ const useSearchResultStore = /* @__PURE__ */ defineStore("searchResult", () => {
     setRelatedQueriesApiEnabled
   };
 });
-const _hoisted_1$1b = { class: "lupa-search-box-add-to-cart-wrapper" };
-const _hoisted_2$Q = { class: "lupa-search-box-product-addtocart" };
+const _hoisted_1$1d = { class: "lupa-search-box-add-to-cart-wrapper" };
+const _hoisted_2$R = { class: "lupa-search-box-product-addtocart" };
 const _hoisted_3$C = ["disabled"];
 const _hoisted_4$r = ["href"];
 const _hoisted_5$h = ["disabled"];
-const _sfc_main$1o = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1s = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxProductAddToCart",
   props: {
     item: {},
@@ -24549,8 +24561,8 @@ const _sfc_main$1o = /* @__PURE__ */ vue.defineComponent({
       return Boolean(props.link && props.options.link);
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1b, [
-        vue.createElementVNode("div", _hoisted_2$Q, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1d, [
+        vue.createElementVNode("div", _hoisted_2$R, [
           hasLink.value ? (vue.openBlock(), vue.createElementBlock("button", vue.mergeProps({
             key: 0,
             class: addToCartButtonClass.value,
@@ -24571,23 +24583,23 @@ const _sfc_main$1o = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$1a = {
+const _hoisted_1$1c = {
   key: 1,
   class: "lupa-search-box-element-badge-wrapper"
 };
 const __default__$4 = {
   components: {
-    SearchBoxProductImage: _sfc_main$1v,
-    SearchBoxProductTitle: _sfc_main$1u,
-    SearchBoxProductDescription: _sfc_main$1t,
-    SearchBoxProductPrice: _sfc_main$1s,
-    SearchBoxProductRegularPrice: _sfc_main$1r,
-    SearchBoxProductCustom: _sfc_main$1q,
-    SearchBoxProductCustomHtml: _sfc_main$1p,
-    SearchBoxProductAddToCart: _sfc_main$1o
+    SearchBoxProductImage: _sfc_main$1z,
+    SearchBoxProductTitle: _sfc_main$1y,
+    SearchBoxProductDescription: _sfc_main$1x,
+    SearchBoxProductPrice: _sfc_main$1w,
+    SearchBoxProductRegularPrice: _sfc_main$1v,
+    SearchBoxProductCustom: _sfc_main$1u,
+    SearchBoxProductCustomHtml: _sfc_main$1t,
+    SearchBoxProductAddToCart: _sfc_main$1s
   }
 };
-const _sfc_main$1n = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, __default__$4), {
+const _sfc_main$1r = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, __default__$4), {
   __name: "SearchBoxProductElement",
   props: {
     item: {},
@@ -24659,7 +24671,7 @@ const _sfc_main$1n = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadV
           "dynamic-attributes": dynamicAttributes.value,
           link: _ctx.link
         }, renderDynamicAttributesOnParentElement.value && dynamicAttributes.value), null, 16, ["item", "options", "labels", "class", "inStock", "dynamic-attributes", "link"])) : vue.createCommentVNode("", true)
-      ], 64)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1a, [
+      ], 64)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1c, [
         displayElement.value ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(elementComponent.value), {
           key: 0,
           item: enhancedItem.value,
@@ -24674,14 +24686,14 @@ const _sfc_main$1n = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadV
     };
   }
 }));
-const _hoisted_1$19 = { class: "lupa-badge-title" };
-const _hoisted_2$P = ["src"];
+const _hoisted_1$1b = { class: "lupa-badge-title" };
+const _hoisted_2$Q = ["src"];
 const _hoisted_3$B = { key: 1 };
 const _hoisted_4$q = {
   key: 0,
   class: "lupa-badge-full-text"
 };
-const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1q = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultGeneratedBadge",
   props: {
     options: {},
@@ -24714,11 +24726,11 @@ const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(["lupa-dynamic-badge", customClassName.value]),
         style: vue.normalizeStyle({ background: _ctx.badge.backgroundColor, color: _ctx.badge.color })
       }, [
-        vue.createElementVNode("span", _hoisted_1$19, [
+        vue.createElementVNode("span", _hoisted_1$1b, [
           image.value ? (vue.openBlock(), vue.createElementBlock("img", {
             key: 0,
             src: image.value
-          }, null, 8, _hoisted_2$P)) : vue.createCommentVNode("", true),
+          }, null, 8, _hoisted_2$Q)) : vue.createCommentVNode("", true),
           hasTitleText.value && showTitle.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$B, vue.toDisplayString(_ctx.badge.titleText), 1)) : vue.createCommentVNode("", true)
         ]),
         hasAdditionalText.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$q, vue.toDisplayString(_ctx.badge.additionalText), 1)) : vue.createCommentVNode("", true)
@@ -24726,8 +24738,8 @@ const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$18 = { class: "lupa-generated-badges" };
-const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$1a = { class: "lupa-generated-badges" };
+const _sfc_main$1p = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultGeneratedBadges",
   props: {
     options: {}
@@ -24753,9 +24765,9 @@ const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
       })).filter((b) => Boolean(b.id));
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$18, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1a, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(badges.value, (badge) => {
-          return vue.openBlock(), vue.createBlock(_sfc_main$1m, {
+          return vue.openBlock(), vue.createBlock(_sfc_main$1q, {
             key: badge.id,
             badge,
             options: _ctx.options
@@ -24765,8 +24777,8 @@ const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$17 = ["innerHTML"];
-const _sfc_main$1k = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$19 = ["innerHTML"];
+const _sfc_main$1o = /* @__PURE__ */ vue.defineComponent({
   __name: "CustomBadge",
   props: {
     badge: {}
@@ -24787,12 +24799,12 @@ const _sfc_main$1k = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(className.value),
         innerHTML: text.value
-      }, null, 10, _hoisted_1$17);
+      }, null, 10, _hoisted_1$19);
     };
   }
 });
-const _hoisted_1$16 = { class: "lupa-text-badges" };
-const _sfc_main$1j = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$18 = { class: "lupa-text-badges" };
+const _sfc_main$1n = /* @__PURE__ */ vue.defineComponent({
   __name: "TextBadge",
   props: {
     badge: {}
@@ -24806,7 +24818,7 @@ const _sfc_main$1j = /* @__PURE__ */ vue.defineComponent({
       return badges.value.slice(0, props.badge.maxItems);
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$16, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$18, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(displayBadges.value, (item) => {
           return vue.openBlock(), vue.createElementBlock("div", {
             class: "lupa-badge lupa-text-badge",
@@ -24817,9 +24829,9 @@ const _sfc_main$1j = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$15 = { class: "lupa-image-badges" };
-const _hoisted_2$O = ["src"];
-const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$17 = { class: "lupa-image-badges" };
+const _hoisted_2$P = ["src"];
+const _sfc_main$1m = /* @__PURE__ */ vue.defineComponent({
   __name: "ImageBadge",
   props: {
     badge: {}
@@ -24839,7 +24851,7 @@ const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
       return `${props.badge.rootImageUrl}${src}`;
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$15, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$17, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(displayBadges.value, (item) => {
           return vue.openBlock(), vue.createElementBlock("div", {
             class: "lupa-badge lupa-image-badge",
@@ -24847,14 +24859,14 @@ const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
           }, [
             vue.createElementVNode("img", {
               src: getImageUrl(item)
-            }, null, 8, _hoisted_2$O)
+            }, null, 8, _hoisted_2$P)
           ]);
         }), 128))
       ]);
     };
   }
 });
-const _sfc_main$1h = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
   __name: "DiscountBadge",
   props: {
     badge: {}
@@ -24916,16 +24928,16 @@ const _sfc_main$1h = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$14 = { id: "lupa-search-results-badges" };
+const _hoisted_1$16 = { id: "lupa-search-results-badges" };
 const __default__$3 = {
   components: {
-    CustomBadge: _sfc_main$1k,
-    TextBadge: _sfc_main$1j,
-    ImageBadge: _sfc_main$1i,
-    DiscountBadge: _sfc_main$1h
+    CustomBadge: _sfc_main$1o,
+    TextBadge: _sfc_main$1n,
+    ImageBadge: _sfc_main$1m,
+    DiscountBadge: _sfc_main$1l
   }
 };
-const _sfc_main$1g = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, __default__$3), {
+const _sfc_main$1k = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, __default__$3), {
   __name: "SearchResultsBadgeWrapper",
   props: {
     position: {},
@@ -24988,7 +25000,7 @@ const _sfc_main$1g = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadV
       }
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$14, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$16, [
         vue.createElementVNode("div", {
           id: "lupa-badges",
           class: vue.normalizeClass(anchorPosition.value)
@@ -24999,7 +25011,7 @@ const _sfc_main$1g = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadV
               badge
             }, null, 8, ["badge"]);
           }), 128)),
-          positionValue.value === "card" ? (vue.openBlock(), vue.createBlock(_sfc_main$1l, {
+          positionValue.value === "card" ? (vue.openBlock(), vue.createBlock(_sfc_main$1p, {
             key: 0,
             options: _ctx.options
           }, null, 8, ["options"])) : vue.createCommentVNode("", true)
@@ -25008,13 +25020,13 @@ const _sfc_main$1g = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadV
     };
   }
 }));
-const _hoisted_1$13 = ["href"];
-const _hoisted_2$N = { class: "lupa-search-box-product-details-section" };
+const _hoisted_1$15 = ["href"];
+const _hoisted_2$O = { class: "lupa-search-box-product-details-section" };
 const _hoisted_3$A = {
   key: 0,
   class: "lupa-search-box-product-add-to-cart-section"
 };
-const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1j = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxProduct",
   props: {
     item: {},
@@ -25120,7 +25132,7 @@ const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
           style: vue.normalizeStyle(imageStyleOverride.value)
         }, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(imageElements.value, (element) => {
-            return vue.openBlock(), vue.createBlock(_sfc_main$1n, {
+            return vue.openBlock(), vue.createBlock(_sfc_main$1r, {
               class: "lupa-search-box-product-element",
               key: element.key,
               item: _ctx.item,
@@ -25130,10 +25142,10 @@ const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
             }, null, 8, ["item", "element", "labels", "link"]);
           }), 128))
         ], 4),
-        vue.createElementVNode("div", _hoisted_2$N, [
+        vue.createElementVNode("div", _hoisted_2$O, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(detailElements.value, (element) => {
             var _a25;
-            return vue.openBlock(), vue.createBlock(_sfc_main$1n, {
+            return vue.openBlock(), vue.createBlock(_sfc_main$1r, {
               class: "lupa-search-box-product-element",
               key: element.key,
               item: _ctx.item,
@@ -25144,7 +25156,7 @@ const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
               ((_a25 = badgeOptions.value) == null ? void 0 : _a25.anchorElementKey) === element.key ? {
                 name: "badges",
                 fn: vue.withCtx(() => [
-                  vue.createVNode(_sfc_main$1g, {
+                  vue.createVNode(_sfc_main$1k, {
                     options: badgeOptions.value,
                     position: "card"
                   }, null, 8, ["options"])
@@ -25160,7 +25172,7 @@ const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
             class: vue.normalizeClass(`lupa-search-box-group-${group}`)
           }, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getGroupElements(group), (element) => {
-              return vue.openBlock(), vue.createBlock(_sfc_main$1n, {
+              return vue.openBlock(), vue.createBlock(_sfc_main$1r, {
                 class: "lupa-search-box-product-element",
                 key: element.key,
                 item: _ctx.item,
@@ -25173,7 +25185,7 @@ const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
           ], 2);
         }), 128)),
         addToCartElement.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$A, [
-          vue.createVNode(_sfc_main$1n, {
+          vue.createVNode(_sfc_main$1r, {
             class: "lupa-search-box-product-element",
             item: _ctx.item,
             element: addToCartElement.value,
@@ -25182,7 +25194,7 @@ const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
             isInStock: isInStock.value
           }, null, 8, ["item", "element", "labels", "link", "isInStock"])
         ])) : vue.createCommentVNode("", true)
-      ], 16, _hoisted_1$13);
+      ], 16, _hoisted_1$15);
     };
   }
 });
@@ -25254,8 +25266,8 @@ const useTrackingStore = /* @__PURE__ */ defineStore("tracking", () => {
   };
   return { trackSearch, trackResults, trackEvent, trackDelayedEvent };
 });
-const _hoisted_1$12 = ["innerHTML"];
-const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$14 = ["innerHTML"];
+const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxProducts",
   props: {
     items: {},
@@ -25366,7 +25378,7 @@ const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
             itemClicked: handleProductClick
           });
         }), 128)) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(displayItems.value, (item, index) => {
-          return vue.openBlock(), vue.createBlock(_sfc_main$1f, {
+          return vue.openBlock(), vue.createBlock(_sfc_main$1j, {
             key: index,
             item,
             panelOptions: _ctx.panelOptions,
@@ -25379,7 +25391,7 @@ const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
         hasResults.value && ((_a25 = _ctx.panelOptions) == null ? void 0 : _a25.appendCustomHtml) && (showAll.value || !showAllItemsToggleButton.value) ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 2,
           innerHTML: _ctx.panelOptions.appendCustomHtml
-        }, null, 8, _hoisted_1$12)) : vue.createCommentVNode("", true),
+        }, null, 8, _hoisted_1$14)) : vue.createCommentVNode("", true),
         showAllItemsToggleButton.value ? (vue.openBlock(), vue.createElementBlock("a", {
           key: 3,
           class: "lupa-search-box-expand",
@@ -25390,9 +25402,9 @@ const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$11 = { class: "lupa-search-box-documents-go-to-results-wrapper" };
-const _hoisted_2$M = { key: 0 };
-const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$13 = { class: "lupa-search-box-documents-go-to-results-wrapper" };
+const _hoisted_2$N = { key: 0 };
+const _sfc_main$1h = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxProductsGoToResultsButton",
   props: {
     options: {},
@@ -25423,13 +25435,13 @@ const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
       emit("goToResults");
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$11, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$13, [
         vue.createElementVNode("button", {
           class: "lupa-search-box-documents-go-to-results-button",
           onClick: goToResults
         }, [
           vue.createTextVNode(vue.toDisplayString(goToResultsLabel.value) + " ", 1),
-          totalCount.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$M, " " + vue.toDisplayString(totalCount.value), 1)) : vue.createCommentVNode("", true)
+          totalCount.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$N, " " + vue.toDisplayString(totalCount.value), 1)) : vue.createCommentVNode("", true)
         ])
       ]);
     };
@@ -25525,7 +25537,7 @@ const processExtractionObject = (value = {}) => {
   }
   return parsedObject;
 };
-const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1g = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxProductsWrapper",
   props: {
     panel: {},
@@ -25596,7 +25608,7 @@ const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
     vue.watch(() => props.panel.limit, getItemsDebounced);
     return (_ctx, _cache) => {
       var _a25, _b25;
-      return vue.openBlock(), vue.createBlock(_sfc_main$1e, {
+      return vue.openBlock(), vue.createBlock(_sfc_main$1i, {
         items: (_b25 = (_a25 = searchResult.value) == null ? void 0 : _a25.items) != null ? _b25 : [],
         panelOptions: _ctx.panel,
         labels: _ctx.labels,
@@ -25606,7 +25618,7 @@ const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
         default: vue.withCtx(() => {
           var _a26;
           return [
-            showGoToResultsButton.value && ((_a26 = searchResult.value) == null ? void 0 : _a26.items.length) ? (vue.openBlock(), vue.createBlock(_sfc_main$1d, {
+            showGoToResultsButton.value && ((_a26 = searchResult.value) == null ? void 0 : _a26.items.length) ? (vue.openBlock(), vue.createBlock(_sfc_main$1h, {
               key: 0,
               options: _ctx.searchBoxOptions,
               panel: _ctx.panel,
@@ -25627,7 +25639,7 @@ const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBoxRelatedSourceWrapper",
   props: {
     panel: {},
@@ -25699,7 +25711,7 @@ const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       var _a25, _b25;
-      return vue.openBlock(), vue.createBlock(_sfc_main$1e, {
+      return vue.openBlock(), vue.createBlock(_sfc_main$1i, {
         items: (_b25 = (_a25 = searchResult.value) == null ? void 0 : _a25.items) != null ? _b25 : [],
         panelOptions: documentPanelOptions.value,
         labels: _ctx.labels,
@@ -25717,8 +25729,8 @@ const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$10 = ["data-cy"];
-const _hoisted_2$L = {
+const _hoisted_1$12 = ["data-cy"];
+const _hoisted_2$M = {
   key: 0,
   class: "lupa-panel-title lupa-panel-title-top-results"
 };
@@ -25728,12 +25740,12 @@ const _hoisted_3$z = {
 };
 const __default__$2 = {
   components: {
-    SearchBoxSuggestionsWrapper: _sfc_main$1x,
-    SearchBoxProductsWrapper: _sfc_main$1c,
-    SearchBoxRelatedSourceWrapper: _sfc_main$1b
+    SearchBoxSuggestionsWrapper: _sfc_main$1B,
+    SearchBoxProductsWrapper: _sfc_main$1g,
+    SearchBoxRelatedSourceWrapper: _sfc_main$1f
   }
 };
-const _sfc_main$1a = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, __default__$2), {
+const _sfc_main$1e = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, __default__$2), {
   __name: "SearchBoxMainPanel",
   props: {
     options: {},
@@ -25924,7 +25936,7 @@ const _sfc_main$1a = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadV
                 style: vue.normalizeStyle(panel.gridArea ? { gridArea: `${panel.gridArea}${index}` } : {}),
                 "data-cy": "lupa-panel-" + panel.type + "-index"
               }, [
-                ((_a25 = panel.labels) == null ? void 0 : _a25.topResultsTitle) && showTopResultsPanelTitle(panel.queryKey) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$L, vue.toDisplayString((_b25 = panel.labels) == null ? void 0 : _b25.topResultsTitle), 1)) : vue.createCommentVNode("", true),
+                ((_a25 = panel.labels) == null ? void 0 : _a25.topResultsTitle) && showTopResultsPanelTitle(panel.queryKey) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$M, vue.toDisplayString((_b25 = panel.labels) == null ? void 0 : _b25.topResultsTitle), 1)) : vue.createCommentVNode("", true),
                 ((_c = panel.labels) == null ? void 0 : _c.title) && showPanelTitle(panel) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$z, vue.toDisplayString((_d = panel.labels) == null ? void 0 : _d.title), 1)) : vue.createCommentVNode("", true),
                 panel.queryKey && canShowPanel(panel) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(getComponent(panel.type)), {
                   key: 2,
@@ -25947,14 +25959,14 @@ const _sfc_main$1a = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadV
                     key: "0"
                   } : void 0
                 ]), 1064, ["panel", "search-box-options", "options", "debounce", "inputValue", "labels"])) : vue.createCommentVNode("", true)
-              ], 14, _hoisted_1$10);
+              ], 14, _hoisted_1$12);
             }), 128))
           ], 4),
-          !vue.unref(hasAnyResults) && _ctx.options.showNoResultsPanel ? (vue.openBlock(), vue.createBlock(_sfc_main$1A, {
+          !vue.unref(hasAnyResults) && _ctx.options.showNoResultsPanel ? (vue.openBlock(), vue.createBlock(_sfc_main$1E, {
             key: 1,
             options: _ctx.options
           }, null, 8, ["options"])) : vue.createCommentVNode("", true),
-          displayShowMoreResultsButton.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1D, {
+          displayShowMoreResultsButton.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1H, {
             key: 2,
             labels: labels.value,
             options: _ctx.options,
@@ -25965,7 +25977,7 @@ const _sfc_main$1a = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadV
           id: "lupa-search-box-panel",
           class: vue.normalizeClass({ "lupa-search-text-empty": isSearchEmpty.value })
         }, [
-          vue.createVNode(_sfc_main$1B, {
+          vue.createVNode(_sfc_main$1F, {
             options: _ctx.options.history,
             history: history.value,
             onGoToResults: handleGoToResults,
@@ -25990,8 +26002,8 @@ const unbindSearchTriggers = (triggers = [], event) => {
   const elements = getElements(triggers);
   elements.forEach((e2) => e2 == null ? void 0 : e2.removeEventListener(BIND_EVENT, event));
 };
-const _hoisted_1$$ = { class: "lupa-search-box-wrapper" };
-const _sfc_main$19 = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$11 = { class: "lupa-search-box-wrapper" };
+const _sfc_main$1d = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchBox",
   props: {
     options: {},
@@ -26330,8 +26342,8 @@ const _sfc_main$19 = /* @__PURE__ */ vue.defineComponent({
         id: "lupa-search-box",
         class: vue.normalizeClass({ "lupa-search-box-opened": opened.value })
       }, [
-        vue.createElementVNode("div", _hoisted_1$$, [
-          vue.createVNode(_sfc_main$1E, {
+        vue.createElementVNode("div", _hoisted_1$11, [
+          vue.createVNode(_sfc_main$1I, {
             options: inputOptions.value,
             suggestedValue: suggestedValue.value,
             "can-close": (_a26 = _ctx.isSearchContainer) != null ? _a26 : false,
@@ -26344,7 +26356,7 @@ const _sfc_main$19 = /* @__PURE__ */ vue.defineComponent({
             onSearch: handleSearch,
             onClose: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
           }, null, 8, ["options", "suggestedValue", "can-close", "emit-input-on-focus"]),
-          opened.value || _ctx.isSearchContainer ? (vue.openBlock(), vue.createBlock(_sfc_main$1a, {
+          opened.value || _ctx.isSearchContainer ? (vue.openBlock(), vue.createBlock(_sfc_main$1e, {
             key: 0,
             options: panelOptions.value,
             inputValue: inputValue.value,
@@ -26452,11 +26464,11 @@ const getInitialSearchResults = (options, getQueryParamName, defaultData) => __a
     options.options.onError(e2);
   }
 });
-const _hoisted_1$_ = {
+const _hoisted_1$10 = {
   key: 0,
   id: "lupa-search-results-did-you-mean"
 };
-const _hoisted_2$K = {
+const _hoisted_2$L = {
   key: 0,
   "data-cy": "suggested-search-text-label"
 };
@@ -26465,7 +26477,7 @@ const _hoisted_3$y = {
   "data-cy": "did-you-mean-label"
 };
 const _hoisted_4$p = { key: 1 };
-const _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsDidYouMean",
   props: {
     labels: {}
@@ -26497,8 +26509,8 @@ const _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
       paramStore.goToResults({ searchText, facet });
     };
     return (_ctx, _cache) => {
-      return vue.unref(searchResult).suggestedSearchText || didYouMeanValue.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$_, [
-        vue.unref(searchResult).suggestedSearchText ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$K, [
+      return vue.unref(searchResult).suggestedSearchText || didYouMeanValue.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$10, [
+        vue.unref(searchResult).suggestedSearchText ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$L, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.labels.noResultsSuggestion.split(" "), (label, index) => {
             return vue.openBlock(), vue.createElementBlock("span", { key: index }, [
               vue.createElementVNode("span", {
@@ -26523,12 +26535,12 @@ const _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$Z = {
+const _hoisted_1$$ = {
   key: 0,
   class: "lupa-search-results-summary"
 };
-const _hoisted_2$J = ["innerHTML"];
-const _sfc_main$17 = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_2$K = ["innerHTML"];
+const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsSummary",
   props: {
     label: {},
@@ -26543,8 +26555,8 @@ const _sfc_main$17 = /* @__PURE__ */ vue.defineComponent({
       return addParamsToLabel(props.label, range2, `<span>${totalItems.value}</span>`);
     });
     return (_ctx, _cache) => {
-      return vue.unref(totalItems) > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$Z, [
-        vue.createElementVNode("div", { innerHTML: summaryLabel.value }, null, 8, _hoisted_2$J),
+      return vue.unref(totalItems) > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$$, [
+        vue.createElementVNode("div", { innerHTML: summaryLabel.value }, null, 8, _hoisted_2$K),
         _ctx.clearable ? (vue.openBlock(), vue.createElementBlock("span", {
           key: 0,
           class: "lupa-filter-clear",
@@ -26555,7 +26567,130 @@ const _sfc_main$17 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$Y = {
+const _sfc_main$1a = /* @__PURE__ */ vue.defineComponent({
+  __name: "SkeletonBlock",
+  props: {
+    style: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: "lupa-skeleton-block-wrapper",
+        style: vue.normalizeStyle(_ctx.style)
+      }, _cache[0] || (_cache[0] = [
+        vue.createElementVNode("div", { class: "lupa-skeleton-block" }, [
+          vue.createElementVNode("div", { class: "lupa-skeleton-block__shimmer" })
+        ], -1)
+      ]), 4);
+    };
+  }
+});
+const _sfc_main$19 = /* @__PURE__ */ vue.defineComponent({
+  __name: "SkeletonText",
+  props: {
+    style: {},
+    lines: { default: 1 }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: "lupa-skeleton-text-wrapper",
+        style: vue.normalizeStyle(_ctx.style)
+      }, [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.lines, (i) => {
+          return vue.openBlock(), vue.createElementBlock("div", {
+            key: i,
+            class: "lupa-skeleton-line"
+          }, _cache[0] || (_cache[0] = [
+            vue.createElementVNode("div", { class: "lupa-skeleton-line__shimmer" }, null, -1)
+          ]));
+        }), 128))
+      ], 4);
+    };
+  }
+});
+const _hoisted_1$_ = {
+  key: 1,
+  class: "lupa-skeleton-text"
+};
+const _hoisted_2$J = {
+  key: 2,
+  class: "lupa-skeleton-blocks"
+};
+const _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
+  __name: "LoadingBlock",
+  props: {
+    style: {},
+    type: {},
+    enabled: { type: Boolean },
+    loading: { type: Boolean },
+    count: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return !_ctx.loading || !_ctx.enabled ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : _ctx.type === "text" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$_, [
+        vue.createVNode(_sfc_main$19, {
+          style: vue.normalizeStyle(_ctx.style),
+          lines: _ctx.count
+        }, null, 8, ["style", "lines"])
+      ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$J, [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.count, (n) => {
+          return vue.openBlock(), vue.createBlock(_sfc_main$1a, {
+            key: n,
+            style: vue.normalizeStyle(_ctx.style)
+          }, null, 8, ["style"]);
+        }), 128))
+      ]));
+    };
+  }
+});
+const useLoadingSkeleton = () => {
+  const paramsStore = useParamsStore();
+  const optionsStore = useOptionsStore();
+  const searchResultStore = useSearchResultStore();
+  const { limit } = storeToRefs(paramsStore);
+  const {
+    searchResult,
+    relatedQueriesResult,
+    loading,
+    loadingFacets: loadingFacetsBase,
+    loadingRelatedQueries
+  } = storeToRefs(searchResultStore);
+  const { searchResultOptions } = storeToRefs(optionsStore);
+  const skeletonEnabled = vue.computed(() => {
+    var _a25, _b25, _c, _d;
+    return ((_b25 = (_a25 = searchResultOptions.value) == null ? void 0 : _a25.loadingSkeleton) == null ? void 0 : _b25.enabled) && !((_d = (_c = searchResult.value) == null ? void 0 : _c.items) == null ? void 0 : _d.length);
+  });
+  const relatedQueriesSkeletonEnabled = vue.computed(() => {
+    var _a25, _b25, _c, _d, _e;
+    return ((_b25 = (_a25 = searchResultOptions.value) == null ? void 0 : _a25.loadingSkeleton) == null ? void 0 : _b25.enabled) && Boolean((_c = searchResultOptions.value) == null ? void 0 : _c.relatedQueries) && !((_e = (_d = relatedQueriesResult.value) == null ? void 0 : _d.relatedQueries) == null ? void 0 : _e.length);
+  });
+  const facetSkeletonEnabled = vue.computed(() => {
+    var _a25, _b25, _c, _d;
+    return ((_b25 = (_a25 = searchResultOptions.value) == null ? void 0 : _a25.loadingSkeleton) == null ? void 0 : _b25.enabled) && !((_d = (_c = searchResult.value) == null ? void 0 : _c.facets) == null ? void 0 : _d.length);
+  });
+  const loadingFacets = vue.computed(() => {
+    var _a25;
+    if ((_a25 = searchResultOptions.value) == null ? void 0 : _a25.splitExpensiveRequests) {
+      return loadingFacetsBase.value;
+    }
+    return loading.value;
+  });
+  const loadingAny = vue.computed(() => {
+    return loading.value || loadingRelatedQueries.value || loadingFacets.value;
+  });
+  return {
+    loading,
+    loadingRelatedQueries,
+    loadingFacets,
+    loadingAny,
+    limit,
+    skeletonEnabled,
+    relatedQueriesSkeletonEnabled,
+    facetSkeletonEnabled
+  };
+};
+const _hoisted_1$Z = {
   key: 0,
   class: "lupa-result-page-title",
   "data-cy": "lupa-result-page-title"
@@ -26567,7 +26702,7 @@ const _hoisted_3$x = {
 };
 const _hoisted_4$o = { class: "lupa-results-total-count-number" };
 const _hoisted_5$g = ["innerHTML"];
-const _sfc_main$16 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$17 = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsTitle",
   props: {
     options: {},
@@ -26577,7 +26712,10 @@ const _sfc_main$16 = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     const props = __props;
     const searchResultStore = useSearchResultStore();
+    const paramsStore = useParamsStore();
     const { currentQueryText, totalItems, searchResult } = storeToRefs(searchResultStore);
+    const { skeletonEnabled, loading } = useLoadingSkeleton();
+    const { query } = storeToRefs(paramsStore);
     const suggestedSearchText = vue.computed(() => searchResult.value.suggestedSearchText);
     const queryText = vue.computed(() => {
       return suggestedSearchText.value || currentQueryText.value;
@@ -26610,29 +26748,39 @@ const _sfc_main$16 = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", null, [
-        showSearchTitle.value ? (vue.openBlock(), vue.createElementBlock("h1", _hoisted_1$Y, [
-          vue.createTextVNode(vue.toDisplayString(searchResultsTitleTemplate.value || _ctx.options.labels.searchResults), 1),
-          queryText.value && !searchResultsTitleTemplate.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$I, "'" + vue.toDisplayString(queryText.value) + "'", 1)) : vue.createCommentVNode("", true),
-          showProductCount.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$x, [
-            vue.createTextVNode("(" + vue.toDisplayString(searchResultsCountLabel.value), 1),
-            vue.createElementVNode("span", _hoisted_4$o, vue.toDisplayString(vue.unref(totalItems)), 1),
-            _cache[0] || (_cache[0] = vue.createTextVNode(")"))
-          ])) : vue.createCommentVNode("", true)
-        ])) : vue.createCommentVNode("", true),
-        _ctx.showSummary ? (vue.openBlock(), vue.createBlock(_sfc_main$17, {
-          key: 1,
-          label: summaryLabel.value
-        }, null, 8, ["label"])) : vue.createCommentVNode("", true),
-        descriptionTop.value ? (vue.openBlock(), vue.createElementBlock("div", {
-          key: 2,
-          class: "lupa-result-page-description-top",
-          innerHTML: descriptionTop.value
-        }, null, 8, _hoisted_5$g)) : vue.createCommentVNode("", true)
+        vue.createVNode(_sfc_main$18, {
+          type: "text",
+          count: 1,
+          enabled: vue.unref(skeletonEnabled) && Boolean(vue.unref(query)),
+          loading: vue.unref(loading)
+        }, {
+          default: vue.withCtx(() => [
+            showSearchTitle.value ? (vue.openBlock(), vue.createElementBlock("h1", _hoisted_1$Z, [
+              vue.createTextVNode(vue.toDisplayString(searchResultsTitleTemplate.value || _ctx.options.labels.searchResults), 1),
+              queryText.value && !searchResultsTitleTemplate.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$I, "'" + vue.toDisplayString(queryText.value) + "'", 1)) : vue.createCommentVNode("", true),
+              showProductCount.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$x, [
+                vue.createTextVNode("(" + vue.toDisplayString(searchResultsCountLabel.value), 1),
+                vue.createElementVNode("span", _hoisted_4$o, vue.toDisplayString(vue.unref(totalItems)), 1),
+                _cache[0] || (_cache[0] = vue.createTextVNode(")"))
+              ])) : vue.createCommentVNode("", true)
+            ])) : vue.createCommentVNode("", true),
+            _ctx.showSummary ? (vue.openBlock(), vue.createBlock(_sfc_main$1b, {
+              key: 1,
+              label: summaryLabel.value
+            }, null, 8, ["label"])) : vue.createCommentVNode("", true),
+            descriptionTop.value ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 2,
+              class: "lupa-result-page-description-top",
+              innerHTML: descriptionTop.value
+            }, null, 8, _hoisted_5$g)) : vue.createCommentVNode("", true)
+          ]),
+          _: 1
+        }, 8, ["enabled", "loading"])
       ]);
     };
   }
 });
-const _hoisted_1$X = {
+const _hoisted_1$Y = {
   class: "lupa-current-filter-label",
   "data-cy": "lupa-current-filter-label"
 };
@@ -26640,7 +26788,7 @@ const _hoisted_2$H = {
   class: "lupa-current-filter-value",
   "data-cy": "lupa-current-filter-value"
 };
-const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$16 = /* @__PURE__ */ vue.defineComponent({
   __name: "CurrentFilterDisplay",
   props: {
     filter: {}
@@ -26682,13 +26830,13 @@ const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
           onClick: handleClick,
           "aria-label": "Remove filter"
         }, "⨉"),
-        vue.createElementVNode("div", _hoisted_1$X, vue.toDisplayString(_ctx.filter.label) + ": ", 1),
+        vue.createElementVNode("div", _hoisted_1$Y, vue.toDisplayString(_ctx.filter.label) + ": ", 1),
         vue.createElementVNode("div", _hoisted_2$H, vue.toDisplayString(formatFilterValue(props.filter)), 1)
       ], 2);
     };
   }
 });
-const _hoisted_1$W = { class: "lupa-filter-title-text" };
+const _hoisted_1$X = { class: "lupa-filter-title-text" };
 const _hoisted_2$G = {
   key: 0,
   class: "lupa-filter-count"
@@ -26698,7 +26846,7 @@ const _hoisted_3$w = {
   class: "filter-values"
 };
 const _hoisted_4$n = { class: "lupa-current-filter-list" };
-const _sfc_main$14 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
   __name: "CurrentFilters",
   props: {
     options: {},
@@ -26778,7 +26926,7 @@ const _sfc_main$14 = /* @__PURE__ */ vue.defineComponent({
           class: "lupa-current-filter-title",
           onClick: _cache[0] || (_cache[0] = ($event) => isOpen.value = !isOpen.value)
         }, [
-          vue.createElementVNode("div", _hoisted_1$W, [
+          vue.createElementVNode("div", _hoisted_1$X, [
             vue.createTextVNode(vue.toDisplayString((_c = (_b25 = (_a25 = _ctx.options) == null ? void 0 : _a25.labels) == null ? void 0 : _b25.title) != null ? _c : "") + " ", 1),
             _ctx.expandable ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$G, " (" + vue.toDisplayString(vue.unref(currentFilterCount)) + ") ", 1)) : vue.createCommentVNode("", true)
           ]),
@@ -26790,7 +26938,7 @@ const _sfc_main$14 = /* @__PURE__ */ vue.defineComponent({
         !_ctx.expandable || isOpen.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$w, [
           vue.createElementVNode("div", _hoisted_4$n, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(currentDisplayFilters.value, (filter) => {
-              return vue.openBlock(), vue.createBlock(_sfc_main$15, {
+              return vue.openBlock(), vue.createBlock(_sfc_main$16, {
                 key: filter.key + "_" + filter.value,
                 filter,
                 units: units.value,
@@ -26808,8 +26956,8 @@ const _sfc_main$14 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$V = ["href"];
-const _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$W = ["href"];
+const _sfc_main$14 = /* @__PURE__ */ vue.defineComponent({
   __name: "CategoryFilterItem",
   props: {
     options: {},
@@ -26846,12 +26994,12 @@ const _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
           "data-cy": "lupa-child-category-item",
           href: urlLink.value,
           onClick: handleNavigation
-        }, vue.toDisplayString(title.value), 9, _hoisted_1$V)
+        }, vue.toDisplayString(title.value), 9, _hoisted_1$W)
       ], 2);
     };
   }
 });
-const _hoisted_1$U = {
+const _hoisted_1$V = {
   class: "lupa-category-filter",
   "data-cy": "lupa-category-filter"
 };
@@ -26859,7 +27007,7 @@ const _hoisted_2$F = { class: "lupa-category-back" };
 const _hoisted_3$v = ["href"];
 const _hoisted_4$m = ["href"];
 const _hoisted_5$f = { class: "lupa-child-category-list" };
-const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
   __name: "CategoryFilter",
   props: {
     options: {}
@@ -26947,7 +27095,7 @@ const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
     };
     __expose({ fetch: fetch2 });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$U, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$V, [
         vue.createElementVNode("div", _hoisted_2$F, [
           hasBackButton.value ? (vue.openBlock(), vue.createElementBlock("a", {
             key: 0,
@@ -26968,7 +27116,7 @@ const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
         ], 2),
         vue.createElementVNode("div", _hoisted_5$f, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(categoryChildren.value, (child) => {
-            return vue.openBlock(), vue.createBlock(_sfc_main$13, {
+            return vue.openBlock(), vue.createBlock(_sfc_main$14, {
               key: getCategoryKey(child),
               item: child,
               options: _ctx.options
@@ -26979,7 +27127,7 @@ const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$T = {
+const _hoisted_1$U = {
   class: "lupa-search-result-facet-term-values",
   "data-cy": "lupa-search-result-facet-term-values"
 };
@@ -26994,7 +27142,7 @@ const _hoisted_7$4 = {
 };
 const _hoisted_8$2 = { key: 0 };
 const _hoisted_9$2 = { key: 1 };
-const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
   __name: "TermFacet",
   props: {
     options: {},
@@ -27088,7 +27236,7 @@ const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$T, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$U, [
         isFilterable.value ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
           key: 0,
           class: "lupa-term-filter",
@@ -28037,7 +28185,7 @@ const roundToMaxDecimals = (value, maxPrecision = 0.1) => {
   }
   return out;
 };
-const _hoisted_1$S = { class: "lupa-search-result-facet-stats-values" };
+const _hoisted_1$T = { class: "lupa-search-result-facet-stats-values" };
 const _hoisted_2$D = {
   key: 0,
   class: "lupa-stats-facet-summary"
@@ -28066,7 +28214,7 @@ const _hoisted_14 = {
   key: 2,
   class: "lupa-stats-slider-wrapper"
 };
-const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
   __name: "StatsFacet",
   props: {
     options: {},
@@ -28285,7 +28433,7 @@ const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
       }
     );
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$S, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$T, [
         !isInputVisible.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$D, vue.toDisplayString(statsSummary.value), 1)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$t, [
           vue.createElementVNode("div", _hoisted_4$k, [
             rangeLabelFrom.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$d, vue.toDisplayString(rangeLabelFrom.value), 1)) : vue.createCommentVNode("", true),
@@ -28350,7 +28498,7 @@ const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$R = { class: "lupa-term-checkbox-wrapper" };
+const _hoisted_1$S = { class: "lupa-term-checkbox-wrapper" };
 const _hoisted_2$C = { class: "lupa-term-label" };
 const _hoisted_3$s = {
   key: 0,
@@ -28360,7 +28508,7 @@ const _hoisted_4$j = {
   key: 0,
   class: "lupa-facet-level"
 };
-const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
   __name: "HierarchyFacetLevel",
   props: {
     options: {},
@@ -28414,7 +28562,7 @@ const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
           "data-cy": "lupa-facet-term",
           onClick: _cache[0] || (_cache[0] = ($event) => handleFacetClick(_ctx.item))
         }, [
-          vue.createElementVNode("div", _hoisted_1$R, [
+          vue.createElementVNode("div", _hoisted_1$S, [
             vue.createElementVNode("span", {
               class: vue.normalizeClass(["lupa-term-checkbox", { checked: isChecked.value }])
             }, null, 2)
@@ -28442,13 +28590,13 @@ const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$Q = {
+const _hoisted_1$R = {
   class: "lupa-search-result-facet-term-values lupa-search-result-facet-hierarchy-values",
   "data-cy": "lupa-search-result-facet-term-values"
 };
 const _hoisted_2$B = { key: 0 };
 const _hoisted_3$r = ["placeholder"];
-const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
   __name: "HierarchyFacet",
   props: {
     options: {},
@@ -28504,7 +28652,7 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
       showAll.value = false;
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$Q, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$R, [
         isFilterable.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$B, [
           vue.withDirectives(vue.createElementVNode("input", {
             class: "lupa-term-filter",
@@ -28516,7 +28664,7 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
           ])
         ])) : vue.createCommentVNode("", true),
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(displayValues.value, (item) => {
-          return vue.openBlock(), vue.createBlock(_sfc_main$$, {
+          return vue.openBlock(), vue.createBlock(_sfc_main$10, {
             key: item.title,
             options: _ctx.options,
             item,
@@ -28540,7 +28688,7 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$P = { class: "lupa-facet-label-text" };
+const _hoisted_1$Q = { class: "lupa-facet-label-text" };
 const _hoisted_2$A = {
   key: 0,
   class: "lupa-facet-content",
@@ -28548,12 +28696,12 @@ const _hoisted_2$A = {
 };
 const __default__$1 = {
   components: {
-    TermFacet: _sfc_main$11,
-    StatsFacet: _sfc_main$10,
-    HierarchyFacet: _sfc_main$_
+    TermFacet: _sfc_main$12,
+    StatsFacet: _sfc_main$11,
+    HierarchyFacet: _sfc_main$$
   }
 };
-const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, __default__$1), {
+const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, __default__$1), {
   __name: "FacetDisplay",
   props: {
     options: {},
@@ -28700,7 +28848,7 @@ const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadVa
           "data-cy": "lupa-search-result-facet-label",
           onClick: toggleFacet
         }, [
-          vue.createElementVNode("div", _hoisted_1$P, vue.toDisplayString(facetLabel.value), 1),
+          vue.createElementVNode("div", _hoisted_1$Q, vue.toDisplayString(facetLabel.value), 1),
           vue.createElementVNode("div", {
             class: vue.normalizeClass(["lupa-facet-label-caret", isOpen.value && "open"])
           }, null, 2)
@@ -28818,11 +28966,11 @@ const useSidebarToggle = () => {
     handleSortSidebarToggle
   };
 };
-const _hoisted_1$O = {
+const _hoisted_1$P = {
   key: 0,
   class: "lupa-desktop-toggle-filter-count"
 };
-const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
   __name: "DesktopFacetToggle",
   setup(__props) {
     const {
@@ -28844,12 +28992,12 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
         (...args) => vue.unref(handleFilterSidebarToggle) && vue.unref(handleFilterSidebarToggle)(...args))
       }, [
         vue.createTextVNode(vue.toDisplayString(vue.unref(label)) + " ", 1),
-        vue.unref(showMobileFilterCount) && vue.unref(currentFilterCount) > 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$O, vue.toDisplayString(vue.unref(currentFilterCount)), 1)) : vue.createCommentVNode("", true)
+        vue.unref(showMobileFilterCount) && vue.unref(currentFilterCount) > 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$P, vue.toDisplayString(vue.unref(currentFilterCount)), 1)) : vue.createCommentVNode("", true)
       ], 2);
     };
   }
 });
-const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
   __name: "DesktopSortToggle",
   setup(__props) {
     const { isSidebarVisible, sortLabel, sortToggleVisible, handleSortSidebarToggle } = useSidebarToggle();
@@ -28865,12 +29013,12 @@ const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$N = { class: "lupa-search-result-facet-section" };
+const _hoisted_1$O = { class: "lupa-search-result-facet-section" };
 const _hoisted_2$z = {
   key: 0,
   class: "lupa-facets-title"
 };
-const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
   __name: "FacetList",
   props: {
     options: {},
@@ -28912,14 +29060,14 @@ const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
     };
     return (_ctx, _cache) => {
       var _a25;
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$N, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$O, [
         _ctx.options.labels.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$z, vue.toDisplayString(_ctx.options.labels.title), 1)) : vue.createCommentVNode("", true),
         vue.createElementVNode("div", {
           class: vue.normalizeClass(["lupa-search-result-facet-list", "lupa-" + ((_a25 = displayFacetStyle.value) != null ? _a25 : "")])
         }, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(displayFacets.value, (facet) => {
             var _a26;
-            return vue.openBlock(), vue.createBlock(_sfc_main$Z, {
+            return vue.openBlock(), vue.createBlock(_sfc_main$_, {
               key: facet.key,
               facet,
               currentFilters: currentFiltersValue.value,
@@ -28931,14 +29079,14 @@ const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
               onExpand: vue.unref(handleFilterSidebarToggle)
             }, null, 8, ["facet", "currentFilters", "options", "clearable", "current-facet-style", "onExpand"]);
           }), 128)),
-          _ctx.facetStyle === "drawer" ? (vue.openBlock(), vue.createBlock(_sfc_main$Y, { key: 0 })) : vue.createCommentVNode("", true),
-          _ctx.facetStyle === "drawer" || _ctx.facetStyle === "top-dropdown" ? (vue.openBlock(), vue.createBlock(_sfc_main$X, { key: 1 })) : vue.createCommentVNode("", true)
+          _ctx.facetStyle === "drawer" ? (vue.openBlock(), vue.createBlock(_sfc_main$Z, { key: 0 })) : vue.createCommentVNode("", true),
+          _ctx.facetStyle === "drawer" || _ctx.facetStyle === "top-dropdown" ? (vue.openBlock(), vue.createBlock(_sfc_main$Y, { key: 1 })) : vue.createCommentVNode("", true)
         ], 2)
       ]);
     };
   }
 });
-const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
   __name: "FacetsButton",
   props: {
     options: {}
@@ -28963,7 +29111,7 @@ const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
   __name: "FacetsClearButton",
   props: {
     options: {}
@@ -28988,8 +29136,8 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$M = { class: "lupa-facets-filter-button-wrapper" };
-const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$N = { class: "lupa-facets-filter-button-wrapper" };
+const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
   __name: "Facets",
   props: {
     options: {},
@@ -29097,7 +29245,7 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(["lupa-search-result-facets", { "lupa-search-result-facets-loading": vue.unref(loadingFacets) }])
       }, [
-        regularFacets.value ? (vue.openBlock(), vue.createBlock(_sfc_main$W, {
+        regularFacets.value ? (vue.openBlock(), vue.createBlock(_sfc_main$X, {
           key: 0,
           options: _ctx.options,
           facets: regularFacets.value,
@@ -29107,13 +29255,13 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
           onSelect: handleFacetSelect,
           onClear: clear
         }, null, 8, ["options", "facets", "currentFilters", "facetStyle", "clearable"])) : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", _hoisted_1$M, [
-          showFilterButton.value ? (vue.openBlock(), vue.createBlock(_sfc_main$U, {
+        vue.createElementVNode("div", _hoisted_1$N, [
+          showFilterButton.value ? (vue.openBlock(), vue.createBlock(_sfc_main$V, {
             key: 0,
             options: _ctx.options,
             onClear: clearAll
           }, null, 8, ["options"])) : vue.createCommentVNode("", true),
-          showFilterButton.value ? (vue.openBlock(), vue.createBlock(_sfc_main$V, {
+          showFilterButton.value ? (vue.openBlock(), vue.createBlock(_sfc_main$W, {
             key: 1,
             options: _ctx.options,
             onFilter: filter
@@ -29123,12 +29271,12 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$L = {
+const _hoisted_1$M = {
   key: 0,
   id: "lupa-search-result-filters",
   class: "lupa-search-result-filters"
 };
-const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsFilters",
   props: {
     options: {},
@@ -29138,6 +29286,7 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
   emits: ["filter"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const categoryFilters = vue.ref(null);
+    const { facetSkeletonEnabled, loadingFacets } = useLoadingSkeleton();
     const props = __props;
     const emit = __emit;
     const desktopFiltersVisible = vue.computed(() => {
@@ -29166,30 +29315,42 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
     };
     __expose({ fetch: fetch2 });
     return (_ctx, _cache) => {
-      var _a25;
-      return visible.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$L, [
-        showCurrentFilters.value ? (vue.openBlock(), vue.createBlock(_sfc_main$14, {
-          key: 0,
-          options: _ctx.options.currentFilters,
-          expandable: (_a25 = _ctx.expandable) != null ? _a25 : false
-        }, null, 8, ["options", "expandable"])) : vue.createCommentVNode("", true),
-        _ctx.options.categories ? (vue.openBlock(), vue.createBlock(_sfc_main$12, {
-          key: 1,
-          options: _ctx.options.categories,
-          ref_key: "categoryFilters",
-          ref: categoryFilters
-        }, null, 8, ["options"])) : vue.createCommentVNode("", true),
-        _ctx.options.facets ? (vue.openBlock(), vue.createBlock(_sfc_main$T, {
-          key: 2,
-          options: _ctx.options.facets,
-          "facet-style": _ctx.style,
-          onFilter: filter
-        }, null, 8, ["options", "facet-style"])) : vue.createCommentVNode("", true)
+      return visible.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$M, [
+        vue.createVNode(_sfc_main$18, {
+          class: "lupa-skeleton-filters",
+          count: 1,
+          enabled: vue.unref(facetSkeletonEnabled),
+          loading: vue.unref(loadingFacets)
+        }, {
+          default: vue.withCtx(() => {
+            var _a25;
+            return [
+              showCurrentFilters.value ? (vue.openBlock(), vue.createBlock(_sfc_main$15, {
+                key: 0,
+                options: _ctx.options.currentFilters,
+                expandable: (_a25 = _ctx.expandable) != null ? _a25 : false
+              }, null, 8, ["options", "expandable"])) : vue.createCommentVNode("", true),
+              _ctx.options.categories ? (vue.openBlock(), vue.createBlock(_sfc_main$13, {
+                key: 1,
+                options: _ctx.options.categories,
+                ref_key: "categoryFilters",
+                ref: categoryFilters
+              }, null, 8, ["options"])) : vue.createCommentVNode("", true),
+              _ctx.options.facets ? (vue.openBlock(), vue.createBlock(_sfc_main$U, {
+                key: 2,
+                options: _ctx.options.facets,
+                "facet-style": _ctx.style,
+                onFilter: filter
+              }, null, 8, ["options", "facet-style"])) : vue.createCommentVNode("", true)
+            ];
+          }),
+          _: 1
+        }, 8, ["enabled", "loading"])
       ])) : vue.createCommentVNode("", true);
     };
   }
 });
-const _hoisted_1$K = { class: "lupa-mobile-sidebar-content" };
+const _hoisted_1$L = { class: "lupa-mobile-sidebar-content" };
 const _hoisted_2$y = { class: "lupa-sidebar-top" };
 const _hoisted_3$q = { class: "lupa-sidebar-title" };
 const _hoisted_4$i = {
@@ -29197,7 +29358,7 @@ const _hoisted_4$i = {
   class: "lupa-sidebar-filter-count"
 };
 const _hoisted_5$c = { class: "lupa-sidebar-filter-options" };
-const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
   __name: "MobileFilterSidebar",
   props: {
     options: {}
@@ -29236,7 +29397,7 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
           class: "lupa-sidebar-close",
           onClick: vue.withModifiers(handleMobileToggle, ["stop"])
         }),
-        vue.createElementVNode("div", _hoisted_1$K, [
+        vue.createElementVNode("div", _hoisted_1$L, [
           vue.createElementVNode("div", _hoisted_2$y, [
             vue.createElementVNode("div", _hoisted_3$q, [
               vue.createTextVNode(vue.toDisplayString(sidebarTitle.value) + " ", 1),
@@ -29248,7 +29409,7 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
             })
           ]),
           vue.createElementVNode("div", _hoisted_5$c, [
-            vue.createVNode(_sfc_main$S, {
+            vue.createVNode(_sfc_main$T, {
               options: _ctx.options,
               expandable: isActiveFiltersExpanded.value,
               style: "sidebar",
@@ -29260,14 +29421,17 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$J = { id: "lupa-search-results-breadcrumbs" };
+const _hoisted_1$K = {
+  key: 0,
+  id: "lupa-search-results-breadcrumbs"
+};
 const _hoisted_2$x = ["href", "onClick"];
 const _hoisted_3$p = {
   key: 1,
   class: "lupa-search-results-breadcrumb-text"
 };
 const _hoisted_4$h = { key: 2 };
-const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsBreadcrumbs",
   props: {
     breadcrumbs: {}
@@ -29285,6 +29449,10 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
     const hasEventRouting = vue.computed(() => {
       return searchResultOptions.value.routingBehavior === "event";
     });
+    const hasBreadcrumbs = vue.computed(() => {
+      var _a25;
+      return ((_a25 = breadcrumbsValue.value) == null ? void 0 : _a25.length) > 0;
+    });
     const getLabel = (label) => {
       return addParamsToLabel(label, `'${currentQueryText.value}'`);
     };
@@ -29292,7 +29460,7 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
       handleRoutingEvent(link, event, hasEventRouting.value);
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$J, [
+      return hasBreadcrumbs.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$K, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(breadcrumbsValue.value, (breadcrumb, index) => {
           var _a25;
           return vue.openBlock(), vue.createElementBlock("span", {
@@ -29311,16 +29479,16 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
             index < breadcrumbsValue.value.length - 1 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$h, vue.toDisplayString((_a25 = breadcrumb.separator) != null ? _a25 : "/"), 1)) : vue.createCommentVNode("", true)
           ]);
         }), 128))
-      ]);
+      ])) : vue.createCommentVNode("", true);
     };
   }
 });
-const _hoisted_1$I = {
+const _hoisted_1$J = {
   key: 0,
   id: "lupa-search-result-filters",
   class: "lupa-search-result-filters lupa-search-result-top-filters"
 };
-const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
   __name: "FiltersTopDropdown",
   props: {
     options: {}
@@ -29328,6 +29496,7 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
   emits: ["filter"],
   setup(__props, { emit: __emit }) {
     const props = __props;
+    const { facetSkeletonEnabled, loadingFacets } = useLoadingSkeleton();
     const emit = __emit;
     const filter = () => {
       emit("filter");
@@ -29337,21 +29506,33 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
       return (_a25 = props.options.visible) != null ? _a25 : true;
     });
     return (_ctx, _cache) => {
-      var _a25;
-      return visible.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$I, [
-        _ctx.options.facets ? (vue.openBlock(), vue.createBlock(_sfc_main$T, {
-          key: 0,
-          options: _ctx.options.facets,
-          "facet-style": (_a25 = _ctx.options.facets.style) == null ? void 0 : _a25.type,
-          clearable: true,
-          onFilter: filter
-        }, null, 8, ["options", "facet-style"])) : vue.createCommentVNode("", true)
+      return visible.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$J, [
+        vue.createVNode(_sfc_main$18, {
+          class: "lupa-skeleton-top-dropdown-filters",
+          count: 1,
+          enabled: vue.unref(facetSkeletonEnabled),
+          loading: vue.unref(loadingFacets)
+        }, {
+          default: vue.withCtx(() => {
+            var _a25;
+            return [
+              _ctx.options.facets ? (vue.openBlock(), vue.createBlock(_sfc_main$U, {
+                key: 0,
+                options: _ctx.options.facets,
+                "facet-style": (_a25 = _ctx.options.facets.style) == null ? void 0 : _a25.type,
+                clearable: true,
+                onFilter: filter
+              }, null, 8, ["options", "facet-style"])) : vue.createCommentVNode("", true)
+            ];
+          }),
+          _: 1
+        }, 8, ["enabled", "loading"])
       ])) : vue.createCommentVNode("", true);
     };
   }
 });
-const _hoisted_1$H = { id: "lupa-search-results-layout-selection" };
-const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$I = { id: "lupa-search-results-layout-selection" };
+const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsLayoutSelection",
   setup(__props) {
     const searchResultStore = useSearchResultStore();
@@ -29362,7 +29543,7 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
       searchResultStore.setLayout(layout2);
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$H, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$I, [
         vue.createElementVNode("div", {
           class: vue.normalizeClass([
             "lupa-layout-selection-grid",
@@ -29384,11 +29565,11 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$G = {
+const _hoisted_1$H = {
   key: 0,
   class: "lupa-mobile-toggle-filter-count"
 };
-const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsMobileToggle",
   setup(__props) {
     const {
@@ -29410,12 +29591,12 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
         (...args) => vue.unref(handleFilterSidebarToggle) && vue.unref(handleFilterSidebarToggle)(...args))
       }, [
         vue.createTextVNode(vue.toDisplayString(vue.unref(label)) + " ", 1),
-        vue.unref(showMobileFilterCount) && vue.unref(currentFilterCount) > 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$G, vue.toDisplayString(vue.unref(currentFilterCount)), 1)) : vue.createCommentVNode("", true)
+        vue.unref(showMobileFilterCount) && vue.unref(currentFilterCount) > 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$H, vue.toDisplayString(vue.unref(currentFilterCount)), 1)) : vue.createCommentVNode("", true)
       ], 2);
     };
   }
 });
-const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsMobileFilterClose",
   props: {
     label: {}
@@ -29435,7 +29616,7 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$F = {
+const _hoisted_1$G = {
   key: 0,
   id: "lupa-search-results-page-select",
   "data-cy": "lupa-search-results-page-select"
@@ -29448,7 +29629,7 @@ const _hoisted_3$o = {
   key: 0,
   class: "lupa-page-number-separator"
 };
-const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsPageSelect",
   props: {
     lastPageLabel: {},
@@ -29543,7 +29724,7 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
     };
     return (_ctx, _cache) => {
       var _a25;
-      return showPagination.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$F, [
+      return showPagination.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$G, [
         showBack.value ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(tagName.value), {
           key: 0,
           class: vue.normalizeClass(firstPageLabel.value === "<" ? "lupa-page-arrow" : "lupa-show-less"),
@@ -29618,7 +29799,7 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$E = {
+const _hoisted_1$F = {
   id: "lupa-search-results-page-size",
   "data-cy": "lupa-search-results-page-size"
 };
@@ -29629,7 +29810,7 @@ const _hoisted_3$n = {
 };
 const _hoisted_4$g = ["value", "aria-label"];
 const _hoisted_5$b = ["value"];
-const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsPageSize",
   props: {
     labels: {},
@@ -29660,7 +29841,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
     };
     return (_ctx, _cache) => {
       var _a25, _b25, _c;
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$E, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$F, [
         vue.createElementVNode("div", _hoisted_2$v, [
           vue.createElementVNode("label", _hoisted_3$n, vue.toDisplayString(label.value), 1),
           vue.createElementVNode("select", {
@@ -29752,7 +29933,7 @@ const useSorting = () => {
     setSortValue
   };
 };
-const _hoisted_1$D = {
+const _hoisted_1$E = {
   key: 0,
   id: "lupa-search-results-sort",
   class: "lupa-search-results-sort"
@@ -29764,7 +29945,7 @@ const _hoisted_3$m = {
 };
 const _hoisted_4$f = ["aria-label"];
 const _hoisted_5$a = ["value"];
-const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsSort",
   setup(__props) {
     const {
@@ -29785,7 +29966,7 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       var _a25, _b25;
-      return showDefaultSort.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$D, [
+      return showDefaultSort.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$E, [
         vue.createElementVNode("div", _hoisted_2$u, [
           vue.createElementVNode("label", _hoisted_3$m, vue.toDisplayString(vue.unref(sotyByTitleLabel)), 1),
           vue.withDirectives(vue.createElementVNode("select", {
@@ -29812,7 +29993,7 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsSortDrawerToggle",
   setup(__props) {
     const { isSidebarVisible, sortLabel, sortToggleVisible, handleSortSidebarToggle } = useSidebarToggle();
@@ -29828,7 +30009,7 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$C = { class: "lupa-toolbar-left" };
+const _hoisted_1$D = { class: "lupa-toolbar-left" };
 const _hoisted_2$t = {
   key: 0,
   class: "lupa-toolbar-right-title"
@@ -29843,7 +30024,7 @@ const _hoisted_7$2 = {
 };
 const _hoisted_8 = { key: 2 };
 const _hoisted_9 = { key: 4 };
-const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsToolbar",
   props: {
     options: {},
@@ -29956,16 +30137,16 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
         id: "lupa-search-results-toolbar",
         class: vue.normalizeClass({ "lupa-filter-no-results": !hasResults.value })
       }, [
-        vue.createElementVNode("div", _hoisted_1$C, [
+        vue.createElementVNode("div", _hoisted_1$D, [
           toolbarLeftLabel.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$t, vue.toDisplayString(toolbarLeftLabel.value), 1)) : vue.createCommentVNode("", true),
-          showLayoutSelection.value ? (vue.openBlock(), vue.createBlock(_sfc_main$O, { key: 1 })) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$l)),
-          showItemSummary.value ? (vue.openBlock(), vue.createBlock(_sfc_main$17, {
+          showLayoutSelection.value ? (vue.openBlock(), vue.createBlock(_sfc_main$P, { key: 1 })) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$l)),
+          showItemSummary.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1b, {
             key: 3,
             label: searchSummaryLabel.value,
             clearable: vue.unref(hasAnyFilter) && showFilterClear.value,
             onClear: handleClearAll
           }, null, 8, ["label", "clearable"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$e)),
-          displayPageSelect.value ? (vue.openBlock(), vue.createBlock(_sfc_main$L, {
+          displayPageSelect.value ? (vue.openBlock(), vue.createBlock(_sfc_main$M, {
             key: 5,
             options: paginationOptions.value.pageSelect,
             "last-page-label": paginationOptions.value.labels.showMore,
@@ -29974,19 +30155,19 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
         ]),
         vue.createElementVNode("div", _hoisted_6$4, [
           toolbarRightLabel.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$2, vue.toDisplayString(toolbarRightLabel.value), 1)) : vue.createCommentVNode("", true),
-          vue.createVNode(_sfc_main$N),
-          vue.createVNode(_sfc_main$I),
-          paginationDisplay.value.pageSize ? (vue.openBlock(), vue.createBlock(_sfc_main$K, {
+          vue.createVNode(_sfc_main$O),
+          vue.createVNode(_sfc_main$J),
+          paginationDisplay.value.pageSize ? (vue.openBlock(), vue.createBlock(_sfc_main$L, {
             key: 1,
             options: paginationOptions.value.pageSize,
             labels: paginationOptions.value.labels
           }, null, 8, ["options", "labels"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_8)),
-          sortOptions.value ? (vue.openBlock(), vue.createBlock(_sfc_main$J, {
+          sortOptions.value ? (vue.openBlock(), vue.createBlock(_sfc_main$K, {
             key: 3,
             options: sortOptions.value,
             callbacks: callbacks.value
           }, null, 8, ["options", "callbacks"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_9)),
-          showFiltersCloseButton.value && vue.unref(isFilterSidebarVisible) ? (vue.openBlock(), vue.createBlock(_sfc_main$M, {
+          showFiltersCloseButton.value && vue.unref(isFilterSidebarVisible) ? (vue.openBlock(), vue.createBlock(_sfc_main$N, {
             key: 5,
             label: optionsValue.value.labels.mobileFilterCloseButton
           }, null, 8, ["label"])) : vue.createCommentVNode("", true)
@@ -29995,7 +30176,7 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsProductImage",
   props: {
     item: {},
@@ -30003,7 +30184,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$1w, {
+      return vue.openBlock(), vue.createBlock(_sfc_main$1A, {
         item: _ctx.item,
         options: _ctx.options,
         "wrapper-class": "lupa-search-results-image-wrapper",
@@ -30012,7 +30193,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$B = ["title", "innerHTML"];
+const _hoisted_1$C = ["title", "innerHTML"];
 const _hoisted_2$s = ["title"];
 const _hoisted_3$k = ["href", "innerHTML"];
 const _hoisted_4$d = ["title"];
@@ -30021,7 +30202,7 @@ const _hoisted_5$8 = {
   class: "lupa-search-results-product-title-text"
 };
 const _hoisted_6$3 = ["href"];
-const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsProductTitle",
   props: {
     item: {},
@@ -30058,7 +30239,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
         style: vue.normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`),
         title: sanitizedTitle.value,
         innerHTML: sanitizedTitle.value
-      }, null, 12, _hoisted_1$B)) : isHtml.value && _ctx.options.link ? (vue.openBlock(), vue.createElementBlock("div", {
+      }, null, 12, _hoisted_1$C)) : isHtml.value && _ctx.options.link ? (vue.openBlock(), vue.createElementBlock("div", {
         key: 1,
         class: "lupa-search-results-product-title",
         style: vue.normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`),
@@ -30087,8 +30268,8 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$A = ["innerHTML"];
-const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$B = ["innerHTML"];
+const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsProductDescription",
   props: {
     item: {},
@@ -30115,7 +30296,7 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
         class: "lupa-search-results-product-description",
         style: vue.normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`),
         innerHTML: sanitizedDescription.value
-      }, null, 12, _hoisted_1$A)) : (vue.openBlock(), vue.createElementBlock("div", {
+      }, null, 12, _hoisted_1$B)) : (vue.openBlock(), vue.createElementBlock("div", {
         key: 1,
         class: "lupa-search-results-product-description",
         style: vue.normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`)
@@ -30123,7 +30304,7 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$z = { id: "lupa-search-results-rating" };
+const _hoisted_1$A = { id: "lupa-search-results-rating" };
 const _hoisted_2$r = { class: "lupa-ratings" };
 const _hoisted_3$j = { class: "lupa-ratings-base" };
 const _hoisted_4$c = ["innerHTML"];
@@ -30131,7 +30312,7 @@ const _hoisted_5$7 = { class: "lupa-rating-wrapper" };
 const _hoisted_6$2 = ["innerHTML"];
 const _hoisted_7$1 = ["href"];
 const STAR_COUNT = 5;
-const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsProductRating",
   props: {
     item: {},
@@ -30168,7 +30349,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
       return generateLink(props.options.links.ratingDetails, props.item);
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$z, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$A, [
         vue.createElementVNode("div", _hoisted_2$r, [
           vue.createElementVNode("div", _hoisted_3$j, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(baseStars.value, (star, index) => {
@@ -30202,11 +30383,11 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$y = {
+const _hoisted_1$z = {
   class: "lupa-search-results-product-regular-price",
   "data-cy": "lupa-search-results-product-regular-price"
 };
-const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsProductRegularPrice",
   props: {
     item: {},
@@ -30228,11 +30409,11 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
       );
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$y, vue.toDisplayString(price.value), 1);
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$z, vue.toDisplayString(price.value), 1);
     };
   }
 });
-const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsProductPrice",
   props: {
     item: {},
@@ -30266,12 +30447,12 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$x = { class: "lupa-search-results-add-to-cart-wrapper" };
+const _hoisted_1$y = { class: "lupa-search-results-add-to-cart-wrapper" };
 const _hoisted_2$q = { class: "lupa-search-results-product-addtocart" };
 const _hoisted_3$i = ["disabled"];
 const _hoisted_4$b = ["href"];
 const _hoisted_5$6 = ["id", "disabled"];
-const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsProductAddToCart",
   props: {
     item: {},
@@ -30330,7 +30511,7 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
       loading.value = false;
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$x, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$y, [
         vue.createElementVNode("div", _hoisted_2$q, [
           hasLink.value ? (vue.openBlock(), vue.createElementBlock("button", vue.mergeProps({
             key: 0,
@@ -30353,12 +30534,12 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$w = ["innerHTML"];
+const _hoisted_1$x = ["innerHTML"];
 const _hoisted_2$p = { key: 0 };
 const _hoisted_3$h = { key: 1 };
 const _hoisted_4$a = { class: "lupa-search-box-custom-label" };
 const _hoisted_5$5 = { class: "lupa-search-box-custom-text" };
-const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsProductCustom",
   props: {
     item: {},
@@ -30400,7 +30581,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
         key: 0,
         class: className.value,
         innerHTML: text.value
-      }, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$w)) : (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+      }, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$x)) : (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
         key: 1,
         class: className.value
       }, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
@@ -30412,8 +30593,8 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$v = ["innerHTML"];
-const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$w = ["innerHTML"];
+const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsProductCustomHtmlElement",
   props: {
     item: {},
@@ -30449,15 +30630,15 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
         class: className.value,
         innerHTML: text.value
-      }, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$v);
+      }, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$w);
     };
   }
 });
-const _hoisted_1$u = { id: "lupa-search-results-rating" };
+const _hoisted_1$v = { id: "lupa-search-results-rating" };
 const _hoisted_2$o = ["innerHTML"];
 const _hoisted_3$g = { class: "lupa-ratings" };
 const _hoisted_4$9 = ["href"];
-const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsProductSingleStarRating",
   props: {
     item: {},
@@ -30485,7 +30666,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
       return RATING_STAR_HTML;
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$u, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$v, [
         vue.createElementVNode("div", {
           innerHTML: star.value,
           class: "lupa-rating lupa-rating-highlighted"
@@ -30501,19 +30682,19 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
 });
 const __default__ = {
   components: {
-    SearchResultsProductImage: _sfc_main$G,
-    SearchResultsProductTitle: _sfc_main$F,
-    SearchResultsProductDescription: _sfc_main$E,
-    SearchResultsProductRating: _sfc_main$D,
-    SearchResultsProductRegularPrice: _sfc_main$C,
-    SearchResultsProductPrice: _sfc_main$B,
-    SearchResultsProductAddToCart: _sfc_main$A,
-    SearchResultsProductCustom: _sfc_main$z,
-    SearchResultsProductCustomHtmlElement: _sfc_main$y,
-    SearchResultsProductSingleStarRating: _sfc_main$x
-  }
-};
-const _sfc_main$w = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, __default__), {
+    SearchResultsProductImage: _sfc_main$H,
+    SearchResultsProductTitle: _sfc_main$G,
+    SearchResultsProductDescription: _sfc_main$F,
+    SearchResultsProductRating: _sfc_main$E,
+    SearchResultsProductRegularPrice: _sfc_main$D,
+    SearchResultsProductPrice: _sfc_main$C,
+    SearchResultsProductAddToCart: _sfc_main$B,
+    SearchResultsProductCustom: _sfc_main$A,
+    SearchResultsProductCustomHtmlElement: _sfc_main$z,
+    SearchResultsProductSingleStarRating: _sfc_main$y
+  }
+};
+const _sfc_main$x = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, __default__), {
   __name: "SearchResultsProductCardElement",
   props: {
     item: {},
@@ -30591,13 +30772,13 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadVa
     };
   }
 }));
-const _hoisted_1$t = ["href"];
+const _hoisted_1$u = ["href"];
 const _hoisted_2$n = {
   key: 0,
   class: "lupa-out-of-stock"
 };
 const _hoisted_3$f = { class: "lupa-search-result-product-details-section" };
-const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsProductCard",
   props: {
     product: {},
@@ -30774,7 +30955,7 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
         default: vue.withCtx(() => {
           var _a25;
           return [
-            vue.createVNode(_sfc_main$1g, { options: badgesOptions.value }, null, 8, ["options"]),
+            vue.createVNode(_sfc_main$1k, { options: badgesOptions.value }, null, 8, ["options"]),
             vue.createElementVNode("div", {
               class: vue.normalizeClass(["lupa-search-result-product-contents", listLayoutClass.value])
             }, [
@@ -30784,7 +30965,7 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
                 onClick: handleNavigation
               }, [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(imageElements.value, (element) => {
-                  return vue.openBlock(), vue.createBlock(_sfc_main$w, {
+                  return vue.openBlock(), vue.createBlock(_sfc_main$x, {
                     class: "lupa-search-results-product-element",
                     item: _ctx.product,
                     element,
@@ -30795,16 +30976,16 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
                     onProductEvent: handleProductEvent
                   }, null, 8, ["item", "element", "labels", "inStock", "link"]);
                 }), 128)),
-                vue.createVNode(_sfc_main$1g, {
+                vue.createVNode(_sfc_main$1k, {
                   options: badgesOptions.value,
                   position: "image",
                   class: "lupa-image-badges"
                 }, null, 8, ["options"]),
                 ((_a25 = labels.value) == null ? void 0 : _a25.outOfStock) && !isInStock.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$n, vue.toDisplayString(labels.value.outOfStock), 1)) : vue.createCommentVNode("", true)
-              ], 8, _hoisted_1$t),
+              ], 8, _hoisted_1$u),
               vue.createElementVNode("div", _hoisted_3$f, [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(detailElements.value, (element) => {
-                  return vue.openBlock(), vue.createBlock(_sfc_main$w, {
+                  return vue.openBlock(), vue.createBlock(_sfc_main$x, {
                     class: "lupa-search-results-product-element",
                     item: _ctx.product,
                     element,
@@ -30822,7 +31003,7 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
                   class: vue.normalizeClass("lupa-element-group-" + group)
                 }, [
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getGroupElements(group), (element) => {
-                    return vue.openBlock(), vue.createBlock(_sfc_main$w, {
+                    return vue.openBlock(), vue.createBlock(_sfc_main$x, {
                       class: "lupa-search-results-product-element",
                       item: _ctx.product,
                       element,
@@ -30843,7 +31024,7 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$s = {
+const _hoisted_1$t = {
   id: "lupa-search-results-similar-queries",
   "data-cy": "lupa-search-results-similar-queries"
 };
@@ -30859,7 +31040,7 @@ const _hoisted_7 = {
   class: "lupa-products",
   "data-cy": "lupa-products"
 };
-const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsSimilarQueries",
   props: {
     labels: {},
@@ -30897,7 +31078,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
       };
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$s, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$t, [
         vue.createElementVNode("div", _hoisted_2$m, vue.toDisplayString(_ctx.labels.similarQueries), 1),
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(similarQueries.value, (similarQuery, index) => {
           return vue.openBlock(), vue.createElementBlock("div", { key: index }, [
@@ -30917,7 +31098,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
             ]),
             vue.createElementVNode("div", _hoisted_7, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(similarQuery.items, (product, index2) => {
-                return vue.openBlock(), vue.createBlock(_sfc_main$v, {
+                return vue.openBlock(), vue.createBlock(_sfc_main$w, {
                   style: vue.normalizeStyle(_ctx.columnSize),
                   key: getDocumentKey(index2, product),
                   product,
@@ -30932,7 +31113,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$r = {
+const _hoisted_1$s = {
   key: 0,
   class: "lupa-results-additional-panel"
 };
@@ -30940,7 +31121,7 @@ const _hoisted_2$l = {
   class: "lupa-results-additional-panel-items",
   "data-cy": "lupa-results-additional-panel-items"
 };
-const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
   __name: "AdditionalPanel",
   props: {
     panel: {},
@@ -31013,10 +31194,10 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
       handleQueryChange();
     });
     return (_ctx, _cache) => {
-      return hasResults.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$r, [
+      return hasResults.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$s, [
         vue.createElementVNode("div", _hoisted_2$l, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(visibleItems.value, (item, index) => {
-            return vue.openBlock(), vue.createBlock(_sfc_main$v, {
+            return vue.openBlock(), vue.createBlock(_sfc_main$w, {
               key: index,
               product: item,
               options: _ctx.panel,
@@ -31034,11 +31215,11 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$q = {
+const _hoisted_1$r = {
   key: 0,
   class: "lupa-results-additional-panels"
 };
-const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
   __name: "AdditionalPanels",
   props: {
     options: {},
@@ -31055,9 +31236,9 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
       return locationPanels.value.length > 0;
     });
     return (_ctx, _cache) => {
-      return isVisible.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$q, [
+      return isVisible.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$r, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(locationPanels.value, (panel) => {
-          return vue.openBlock(), vue.createBlock(_sfc_main$t, {
+          return vue.openBlock(), vue.createBlock(_sfc_main$u, {
             key: panel.queryKey,
             panel,
             options: _ctx.sdkOptions
@@ -31074,11 +31255,11 @@ const _export_sfc = (sfc, props) => {
   }
   return target2;
 };
-const _sfc_main$r = {};
-const _hoisted_1$p = { class: "lupa-spinner-wrapper" };
+const _sfc_main$s = {};
+const _hoisted_1$q = { class: "lupa-spinner-wrapper" };
 const _hoisted_2$k = { class: "lupa-spinner" };
 function _sfc_render(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$p, [
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$q, [
     vue.createElementVNode("div", _hoisted_2$k, [
       (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(12, (x) => {
         return vue.createElementVNode("div", { key: x });
@@ -31086,8 +31267,8 @@ function _sfc_render(_ctx, _cache) {
     ])
   ]);
 }
-const Spinner = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render]]);
-const _hoisted_1$o = {
+const Spinner = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render]]);
+const _hoisted_1$p = {
   id: "lupa-search-results-similar-results",
   "data-cy": "lupa-search-results-similar-results"
 };
@@ -31096,7 +31277,7 @@ const _hoisted_3$d = {
   class: "lupa-products",
   "data-cy": "lupa-products"
 };
-const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsSimilarResults",
   props: {
     columnSize: {},
@@ -31117,11 +31298,11 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
       };
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$o, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$p, [
         vue.createElementVNode("div", _hoisted_2$j, vue.toDisplayString(_ctx.labels.similarResultsLabel), 1),
         vue.createElementVNode("div", _hoisted_3$d, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(similarResults.value.items, (product, index) => {
-            return vue.openBlock(), vue.createBlock(_sfc_main$v, {
+            return vue.openBlock(), vue.createBlock(_sfc_main$w, {
               style: vue.normalizeStyle(_ctx.columnSize),
               key: getDocumentKey(index, product),
               product,
@@ -31242,7 +31423,7 @@ const extractRelatedSource = (source, searchResults, options, activeFilters) =>
       return extractFacetsRelatedSource(source, searchResults, options, activeFilters);
   }
 });
-const _hoisted_1$n = { class: "lupa-related-query-item" };
+const _hoisted_1$o = { class: "lupa-related-query-item" };
 const _hoisted_2$i = { class: "lupa-related-query-image" };
 const _hoisted_3$c = { class: "lupa-related-query-label" };
 const _hoisted_4$7 = { class: "lupa-related-query-title" };
@@ -31250,7 +31431,7 @@ const _hoisted_5$3 = {
   key: 0,
   class: "lupa-related-query-count"
 };
-const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
   __name: "RelatedQueryPanel",
   props: {
     query: {},
@@ -31347,9 +31528,9 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       var _a25;
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$n, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$o, [
         vue.createElementVNode("div", _hoisted_2$i, [
-          itemToDisplay.value && image.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1w, {
+          itemToDisplay.value && image.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1A, {
             key: 0,
             "wrapper-class": "lupa-related-query-image-wrapper",
             "image-class": "lupa-related-query-image",
@@ -31365,7 +31546,7 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$m = {
+const _hoisted_1$n = {
   key: 0,
   class: "lupa-related-queries"
 };
@@ -31374,7 +31555,7 @@ const _hoisted_2$h = {
   class: "lupa-related-queries-title"
 };
 const _hoisted_3$b = ["onClick"];
-const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
   __name: "RelatedQueries",
   props: {
     options: {}
@@ -31468,7 +31649,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
     };
     return (_ctx, _cache) => {
       var _a25, _b25, _c, _d;
-      return _ctx.options && hasEnoughRelatedQueries.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$m, [
+      return _ctx.options && hasEnoughRelatedQueries.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$n, [
         ((_b25 = (_a25 = _ctx.options) == null ? void 0 : _a25.labels) == null ? void 0 : _b25.title) ? (vue.openBlock(), vue.createElementBlock("h3", _hoisted_2$h, vue.toDisplayString((_d = (_c = _ctx.options) == null ? void 0 : _c.labels) == null ? void 0 : _d.title), 1)) : vue.createCommentVNode("", true),
         vue.createElementVNode("ul", null, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(relatedQueries2.value, (query) => {
@@ -31479,7 +31660,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
               vue.createElementVNode("a", {
                 onClick: ($event) => handleRelatedQueryClick(query)
               }, [
-                vue.createVNode(_sfc_main$p, {
+                vue.createVNode(_sfc_main$q, {
                   "source-key": query.key,
                   options: _ctx.options,
                   query: query.value,
@@ -31523,13 +31704,13 @@ const extractRedirectionSuggestion = (searchText = "", options) => {
   }
   return null;
 };
-const _hoisted_1$l = {
+const _hoisted_1$m = {
   key: 0,
   class: "lupa-redirection-suggestion"
 };
 const _hoisted_2$g = { class: "lupa-redirections-suggestion-label" };
 const _hoisted_3$a = ["href"];
-const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
   __name: "RedirectionSuggestions",
   props: {
     options: {}
@@ -31552,7 +31733,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
       )
     );
     return (_ctx, _cache) => {
-      return redirectionSuggestion.value && label.value && link.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$l, [
+      return redirectionSuggestion.value && label.value && link.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$m, [
         vue.createElementVNode("h4", _hoisted_2$g, [
           vue.createElementVNode("a", { href: link.value }, vue.toDisplayString(label.value), 9, _hoisted_3$a)
         ])
@@ -31560,11 +31741,11 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$k = {
+const _hoisted_1$l = {
   key: 0,
   class: "lupa-refiners-loading-notice"
 };
-const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
   __name: "RefinersLoadingNotice",
   props: {
     labels: {}
@@ -31575,14 +31756,14 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
     const props = __props;
     const label = vue.computed(() => props.labels.refinersLoadingNotice);
     return (_ctx, _cache) => {
-      return label.value && vue.unref(loadingRefiners) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$k, [
+      return label.value && vue.unref(loadingRefiners) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$l, [
         vue.createElementVNode("p", null, vue.toDisplayString(label.value), 1),
         vue.createVNode(Spinner)
       ])) : vue.createCommentVNode("", true);
     };
   }
 });
-const _hoisted_1$j = { class: "lupa-related-query-item" };
+const _hoisted_1$k = { class: "lupa-related-query-item" };
 const _hoisted_2$f = { class: "lupa-related-query-image" };
 const _hoisted_3$9 = { class: "lupa-related-query-label" };
 const _hoisted_4$6 = { class: "lupa-related-query-title" };
@@ -31590,7 +31771,7 @@ const _hoisted_5$2 = {
   key: 0,
   class: "lupa-related-query-count"
 };
-const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
   __name: "RelatedQueryPanelApi",
   props: {
     relatedQuery: {},
@@ -31622,9 +31803,9 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       var _a25;
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$j, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$k, [
         vue.createElementVNode("div", _hoisted_2$f, [
-          itemToDisplay.value && image.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1w, {
+          itemToDisplay.value && image.value ? (vue.openBlock(), vue.createBlock(_sfc_main$1A, {
             key: 0,
             "wrapper-class": "lupa-related-query-image-wrapper",
             "image-class": "lupa-related-query-image",
@@ -31640,7 +31821,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$i = {
+const _hoisted_1$j = {
   key: 0,
   class: "lupa-related-queries"
 };
@@ -31649,7 +31830,7 @@ const _hoisted_2$e = {
   class: "lupa-related-queries-title"
 };
 const _hoisted_3$8 = ["onClick"];
-const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
   __name: "RelatedQueriesApi",
   props: {
     options: {}
@@ -31701,7 +31882,7 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
     };
     return (_ctx, _cache) => {
       var _a25, _b25, _c, _d;
-      return hasEnoughRelatedQueries.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$i, [
+      return hasEnoughRelatedQueries.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$j, [
         ((_b25 = (_a25 = _ctx.options) == null ? void 0 : _a25.labels) == null ? void 0 : _b25.title) ? (vue.openBlock(), vue.createElementBlock("h3", _hoisted_2$e, vue.toDisplayString((_d = (_c = _ctx.options) == null ? void 0 : _c.labels) == null ? void 0 : _d.title), 1)) : vue.createCommentVNode("", true),
         vue.createElementVNode("ul", null, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(relatedQueries2.value, (query) => {
@@ -31712,7 +31893,7 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
               vue.createElementVNode("a", {
                 onClick: ($event) => handleRelatedQueryClick(query)
               }, [
-                vue.createVNode(_sfc_main$l, {
+                vue.createVNode(_sfc_main$m, {
                   relatedQuery: query,
                   options: _ctx.options
                 }, null, 8, ["relatedQuery", "options"])
@@ -31724,9 +31905,9 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$h = { key: 0 };
+const _hoisted_1$i = { key: 0 };
 const _hoisted_2$d = ["innerHTML"];
-const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
   __name: "ZeroResults",
   props: {
     emptyResultsLabel: {},
@@ -31755,7 +31936,7 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-        showDefaultZeroResultsTemplate.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$h, [
+        showDefaultZeroResultsTemplate.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$i, [
           vue.createTextVNode(vue.toDisplayString(_ctx.emptyResultsLabel) + " ", 1),
           vue.createElementVNode("span", null, vue.toDisplayString(_ctx.currentQueryText), 1)
         ])) : vue.createCommentVNode("", true),
@@ -31767,6 +31948,31 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
+const _hoisted_1$h = {
+  key: 1,
+  class: "lupa-skeleton-grid"
+};
+const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
+  __name: "LoadingGrid",
+  props: {
+    style: {},
+    enabled: { type: Boolean },
+    loading: { type: Boolean },
+    count: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return !_ctx.loading || !_ctx.enabled ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$h, [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.count, (n) => {
+          return vue.openBlock(), vue.createBlock(_sfc_main$1a, {
+            key: n,
+            style: vue.normalizeStyle(_ctx.style)
+          }, null, 8, ["style"]);
+        }), 128))
+      ]));
+    };
+  }
+});
 const _hoisted_1$g = { id: "lupa-search-results-products" };
 const _hoisted_2$c = {
   class: "lupa-products",
@@ -31778,12 +31984,12 @@ const _hoisted_3$7 = {
   "data-cy": "lupa-no-results-in-page"
 };
 const _hoisted_4$5 = {
-  key: 5,
+  key: 3,
   class: "lupa-empty-results",
   "data-cy": "lupa-no-results"
 };
-const _hoisted_5$1 = { key: 6 };
-const _hoisted_6 = { key: 7 };
+const _hoisted_5$1 = { key: 4 };
+const _hoisted_6 = { key: 5 };
 const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
   __name: "SearchResultsProducts",
   props: {
@@ -31807,6 +32013,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
       loading,
       relatedQueriesApiEnabled
     } = storeToRefs(searchResultStore);
+    const { limit, skeletonEnabled, relatedQueriesSkeletonEnabled, loadingRelatedQueries } = useLoadingSkeleton();
     const emit = __emit;
     const productCardOptions = vue.computed(() => {
       return pick(props.options, [
@@ -31833,9 +32040,6 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
       var _a25, _b25, _c;
       return ((_c = (_b25 = (_a25 = props.options.filters) == null ? void 0 : _a25.facets) == null ? void 0 : _b25.style) == null ? void 0 : _c.type) !== "sidebar";
     });
-    const showMobileFilters = vue.computed(() => {
-      return props.options.searchTitlePosition !== "search-results-top";
-    });
     const currentFilterToolbarVisible = vue.computed(() => {
       var _a25, _b25, _c, _d, _e, _f;
       return Boolean(
@@ -31866,12 +32070,12 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
     });
     const columnSize = vue.computed(() => {
       if (props.ssr) {
-        return "";
+        return {};
       }
       if (layout.value === ResultsLayoutEnum.LIST) {
-        return "width: 100%";
+        return { width: "100%" };
       }
-      return `width: ${100 / columnCount.value}%`;
+      return { width: `${100 / columnCount.value}%` };
     });
     const hasSimilarQueries = vue.computed(() => {
       var _a25;
@@ -31907,55 +32111,64 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
       emit("filter");
     };
     return (_ctx, _cache) => {
-      var _a25, _b25, _c;
+      var _a25, _b25, _c, _d;
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$g, [
-        vue.unref(loading) && !vue.unref(isFilterSidebarVisible) ? (vue.openBlock(), vue.createBlock(Spinner, {
+        !vue.unref(skeletonEnabled) && vue.unref(loading) && !vue.unref(isFilterSidebarVisible) ? (vue.openBlock(), vue.createBlock(Spinner, {
           key: 0,
           class: "lupa-loader"
         })) : vue.createCommentVNode("", true),
-        vue.createVNode(_sfc_main$n, {
+        vue.createVNode(_sfc_main$o, {
           options: _ctx.options.redirectionSuggestions
         }, null, 8, ["options"]),
-        vue.createVNode(_sfc_main$s, {
+        vue.createVNode(_sfc_main$t, {
           options: _ctx.options,
           location: "top",
-          sdkOptions: _ctx.options.options
-        }, null, 8, ["options", "sdkOptions"]),
-        showLocalRelatedQueries.value ? (vue.openBlock(), vue.createBlock(_sfc_main$o, {
-          key: 1,
-          options: _ctx.options.relatedQueries
-        }, null, 8, ["options"])) : vue.createCommentVNode("", true),
-        showApiRelatedQueries.value ? (vue.openBlock(), vue.createBlock(_sfc_main$k, {
-          key: 2,
-          options: _ctx.options.relatedQueries
-        }, null, 8, ["options"])) : vue.createCommentVNode("", true),
-        vue.unref(hasResults) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 3 }, [
-          showTopFilters.value ? (vue.openBlock(), vue.createBlock(_sfc_main$P, {
+          "sdk-options": _ctx.options.options
+        }, null, 8, ["options", "sdk-options"]),
+        vue.createVNode(_sfc_main$18, {
+          enabled: vue.unref(relatedQueriesSkeletonEnabled),
+          loading: vue.unref(loading) || vue.unref(loadingRelatedQueries),
+          count: 1,
+          class: "lupa-skeleton-related-queries"
+        }, {
+          default: vue.withCtx(() => [
+            showLocalRelatedQueries.value ? (vue.openBlock(), vue.createBlock(_sfc_main$p, {
+              key: 0,
+              options: _ctx.options.relatedQueries
+            }, null, 8, ["options"])) : vue.createCommentVNode("", true),
+            showApiRelatedQueries.value ? (vue.openBlock(), vue.createBlock(_sfc_main$l, {
+              key: 1,
+              options: _ctx.options.relatedQueries
+            }, null, 8, ["options"])) : vue.createCommentVNode("", true)
+          ]),
+          _: 1
+        }, 8, ["enabled", "loading"]),
+        vue.unref(hasResults) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+          showTopFilters.value ? (vue.openBlock(), vue.createBlock(_sfc_main$Q, {
             key: 0,
             options: (_a25 = _ctx.options.filters) != null ? _a25 : {}
           }, null, 8, ["options"])) : vue.createCommentVNode("", true),
-          showMobileFilters.value ? (vue.openBlock(), vue.createBlock(_sfc_main$H, {
-            key: 1,
+          vue.createVNode(_sfc_main$I, {
             class: "lupa-toolbar-mobile",
             options: _ctx.options,
             "pagination-location": "top",
             onFilter: filter
-          }, null, 8, ["options"])) : vue.createCommentVNode("", true),
-          currentFilterOptions.value && currentFilterPositionDesktop.value === "pageTop" ? (vue.openBlock(), vue.createBlock(_sfc_main$14, {
-            key: 2,
+          }, null, 8, ["options"]),
+          currentFilterOptions.value && currentFilterPositionDesktop.value === "pageTop" ? (vue.openBlock(), vue.createBlock(_sfc_main$15, {
+            key: 1,
             class: vue.normalizeClass(currentFiltersClass.value),
             "data-cy": "lupa-search-result-filters-mobile-toolbar",
             options: currentFilterOptions.value,
             expandable: !desktopFiltersExpanded.value
           }, null, 8, ["class", "options", "expandable"])) : vue.createCommentVNode("", true)
         ], 64)) : vue.createCommentVNode("", true),
-        vue.unref(hasResults) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 4 }, [
-          vue.createVNode(_sfc_main$H, {
+        vue.unref(hasResults) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
+          vue.createVNode(_sfc_main$I, {
             class: "lupa-toolbar-top",
             options: _ctx.options,
             "pagination-location": "top"
           }, null, 8, ["options"]),
-          currentFilterOptions.value && currentFilterPositionDesktop.value === "resultsTop" ? (vue.openBlock(), vue.createBlock(_sfc_main$14, {
+          currentFilterOptions.value && currentFilterPositionDesktop.value === "resultsTop" ? (vue.openBlock(), vue.createBlock(_sfc_main$15, {
             key: 0,
             class: vue.normalizeClass(currentFiltersClass.value),
             "data-cy": "lupa-search-result-filters-mobile-toolbar",
@@ -31963,22 +32176,32 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
             expandable: !desktopFiltersExpanded.value
           }, null, 8, ["class", "options", "expandable"])) : vue.createCommentVNode("", true),
           vue.createElementVNode("div", _hoisted_2$c, [
-            _ctx.$slots.productCard ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(vue.unref(searchResult).items, (product, index) => {
-              return vue.renderSlot(_ctx.$slots, "productCard", {
-                style: vue.normalizeStyle(columnSize.value),
-                key: getProductKeyAction(index, product),
-                product,
-                options: productCardOptions.value
-              });
-            }), 128)) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(vue.unref(searchResult).items, (product, index) => {
-              return vue.openBlock(), vue.createBlock(_sfc_main$v, {
-                style: vue.normalizeStyle(columnSize.value),
-                key: getProductKeyAction(index, product),
-                product,
-                options: productCardOptions.value,
-                "analytics-metadata": clickMetadata.value
-              }, null, 8, ["style", "product", "options", "analytics-metadata"]);
-            }), 128))
+            vue.createVNode(_sfc_main$j, {
+              enabled: vue.unref(skeletonEnabled),
+              loading: vue.unref(loading),
+              count: (_b25 = vue.unref(limit)) != null ? _b25 : 12,
+              style: vue.normalizeStyle(columnSize.value)
+            }, {
+              default: vue.withCtx(() => [
+                _ctx.$slots.productCard ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(vue.unref(searchResult).items, (product, index) => {
+                  return vue.renderSlot(_ctx.$slots, "productCard", {
+                    key: getProductKeyAction(index, product),
+                    style: vue.normalizeStyle(columnSize.value),
+                    product,
+                    options: productCardOptions.value
+                  });
+                }), 128)) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(vue.unref(searchResult).items, (product, index) => {
+                  return vue.openBlock(), vue.createBlock(_sfc_main$w, {
+                    key: getProductKeyAction(index, product),
+                    style: vue.normalizeStyle(columnSize.value),
+                    product,
+                    options: productCardOptions.value,
+                    "analytics-metadata": clickMetadata.value
+                  }, null, 8, ["style", "product", "options", "analytics-metadata"]);
+                }), 128))
+              ]),
+              _: 3
+            }, 8, ["enabled", "loading", "count", "style"])
           ]),
           vue.unref(isPageEmpty) && _ctx.options.labels.noItemsInPage ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$7, [
             vue.createTextVNode(vue.toDisplayString(_ctx.options.labels.noItemsInPage) + " ", 1),
@@ -31988,40 +32211,40 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
               onClick: goToFirstPage
             }, vue.toDisplayString(_ctx.options.labels.backToFirstPage), 1)) : vue.createCommentVNode("", true)
           ])) : vue.createCommentVNode("", true),
-          vue.createVNode(_sfc_main$H, {
+          vue.createVNode(_sfc_main$I, {
             class: "lupa-toolbar-bottom",
             options: _ctx.options,
             "pagination-location": "bottom"
           }, null, 8, ["options"]),
-          vue.createVNode(_sfc_main$s, {
+          vue.createVNode(_sfc_main$t, {
             options: _ctx.options,
             location: "bottom",
-            sdkOptions: _ctx.options.options
-          }, null, 8, ["options", "sdkOptions"])
+            "sdk-options": _ctx.options.options
+          }, null, 8, ["options", "sdk-options"])
         ], 64)) : !vue.unref(loading) && vue.unref(currentQueryText) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$5, [
-          vue.createVNode(_sfc_main$j, {
-            emptyResultsLabel: (_b25 = _ctx.options.labels) == null ? void 0 : _b25.emptyResults,
-            currentQueryText: vue.unref(currentQueryText),
-            hasSimilarQueries: hasSimilarQueries.value || hasSimilarResults.value,
-            zeroResults: (_c = _ctx.options) == null ? void 0 : _c.zeroResults
-          }, null, 8, ["emptyResultsLabel", "currentQueryText", "hasSimilarQueries", "zeroResults"])
+          vue.createVNode(_sfc_main$k, {
+            "empty-results-label": (_c = _ctx.options.labels) == null ? void 0 : _c.emptyResults,
+            "current-query-text": vue.unref(currentQueryText),
+            "has-similar-queries": hasSimilarQueries.value || hasSimilarResults.value,
+            "zero-results": (_d = _ctx.options) == null ? void 0 : _d.zeroResults
+          }, null, 8, ["empty-results-label", "current-query-text", "has-similar-queries", "zero-results"])
         ])) : vue.createCommentVNode("", true),
-        vue.createVNode(_sfc_main$m, {
+        vue.createVNode(_sfc_main$n, {
           labels: _ctx.options.labels
         }, null, 8, ["labels"]),
         hasSimilarQueries.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$1, [
-          vue.createVNode(_sfc_main$u, {
+          vue.createVNode(_sfc_main$v, {
             labels: similarQueriesLabels.value,
-            columnSize: columnSize.value,
-            productCardOptions: productCardOptions.value
-          }, null, 8, ["labels", "columnSize", "productCardOptions"])
+            "column-size": columnSize.value,
+            "product-card-options": productCardOptions.value
+          }, null, 8, ["labels", "column-size", "product-card-options"])
         ])) : vue.createCommentVNode("", true),
         hasSimilarResults.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
-          vue.createVNode(_sfc_main$q, {
+          vue.createVNode(_sfc_main$r, {
             labels: similarResultsLabels.value,
-            columnSize: columnSize.value,
-            productCardOptions: productCardOptions.value
-          }, null, 8, ["labels", "columnSize", "productCardOptions"])
+            "column-size": columnSize.value,
+            "product-card-options": productCardOptions.value
+          }, null, 8, ["labels", "column-size", "product-card-options"])
         ])) : vue.createCommentVNode("", true),
         vue.renderSlot(_ctx.$slots, "append")
       ]);
@@ -32096,18 +32319,13 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
           ])) : vue.createCommentVNode("", true),
           hasRelatedCategoryChildren.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$4, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(relatedCategoryChildren), (child) => {
-              return vue.openBlock(), vue.createBlock(_sfc_main$13, {
+              return vue.openBlock(), vue.createBlock(_sfc_main$14, {
                 key: getCategoryKey(child),
                 item: child,
                 options: categoryOptions.value
               }, null, 8, ["item", "options"]);
             }), 128))
-          ])) : vue.createCommentVNode("", true),
-          vue.createVNode(_sfc_main$H, {
-            class: "lupa-toolbar-mobile",
-            "pagination-location": "top",
-            options: _ctx.options
-          }, null, 8, ["options"])
+          ])) : vue.createCommentVNode("", true)
         ])
       ], 2);
     };
@@ -32535,8 +32753,8 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(["lupa-search-result-wrapper", { "lupa-search-wrapper-no-results": !vue.unref(hasResults) }])
       }, [
         _ctx.isContainer ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$c, [
-          vue.createVNode(_sfc_main$18, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
-          vue.createVNode(_sfc_main$16, {
+          vue.createVNode(_sfc_main$1c, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
+          vue.createVNode(_sfc_main$17, {
             "show-summary": true,
             options: _ctx.options,
             "is-product-list": (_a25 = _ctx.isProductList) != null ? _a25 : false
@@ -32546,13 +32764,13 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
           key: 1,
           options: _ctx.options
         }, null, 8, ["options"])) : vue.createCommentVNode("", true),
-        _ctx.options.filters ? (vue.openBlock(), vue.createBlock(_sfc_main$R, {
+        _ctx.options.filters ? (vue.openBlock(), vue.createBlock(_sfc_main$S, {
           key: 2,
           options: _ctx.options.filters,
           onFilter: handleParamsChange
         }, null, 8, ["options"])) : vue.createCommentVNode("", true),
         _ctx.options.sort ? (vue.openBlock(), vue.createBlock(_sfc_main$f, { key: 3 })) : vue.createCommentVNode("", true),
-        vue.unref(currentQueryText) || _ctx.isProductList ? (vue.openBlock(), vue.createBlock(_sfc_main$Q, {
+        vue.unref(currentQueryText) || _ctx.isProductList ? (vue.openBlock(), vue.createBlock(_sfc_main$R, {
           key: 4,
           breadcrumbs: _ctx.options.breadcrumbs
         }, null, 8, ["breadcrumbs"])) : vue.createCommentVNode("", true),
@@ -32561,7 +32779,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
           id: "lupa-search-results",
           class: vue.normalizeClass(["top-layout-wrapper", indicatorClasses.value])
         }, [
-          showFilterSidebar.value ? (vue.openBlock(), vue.createBlock(_sfc_main$S, {
+          showFilterSidebar.value ? (vue.openBlock(), vue.createBlock(_sfc_main$T, {
             key: 0,
             options: (_b25 = _ctx.options.filters) != null ? _b25 : {},
             ref_key: "searchResultsFilters",
@@ -32569,8 +32787,8 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
             onFilter: handleParamsChange
           }, null, 8, ["options"])) : vue.createCommentVNode("", true),
           vue.createElementVNode("div", _hoisted_2$8, [
-            vue.createVNode(_sfc_main$18, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
-            vue.createVNode(_sfc_main$16, {
+            vue.createVNode(_sfc_main$1c, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
+            vue.createVNode(_sfc_main$17, {
               options: _ctx.options,
               "is-product-list": (_c = _ctx.isProductList) != null ? _c : false
             }, null, 8, ["options", "is-product-list"]),
@@ -32586,8 +32804,8 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
             }, 8, ["options", "ssr"])
           ])
         ], 2)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 6 }, [
-          vue.createVNode(_sfc_main$18, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
-          vue.createVNode(_sfc_main$16, {
+          vue.createVNode(_sfc_main$1c, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
+          vue.createVNode(_sfc_main$17, {
             options: _ctx.options,
             "is-product-list": (_d = _ctx.isProductList) != null ? _d : false
           }, null, 8, ["options", "is-product-list"]),
@@ -32595,7 +32813,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
             id: "lupa-search-results",
             class: vue.normalizeClass(indicatorClasses.value)
           }, [
-            showFilterSidebar.value ? (vue.openBlock(), vue.createBlock(_sfc_main$S, {
+            showFilterSidebar.value ? (vue.openBlock(), vue.createBlock(_sfc_main$T, {
               key: 0,
               options: (_e = _ctx.options.filters) != null ? _e : {},
               ref_key: "searchResultsFilters",
@@ -32746,7 +32964,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
           onClick: vue.withModifiers(innerClick, ["stop"])
         }, [
           vue.createElementVNode("div", _hoisted_1$a, [
-            vue.createVNode(_sfc_main$19, {
+            vue.createVNode(_sfc_main$1d, {
               options: fullSearchBoxOptions.value,
               "is-search-container": true,
               ref_key: "searchBox",
@@ -34401,7 +34619,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
                     key: getProductKeyAction(index, product)
                   }, {
                     default: vue.withCtx(() => [
-                      vue.createVNode(_sfc_main$v, {
+                      vue.createVNode(_sfc_main$w, {
                         product,
                         options: _ctx.options,
                         "click-tracking-settings": clickTrackingSettings.value,
@@ -34416,7 +34634,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
               _: 1
             }, 16, ["wrap-around"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$1, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(recommendations.value, (product, index) => {
-                return vue.openBlock(), vue.createBlock(_sfc_main$v, {
+                return vue.openBlock(), vue.createBlock(_sfc_main$w, {
                   style: vue.normalizeStyle(columnSize.value),
                   key: getProductKeyAction(index, product),
                   product,
@@ -34662,7 +34880,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
             vue.createElementVNode("a", {
               href: getLink(product)
             }, [
-              vue.createVNode(_sfc_main$G, {
+              vue.createVNode(_sfc_main$H, {
                 item: product,
                 options: image.value
               }, null, 8, ["item", "options"])
@@ -34827,7 +35045,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("section", _hoisted_1$3, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.searchResults, (product, index) => {
-          return vue.openBlock(), vue.createBlock(_sfc_main$v, {
+          return vue.openBlock(), vue.createBlock(_sfc_main$w, {
             class: "lupa-chat-product-card",
             key: getProductKeyAction(index, product),
             product,
@@ -35161,7 +35379,7 @@ exports.DocumentElementType = DocumentElementType;
 exports.LupaSearch = LupaSearch;
 exports.ProductList = _sfc_main$c;
 exports.Recommendations = _sfc_main$a;
-exports.SearchBox = _sfc_main$19;
+exports.SearchBox = _sfc_main$1d;
 exports.SearchBoxPanelType = SearchBoxPanelType;
 exports.SearchContainer = _sfc_main$b;
 exports.SearchResults = _sfc_main$e;