@getlupa/client 0.13.0-alpha-6 → 0.14.1

package/dist/es/index.min.js

@@ -11025,7 +11025,7 @@ SearchBoxInput = __decorate([
         name: "searchBoxInput",
     })
 ], SearchBoxInput);
-var script$1b = SearchBoxInput;
+var script$1c = SearchBoxInput;
 
 function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier /* server only */, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {
     if (typeof shadowMode !== 'boolean') {
@@ -11156,10 +11156,10 @@ function addStyle(id, css) {
 }
 
 /* script */
-const __vue_script__$1c = script$1b;
+const __vue_script__$1d = script$1c;
 
 /* template */
-var __vue_render__$1c = function () {
+var __vue_render__$1d = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -11244,34 +11244,34 @@ var __vue_render__$1c = function () {
       : _vm._e(),
   ])
 };
-var __vue_staticRenderFns__$1c = [];
-__vue_render__$1c._withStripped = true;
+var __vue_staticRenderFns__$1d = [];
+__vue_render__$1d._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$1c = function (inject) {
+  const __vue_inject_styles__$1d = function (inject) {
     if (!inject) return
     inject("data-v-af94f296_0", { source: "\n.lupa-search-box-input-field,\n.lupa-hint {\n  width: 100%;\n}\n.lupa-search-box-input-field {\n  position: relative !important;\n  background: transparent !important;\n}\n.lupa-hint {\n  opacity: 0.5;\n  position: absolute !important;\n  pointer-events: none;\n}\n.lupa-input-clear {\n  display: none;\n}\n", map: undefined, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$1c = undefined;
+  const __vue_scope_id__$1d = undefined;
   /* module identifier */
-  const __vue_module_identifier__$1c = undefined;
+  const __vue_module_identifier__$1d = undefined;
   /* functional template */
-  const __vue_is_functional_template__$1c = false;
+  const __vue_is_functional_template__$1d = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  const __vue_component__$1c = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$1c, staticRenderFns: __vue_staticRenderFns__$1c },
-    __vue_inject_styles__$1c,
-    __vue_script__$1c,
-    __vue_scope_id__$1c,
-    __vue_is_functional_template__$1c,
-    __vue_module_identifier__$1c,
+  const __vue_component__$1d = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$1d, staticRenderFns: __vue_staticRenderFns__$1d },
+    __vue_inject_styles__$1d,
+    __vue_script__$1d,
+    __vue_scope_id__$1d,
+    __vue_is_functional_template__$1d,
+    __vue_module_identifier__$1d,
     false,
     createInjector,
     undefined,
@@ -11348,13 +11348,13 @@ __decorate([
 ProductImage = __decorate([
     Component
 ], ProductImage);
-var script$1a = ProductImage;
+var script$1b = ProductImage;
 
 /* script */
-const __vue_script__$1b = script$1a;
+const __vue_script__$1c = script$1b;
 
 /* template */
-var __vue_render__$1b = function () {
+var __vue_render__$1c = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -11366,17 +11366,17 @@ var __vue_render__$1b = function () {
     }),
   ])
 };
-var __vue_staticRenderFns__$1b = [];
-__vue_render__$1b._withStripped = true;
+var __vue_staticRenderFns__$1c = [];
+__vue_render__$1c._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$1b = undefined;
+  const __vue_inject_styles__$1c = undefined;
   /* scoped */
-  const __vue_scope_id__$1b = undefined;
+  const __vue_scope_id__$1c = undefined;
   /* module identifier */
-  const __vue_module_identifier__$1b = undefined;
+  const __vue_module_identifier__$1c = undefined;
   /* functional template */
-  const __vue_is_functional_template__$1b = false;
+  const __vue_is_functional_template__$1c = false;
   /* style inject */
   
   /* style inject SSR */
@@ -11385,13 +11385,13 @@ __vue_render__$1b._withStripped = true;
   
 
   
-  const __vue_component__$1b = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$1b, staticRenderFns: __vue_staticRenderFns__$1b },
-    __vue_inject_styles__$1b,
-    __vue_script__$1b,
-    __vue_scope_id__$1b,
-    __vue_is_functional_template__$1b,
-    __vue_module_identifier__$1b,
+  const __vue_component__$1c = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$1c, staticRenderFns: __vue_staticRenderFns__$1c },
+    __vue_inject_styles__$1c,
+    __vue_script__$1c,
+    __vue_scope_id__$1c,
+    __vue_is_functional_template__$1c,
+    __vue_module_identifier__$1c,
     false,
     undefined,
     undefined,
@@ -11409,17 +11409,17 @@ __decorate([
 SearchBoxProductImage = __decorate([
     Component({
         components: {
-            ProductImage: __vue_component__$1b,
+            ProductImage: __vue_component__$1c,
         },
     })
 ], SearchBoxProductImage);
-var script$19 = SearchBoxProductImage;
+var script$1a = SearchBoxProductImage;
 
 /* script */
-const __vue_script__$1a = script$19;
+const __vue_script__$1b = script$1a;
 
 /* template */
-var __vue_render__$1a = function () {
+var __vue_render__$1b = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -11432,17 +11432,17 @@ var __vue_render__$1a = function () {
     },
   })
 };
-var __vue_staticRenderFns__$1a = [];
-__vue_render__$1a._withStripped = true;
+var __vue_staticRenderFns__$1b = [];
+__vue_render__$1b._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$1a = undefined;
+  const __vue_inject_styles__$1b = undefined;
   /* scoped */
-  const __vue_scope_id__$1a = undefined;
+  const __vue_scope_id__$1b = undefined;
   /* module identifier */
-  const __vue_module_identifier__$1a = undefined;
+  const __vue_module_identifier__$1b = undefined;
   /* functional template */
-  const __vue_is_functional_template__$1a = false;
+  const __vue_is_functional_template__$1b = false;
   /* style inject */
   
   /* style inject SSR */
@@ -11451,13 +11451,13 @@ __vue_render__$1a._withStripped = true;
   
 
   
-  const __vue_component__$1a = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$1a, staticRenderFns: __vue_staticRenderFns__$1a },
-    __vue_inject_styles__$1a,
-    __vue_script__$1a,
-    __vue_scope_id__$1a,
-    __vue_is_functional_template__$1a,
-    __vue_module_identifier__$1a,
+  const __vue_component__$1b = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$1b, staticRenderFns: __vue_staticRenderFns__$1b },
+    __vue_inject_styles__$1b,
+    __vue_script__$1b,
+    __vue_scope_id__$1b,
+    __vue_is_functional_template__$1b,
+    __vue_module_identifier__$1b,
     false,
     undefined,
     undefined,
@@ -11482,13 +11482,13 @@ __decorate([
 SearchBoxProductTitle = __decorate([
     Component
 ], SearchBoxProductTitle);
-var script$18 = SearchBoxProductTitle;
+var script$19 = SearchBoxProductTitle;
 
 /* script */
-const __vue_script__$19 = script$18;
+const __vue_script__$1a = script$19;
 
 /* template */
-var __vue_render__$19 = function () {
+var __vue_render__$1a = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -11501,17 +11501,17 @@ var __vue_render__$19 = function () {
         _c("strong", [_vm._v(_vm._s(_vm.title))]),
       ])
 };
-var __vue_staticRenderFns__$19 = [];
-__vue_render__$19._withStripped = true;
+var __vue_staticRenderFns__$1a = [];
+__vue_render__$1a._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$19 = undefined;
+  const __vue_inject_styles__$1a = undefined;
   /* scoped */
-  const __vue_scope_id__$19 = undefined;
+  const __vue_scope_id__$1a = undefined;
   /* module identifier */
-  const __vue_module_identifier__$19 = undefined;
+  const __vue_module_identifier__$1a = undefined;
   /* functional template */
-  const __vue_is_functional_template__$19 = false;
+  const __vue_is_functional_template__$1a = false;
   /* style inject */
   
   /* style inject SSR */
@@ -11520,13 +11520,13 @@ __vue_render__$19._withStripped = true;
   
 
   
-  const __vue_component__$19 = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$19, staticRenderFns: __vue_staticRenderFns__$19 },
-    __vue_inject_styles__$19,
-    __vue_script__$19,
-    __vue_scope_id__$19,
-    __vue_is_functional_template__$19,
-    __vue_module_identifier__$19,
+  const __vue_component__$1a = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$1a, staticRenderFns: __vue_staticRenderFns__$1a },
+    __vue_inject_styles__$1a,
+    __vue_script__$1a,
+    __vue_scope_id__$1a,
+    __vue_is_functional_template__$1a,
+    __vue_module_identifier__$1a,
     false,
     undefined,
     undefined,
@@ -11551,13 +11551,13 @@ __decorate([
 SearchBoxProductDescription = __decorate([
     Component
 ], SearchBoxProductDescription);
-var script$17 = SearchBoxProductDescription;
+var script$18 = SearchBoxProductDescription;
 
 /* script */
-const __vue_script__$18 = script$17;
+const __vue_script__$19 = script$18;
 
 /* template */
-var __vue_render__$18 = function () {
+var __vue_render__$19 = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -11570,17 +11570,17 @@ var __vue_render__$18 = function () {
         _vm._v("\n  " + _vm._s(_vm.description) + "\n"),
       ])
 };
-var __vue_staticRenderFns__$18 = [];
-__vue_render__$18._withStripped = true;
+var __vue_staticRenderFns__$19 = [];
+__vue_render__$19._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$18 = undefined;
+  const __vue_inject_styles__$19 = undefined;
   /* scoped */
-  const __vue_scope_id__$18 = undefined;
+  const __vue_scope_id__$19 = undefined;
   /* module identifier */
-  const __vue_module_identifier__$18 = undefined;
+  const __vue_module_identifier__$19 = undefined;
   /* functional template */
-  const __vue_is_functional_template__$18 = false;
+  const __vue_is_functional_template__$19 = false;
   /* style inject */
   
   /* style inject SSR */
@@ -11589,13 +11589,13 @@ __vue_render__$18._withStripped = true;
   
 
   
-  const __vue_component__$18 = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$18, staticRenderFns: __vue_staticRenderFns__$18 },
-    __vue_inject_styles__$18,
-    __vue_script__$18,
-    __vue_scope_id__$18,
-    __vue_is_functional_template__$18,
-    __vue_module_identifier__$18,
+  const __vue_component__$19 = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$19, staticRenderFns: __vue_staticRenderFns__$19 },
+    __vue_inject_styles__$19,
+    __vue_script__$19,
+    __vue_scope_id__$19,
+    __vue_is_functional_template__$19,
+    __vue_module_identifier__$19,
     false,
     undefined,
     undefined,
@@ -11651,13 +11651,13 @@ __decorate([
 SearchBoxProductPrice = __decorate([
     Component
 ], SearchBoxProductPrice);
-var script$16 = SearchBoxProductPrice;
+var script$17 = SearchBoxProductPrice;
 
 /* script */
-const __vue_script__$17 = script$16;
+const __vue_script__$18 = script$17;
 
 /* template */
-var __vue_render__$17 = function () {
+var __vue_render__$18 = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -11665,17 +11665,17 @@ var __vue_render__$17 = function () {
     _c("strong", [_vm._v(_vm._s(_vm.price))]),
   ])
 };
-var __vue_staticRenderFns__$17 = [];
-__vue_render__$17._withStripped = true;
+var __vue_staticRenderFns__$18 = [];
+__vue_render__$18._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$17 = undefined;
+  const __vue_inject_styles__$18 = undefined;
   /* scoped */
-  const __vue_scope_id__$17 = undefined;
+  const __vue_scope_id__$18 = undefined;
   /* module identifier */
-  const __vue_module_identifier__$17 = undefined;
+  const __vue_module_identifier__$18 = undefined;
   /* functional template */
-  const __vue_is_functional_template__$17 = false;
+  const __vue_is_functional_template__$18 = false;
   /* style inject */
   
   /* style inject SSR */
@@ -11684,13 +11684,13 @@ __vue_render__$17._withStripped = true;
   
 
   
-  const __vue_component__$17 = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$17, staticRenderFns: __vue_staticRenderFns__$17 },
-    __vue_inject_styles__$17,
-    __vue_script__$17,
-    __vue_scope_id__$17,
-    __vue_is_functional_template__$17,
-    __vue_module_identifier__$17,
+  const __vue_component__$18 = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$18, staticRenderFns: __vue_staticRenderFns__$18 },
+    __vue_inject_styles__$18,
+    __vue_script__$18,
+    __vue_scope_id__$18,
+    __vue_is_functional_template__$18,
+    __vue_module_identifier__$18,
     false,
     undefined,
     undefined,
@@ -11715,13 +11715,13 @@ __decorate([
 SearchBoxProductRegularPrice = __decorate([
     Component
 ], SearchBoxProductRegularPrice);
-var script$15 = SearchBoxProductRegularPrice;
+var script$16 = SearchBoxProductRegularPrice;
 
 /* script */
-const __vue_script__$16 = script$15;
+const __vue_script__$17 = script$16;
 
 /* template */
-var __vue_render__$16 = function () {
+var __vue_render__$17 = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -11729,17 +11729,17 @@ var __vue_render__$16 = function () {
     _vm._v(_vm._s(_vm.price)),
   ])
 };
-var __vue_staticRenderFns__$16 = [];
-__vue_render__$16._withStripped = true;
+var __vue_staticRenderFns__$17 = [];
+__vue_render__$17._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$16 = undefined;
+  const __vue_inject_styles__$17 = undefined;
   /* scoped */
-  const __vue_scope_id__$16 = undefined;
+  const __vue_scope_id__$17 = undefined;
   /* module identifier */
-  const __vue_module_identifier__$16 = undefined;
+  const __vue_module_identifier__$17 = undefined;
   /* functional template */
-  const __vue_is_functional_template__$16 = false;
+  const __vue_is_functional_template__$17 = false;
   /* style inject */
   
   /* style inject SSR */
@@ -11748,13 +11748,13 @@ __vue_render__$16._withStripped = true;
   
 
   
-  const __vue_component__$16 = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$16, staticRenderFns: __vue_staticRenderFns__$16 },
-    __vue_inject_styles__$16,
-    __vue_script__$16,
-    __vue_scope_id__$16,
-    __vue_is_functional_template__$16,
-    __vue_module_identifier__$16,
+  const __vue_component__$17 = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$17, staticRenderFns: __vue_staticRenderFns__$17 },
+    __vue_inject_styles__$17,
+    __vue_script__$17,
+    __vue_scope_id__$17,
+    __vue_is_functional_template__$17,
+    __vue_module_identifier__$17,
     false,
     undefined,
     undefined,
@@ -11785,13 +11785,13 @@ __decorate([
 SearchBoxProductCustom = __decorate([
     Component
 ], SearchBoxProductCustom);
-var script$14 = SearchBoxProductCustom;
+var script$15 = SearchBoxProductCustom;
 
 /* script */
-const __vue_script__$15 = script$14;
+const __vue_script__$16 = script$15;
 
 /* template */
-var __vue_render__$15 = function () {
+var __vue_render__$16 = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -11814,17 +11814,17 @@ var __vue_render__$15 = function () {
             ]),
       ])
 };
-var __vue_staticRenderFns__$15 = [];
-__vue_render__$15._withStripped = true;
+var __vue_staticRenderFns__$16 = [];
+__vue_render__$16._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$15 = undefined;
+  const __vue_inject_styles__$16 = undefined;
   /* scoped */
-  const __vue_scope_id__$15 = undefined;
+  const __vue_scope_id__$16 = undefined;
   /* module identifier */
-  const __vue_module_identifier__$15 = undefined;
+  const __vue_module_identifier__$16 = undefined;
   /* functional template */
-  const __vue_is_functional_template__$15 = false;
+  const __vue_is_functional_template__$16 = false;
   /* style inject */
   
   /* style inject SSR */
@@ -11833,13 +11833,13 @@ __vue_render__$15._withStripped = true;
   
 
   
-  const __vue_component__$15 = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$15, staticRenderFns: __vue_staticRenderFns__$15 },
-    __vue_inject_styles__$15,
-    __vue_script__$15,
-    __vue_scope_id__$15,
-    __vue_is_functional_template__$15,
-    __vue_module_identifier__$15,
+  const __vue_component__$16 = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$16, staticRenderFns: __vue_staticRenderFns__$16 },
+    __vue_inject_styles__$16,
+    __vue_script__$16,
+    __vue_scope_id__$16,
+    __vue_is_functional_template__$16,
+    __vue_module_identifier__$16,
     false,
     undefined,
     undefined,
@@ -11865,13 +11865,13 @@ SearchBoxProductCustomHtml = __decorate([
         name: "SearchBoxProductCustomHtml",
     })
 ], SearchBoxProductCustomHtml);
-var script$13 = SearchBoxProductCustomHtml;
+var script$14 = SearchBoxProductCustomHtml;
 
 /* script */
-const __vue_script__$14 = script$13;
+const __vue_script__$15 = script$14;
 
 /* template */
-var __vue_render__$14 = function () {
+var __vue_render__$15 = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -11880,17 +11880,17 @@ var __vue_render__$14 = function () {
     domProps: { innerHTML: _vm._s(_vm.text) },
   })
 };
-var __vue_staticRenderFns__$14 = [];
-__vue_render__$14._withStripped = true;
+var __vue_staticRenderFns__$15 = [];
+__vue_render__$15._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$14 = undefined;
+  const __vue_inject_styles__$15 = undefined;
   /* scoped */
-  const __vue_scope_id__$14 = undefined;
+  const __vue_scope_id__$15 = undefined;
   /* module identifier */
-  const __vue_module_identifier__$14 = undefined;
+  const __vue_module_identifier__$15 = undefined;
   /* functional template */
-  const __vue_is_functional_template__$14 = false;
+  const __vue_is_functional_template__$15 = false;
   /* style inject */
   
   /* style inject SSR */
@@ -11899,13 +11899,13 @@ __vue_render__$14._withStripped = true;
   
 
   
-  const __vue_component__$14 = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$14, staticRenderFns: __vue_staticRenderFns__$14 },
-    __vue_inject_styles__$14,
-    __vue_script__$14,
-    __vue_scope_id__$14,
-    __vue_is_functional_template__$14,
-    __vue_module_identifier__$14,
+  const __vue_component__$15 = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$15, staticRenderFns: __vue_staticRenderFns__$15 },
+    __vue_inject_styles__$15,
+    __vue_script__$15,
+    __vue_scope_id__$15,
+    __vue_is_functional_template__$15,
+    __vue_module_identifier__$15,
     false,
     undefined,
     undefined,
@@ -11922,10 +11922,12 @@ var DocumentElementType;
     DocumentElementType["PRICE"] = "price";
     DocumentElementType["REGULARPRICE"] = "regularPrice";
     DocumentElementType["RATING"] = "rating";
+    DocumentElementType["SINGLE_STAR_RATING"] = "singleStarRating";
     DocumentElementType["ADDTOCART"] = "addToCart";
     DocumentElementType["CUSTOM_HTML"] = "customHtml";
 })(DocumentElementType || (DocumentElementType = {}));
 
+const dynamicData$4 = namespace("dynamicData");
 let SearchBoxProductElement = class SearchBoxProductElement extends Vue$1 {
     get elementComponent() {
         switch (this.element.type) {
@@ -11949,6 +11951,17 @@ let SearchBoxProductElement = class SearchBoxProductElement extends Vue$1 {
     get displayElement() {
         return this.element.display ? this.element.display(this.item) : true;
     }
+    get isLoadingDynamicData() {
+        return Boolean(this.element.dynamic && this.loading);
+    }
+    get enhancedItem() {
+        var _a, _b, _c, _d;
+        if (!((_a = this.item) === null || _a === void 0 ? void 0 : _a.id)) {
+            return this.item;
+        }
+        const enhancementData = (_d = (_b = this.dynamicDataIdMap) === null || _b === void 0 ? void 0 : _b[(_c = this.item) === null || _c === void 0 ? void 0 : _c.id]) !== null && _d !== void 0 ? _d : {};
+        return Object.assign(Object.assign({}, this.item), enhancementData);
+    }
 };
 __decorate([
     Prop()
@@ -11959,47 +11972,58 @@ __decorate([
 __decorate([
     Prop()
 ], SearchBoxProductElement.prototype, "labels", void 0);
+__decorate([
+    dynamicData$4.State("loading")
+], SearchBoxProductElement.prototype, "loading", void 0);
+__decorate([
+    dynamicData$4.State("dynamicDataIdMap")
+], SearchBoxProductElement.prototype, "dynamicDataIdMap", void 0);
 SearchBoxProductElement = __decorate([
     Component({
         components: {
-            SearchBoxProductImage: __vue_component__$1a,
-            SearchBoxProductTitle: __vue_component__$19,
-            SearchBoxProductDescription: __vue_component__$18,
-            SearchBoxProductPrice: __vue_component__$17,
-            SearchBoxProductRegularPrice: __vue_component__$16,
-            SearchBoxProductCustom: __vue_component__$15,
-            SearchBoxProductCustomHtml: __vue_component__$14,
+            SearchBoxProductImage: __vue_component__$1b,
+            SearchBoxProductTitle: __vue_component__$1a,
+            SearchBoxProductDescription: __vue_component__$19,
+            SearchBoxProductPrice: __vue_component__$18,
+            SearchBoxProductRegularPrice: __vue_component__$17,
+            SearchBoxProductCustom: __vue_component__$16,
+            SearchBoxProductCustomHtml: __vue_component__$15,
         },
     })
 ], SearchBoxProductElement);
-var script$12 = SearchBoxProductElement;
+var script$13 = SearchBoxProductElement;
 
 /* script */
-const __vue_script__$13 = script$12;
+const __vue_script__$14 = script$13;
 
 /* template */
-var __vue_render__$13 = function () {
+var __vue_render__$14 = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
   return _vm.displayElement
     ? _c(_vm.elementComponent, {
         tag: "search-box-element",
-        attrs: { item: _vm.item, options: _vm.element, labels: _vm.labels },
+        class: { "lupa-loading-dynamic-data": _vm.isLoadingDynamicData },
+        attrs: {
+          item: _vm.enhancedItem,
+          options: _vm.element,
+          labels: _vm.labels,
+        },
       })
     : _vm._e()
 };
-var __vue_staticRenderFns__$13 = [];
-__vue_render__$13._withStripped = true;
+var __vue_staticRenderFns__$14 = [];
+__vue_render__$14._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$13 = undefined;
+  const __vue_inject_styles__$14 = undefined;
   /* scoped */
-  const __vue_scope_id__$13 = undefined;
+  const __vue_scope_id__$14 = undefined;
   /* module identifier */
-  const __vue_module_identifier__$13 = undefined;
+  const __vue_module_identifier__$14 = undefined;
   /* functional template */
-  const __vue_is_functional_template__$13 = false;
+  const __vue_is_functional_template__$14 = false;
   /* style inject */
   
   /* style inject SSR */
@@ -12008,13 +12032,13 @@ __vue_render__$13._withStripped = true;
   
 
   
-  const __vue_component__$13 = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$13, staticRenderFns: __vue_staticRenderFns__$13 },
-    __vue_inject_styles__$13,
-    __vue_script__$13,
-    __vue_scope_id__$13,
-    __vue_is_functional_template__$13,
-    __vue_module_identifier__$13,
+  const __vue_component__$14 = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$14, staticRenderFns: __vue_staticRenderFns__$14 },
+    __vue_inject_styles__$14,
+    __vue_script__$14,
+    __vue_scope_id__$14,
+    __vue_is_functional_template__$14,
+    __vue_module_identifier__$14,
     false,
     undefined,
     undefined,
@@ -12063,7 +12087,8 @@ const CURRENCY_KEY_INDICATOR = "price";
 const DEFAULT_PAGE_SIZE = 12;
 const DEFAULT_PAGE_SIZE_SELECTION = [12, 24, 36, 60];
 const LUPA_ROUTING_EVENT = "lupaRedirect";
-const DEFAULT_CONTAINER_STYLE = "containerStyle.css";
+const DEFAULT_CONTAINER_STYLE = "containerStyle.css";
+const RATING_STAR_HTML = "☆";
 
 const formatRange = (filter) => {
     var _a, _b;
@@ -12437,17 +12462,17 @@ __decorate([
 SearchBoxProduct = __decorate([
     Component({
         components: {
-            SearchBoxProductElement: __vue_component__$13,
+            SearchBoxProductElement: __vue_component__$14,
         },
     })
 ], SearchBoxProduct);
-var script$11 = SearchBoxProduct;
+var script$12 = SearchBoxProduct;
 
 /* script */
-const __vue_script__$12 = script$11;
+const __vue_script__$13 = script$12;
 
 /* template */
-var __vue_render__$12 = function () {
+var __vue_render__$13 = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -12498,17 +12523,17 @@ var __vue_render__$12 = function () {
     ]
   )
 };
-var __vue_staticRenderFns__$12 = [];
-__vue_render__$12._withStripped = true;
+var __vue_staticRenderFns__$13 = [];
+__vue_render__$13._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$12 = undefined;
+  const __vue_inject_styles__$13 = undefined;
   /* scoped */
-  const __vue_scope_id__$12 = undefined;
+  const __vue_scope_id__$13 = undefined;
   /* module identifier */
-  const __vue_module_identifier__$12 = undefined;
+  const __vue_module_identifier__$13 = undefined;
   /* functional template */
-  const __vue_is_functional_template__$12 = false;
+  const __vue_is_functional_template__$13 = false;
   /* style inject */
   
   /* style inject SSR */
@@ -12517,13 +12542,13 @@ __vue_render__$12._withStripped = true;
   
 
   
-  const __vue_component__$12 = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$12, staticRenderFns: __vue_staticRenderFns__$12 },
-    __vue_inject_styles__$12,
-    __vue_script__$12,
-    __vue_scope_id__$12,
-    __vue_is_functional_template__$12,
-    __vue_module_identifier__$12,
+  const __vue_component__$13 = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$13, staticRenderFns: __vue_staticRenderFns__$13 },
+    __vue_inject_styles__$13,
+    __vue_script__$13,
+    __vue_scope_id__$13,
+    __vue_is_functional_template__$13,
+    __vue_module_identifier__$13,
     false,
     undefined,
     undefined,
@@ -12557,16 +12582,16 @@ __decorate([
 ], SearchBoxProducts.prototype, "highlightedItem", void 0);
 SearchBoxProducts = __decorate([
     Component({
-        components: { SearchBoxProduct: __vue_component__$12 },
+        components: { SearchBoxProduct: __vue_component__$13 },
     })
 ], SearchBoxProducts);
-var script$10 = SearchBoxProducts;
+var script$11 = SearchBoxProducts;
 
 /* script */
-const __vue_script__$11 = script$10;
+const __vue_script__$12 = script$11;
 
 /* template */
-var __vue_render__$11 = function () {
+var __vue_render__$12 = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -12593,17 +12618,17 @@ var __vue_render__$11 = function () {
     1
   )
 };
-var __vue_staticRenderFns__$11 = [];
-__vue_render__$11._withStripped = true;
+var __vue_staticRenderFns__$12 = [];
+__vue_render__$12._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$11 = undefined;
+  const __vue_inject_styles__$12 = undefined;
   /* scoped */
-  const __vue_scope_id__$11 = undefined;
+  const __vue_scope_id__$12 = undefined;
   /* module identifier */
-  const __vue_module_identifier__$11 = undefined;
+  const __vue_module_identifier__$12 = undefined;
   /* functional template */
-  const __vue_is_functional_template__$11 = false;
+  const __vue_is_functional_template__$12 = false;
   /* style inject */
   
   /* style inject SSR */
@@ -12612,13 +12637,13 @@ __vue_render__$11._withStripped = true;
   
 
   
-  const __vue_component__$11 = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$11, staticRenderFns: __vue_staticRenderFns__$11 },
-    __vue_inject_styles__$11,
-    __vue_script__$11,
-    __vue_scope_id__$11,
-    __vue_is_functional_template__$11,
-    __vue_module_identifier__$11,
+  const __vue_component__$12 = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$12, staticRenderFns: __vue_staticRenderFns__$12 },
+    __vue_inject_styles__$12,
+    __vue_script__$12,
+    __vue_scope_id__$12,
+    __vue_is_functional_template__$12,
+    __vue_module_identifier__$12,
     false,
     undefined,
     undefined,
@@ -12626,10 +12651,12 @@ __vue_render__$11._withStripped = true;
   );
 
 const searchBox$8 = namespace("searchBox");
+const dynamicData$3 = namespace("dynamicData");
 let SearchBoxProductsWrapper = class SearchBoxProductsWrapper extends Vue$1 {
     constructor() {
         super(...arguments);
         this.getItemsDebounced = debounce(this.getItems, this.debounce);
+        this.enhanceDataDebounced = debounce(this.enhancePanelData, this.debounce);
     }
     get searchResult() {
         var _a;
@@ -12641,6 +12668,11 @@ let SearchBoxProductsWrapper = class SearchBoxProductsWrapper extends Vue$1 {
     onInputChange() {
         this.getItemsDebounced();
     }
+    enhancePanelData() {
+        return __awaiter$1(this, void 0, void 0, function* () {
+            yield this.enhanceData({ result: this.searchResult, mode: "searchBox" });
+        });
+    }
     getItems() {
         this.queryDocuments({
             queryKey: this.panel.queryKey,
@@ -12654,6 +12686,7 @@ let SearchBoxProductsWrapper = class SearchBoxProductsWrapper extends Vue$1 {
                 items: result.items,
                 type: this.panel.type,
             });
+            this.enhanceDataDebounced();
         });
     }
 };
@@ -12678,6 +12711,9 @@ __decorate([
 __decorate([
     searchBox$8.Action("queryDocuments")
 ], SearchBoxProductsWrapper.prototype, "queryDocuments", void 0);
+__decorate([
+    dynamicData$3.Action("enhanceSearchResultsWithDynamicData")
+], SearchBoxProductsWrapper.prototype, "enhanceData", void 0);
 __decorate([
     Watch("inputValue")
 ], SearchBoxProductsWrapper.prototype, "onInputChange", null);
@@ -12685,17 +12721,17 @@ SearchBoxProductsWrapper = __decorate([
     Component({
         name: "searchBoxProductsWrapper",
         components: {
-            SearchBoxProducts: __vue_component__$11,
+            SearchBoxProducts: __vue_component__$12,
         },
     })
 ], SearchBoxProductsWrapper);
-var script$$ = SearchBoxProductsWrapper;
+var script$10 = SearchBoxProductsWrapper;
 
 /* script */
-const __vue_script__$10 = script$$;
+const __vue_script__$11 = script$10;
 
 /* template */
-var __vue_render__$10 = function () {
+var __vue_render__$11 = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -12713,34 +12749,34 @@ var __vue_render__$10 = function () {
     },
   })
 };
-var __vue_staticRenderFns__$10 = [];
-__vue_render__$10._withStripped = true;
+var __vue_staticRenderFns__$11 = [];
+__vue_render__$11._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$10 = function (inject) {
+  const __vue_inject_styles__$11 = function (inject) {
     if (!inject) return
-    inject("data-v-58b6ab21_0", { source: "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n", map: undefined, media: undefined });
+    inject("data-v-25fa84a3_0", { source: "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n", map: undefined, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$10 = undefined;
+  const __vue_scope_id__$11 = undefined;
   /* module identifier */
-  const __vue_module_identifier__$10 = undefined;
+  const __vue_module_identifier__$11 = undefined;
   /* functional template */
-  const __vue_is_functional_template__$10 = false;
+  const __vue_is_functional_template__$11 = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  const __vue_component__$10 = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$10, staticRenderFns: __vue_staticRenderFns__$10 },
-    __vue_inject_styles__$10,
-    __vue_script__$10,
-    __vue_scope_id__$10,
-    __vue_is_functional_template__$10,
-    __vue_module_identifier__$10,
+  const __vue_component__$11 = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$11, staticRenderFns: __vue_staticRenderFns__$11 },
+    __vue_inject_styles__$11,
+    __vue_script__$11,
+    __vue_scope_id__$11,
+    __vue_is_functional_template__$11,
+    __vue_module_identifier__$11,
     false,
     createInjector,
     undefined,
@@ -12785,13 +12821,13 @@ SearchBoxSuggestion = __decorate([
         name: "searchBoxSuggestion",
     })
 ], SearchBoxSuggestion);
-var script$_ = SearchBoxSuggestion;
+var script$$ = SearchBoxSuggestion;
 
 /* script */
-const __vue_script__$$ = script$_;
+const __vue_script__$10 = script$$;
 
 /* template */
-var __vue_render__$$ = function () {
+var __vue_render__$10 = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -12851,17 +12887,17 @@ var __vue_render__$$ = function () {
     ]
   )
 };
-var __vue_staticRenderFns__$$ = [];
-__vue_render__$$._withStripped = true;
+var __vue_staticRenderFns__$10 = [];
+__vue_render__$10._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$$ = undefined;
+  const __vue_inject_styles__$10 = undefined;
   /* scoped */
-  const __vue_scope_id__$$ = undefined;
+  const __vue_scope_id__$10 = undefined;
   /* module identifier */
-  const __vue_module_identifier__$$ = undefined;
+  const __vue_module_identifier__$10 = undefined;
   /* functional template */
-  const __vue_is_functional_template__$$ = false;
+  const __vue_is_functional_template__$10 = false;
   /* style inject */
   
   /* style inject SSR */
@@ -12870,13 +12906,13 @@ __vue_render__$$._withStripped = true;
   
 
   
-  const __vue_component__$$ = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$$, staticRenderFns: __vue_staticRenderFns__$$ },
-    __vue_inject_styles__$$,
-    __vue_script__$$,
-    __vue_scope_id__$$,
-    __vue_is_functional_template__$$,
-    __vue_module_identifier__$$,
+  const __vue_component__$10 = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$10, staticRenderFns: __vue_staticRenderFns__$10 },
+    __vue_inject_styles__$10,
+    __vue_script__$10,
+    __vue_scope_id__$10,
+    __vue_is_functional_template__$10,
+    __vue_module_identifier__$10,
     false,
     undefined,
     undefined,
@@ -12941,17 +12977,17 @@ SearchBoxSuggestions = __decorate([
     Component({
         name: "searchBoxSuggestions",
         components: {
-            SearchBoxSuggestion: __vue_component__$$,
+            SearchBoxSuggestion: __vue_component__$10,
         },
     })
 ], SearchBoxSuggestions);
-var script$Z = SearchBoxSuggestions;
+var script$_ = SearchBoxSuggestions;
 
 /* script */
-const __vue_script__$_ = script$Z;
+const __vue_script__$$ = script$_;
 
 /* template */
-var __vue_render__$_ = function () {
+var __vue_render__$$ = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -12982,17 +13018,17 @@ var __vue_render__$_ = function () {
     1
   )
 };
-var __vue_staticRenderFns__$_ = [];
-__vue_render__$_._withStripped = true;
+var __vue_staticRenderFns__$$ = [];
+__vue_render__$$._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$_ = undefined;
+  const __vue_inject_styles__$$ = undefined;
   /* scoped */
-  const __vue_scope_id__$_ = undefined;
+  const __vue_scope_id__$$ = undefined;
   /* module identifier */
-  const __vue_module_identifier__$_ = undefined;
+  const __vue_module_identifier__$$ = undefined;
   /* functional template */
-  const __vue_is_functional_template__$_ = false;
+  const __vue_is_functional_template__$$ = false;
   /* style inject */
   
   /* style inject SSR */
@@ -13001,13 +13037,13 @@ __vue_render__$_._withStripped = true;
   
 
   
-  const __vue_component__$_ = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$_, staticRenderFns: __vue_staticRenderFns__$_ },
-    __vue_inject_styles__$_,
-    __vue_script__$_,
-    __vue_scope_id__$_,
-    __vue_is_functional_template__$_,
-    __vue_module_identifier__$_,
+  const __vue_component__$$ = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$$, staticRenderFns: __vue_staticRenderFns__$$ },
+    __vue_inject_styles__$$,
+    __vue_script__$$,
+    __vue_scope_id__$$,
+    __vue_is_functional_template__$$,
+    __vue_module_identifier__$$,
     false,
     undefined,
     undefined,
@@ -13076,17 +13112,17 @@ SearchBoxSuggestionsWrapper = __decorate([
     Component({
         name: "searchBoxSuggestionsWrapper",
         components: {
-            SearchBoxSuggestions: __vue_component__$_,
+            SearchBoxSuggestions: __vue_component__$$,
         },
     })
 ], SearchBoxSuggestionsWrapper);
-var script$Y = SearchBoxSuggestionsWrapper;
+var script$Z = SearchBoxSuggestionsWrapper;
 
 /* script */
-const __vue_script__$Z = script$Y;
+const __vue_script__$_ = script$Z;
 
 /* template */
-var __vue_render__$Z = function () {
+var __vue_render__$_ = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -13104,34 +13140,34 @@ var __vue_render__$Z = function () {
     },
   })
 };
-var __vue_staticRenderFns__$Z = [];
-__vue_render__$Z._withStripped = true;
+var __vue_staticRenderFns__$_ = [];
+__vue_render__$_._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$Z = function (inject) {
+  const __vue_inject_styles__$_ = function (inject) {
     if (!inject) return
     inject("data-v-e3079fb6_0", { source: "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n", map: undefined, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$Z = undefined;
+  const __vue_scope_id__$_ = undefined;
   /* module identifier */
-  const __vue_module_identifier__$Z = undefined;
+  const __vue_module_identifier__$_ = undefined;
   /* functional template */
-  const __vue_is_functional_template__$Z = false;
+  const __vue_is_functional_template__$_ = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  const __vue_component__$Z = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$Z, staticRenderFns: __vue_staticRenderFns__$Z },
-    __vue_inject_styles__$Z,
-    __vue_script__$Z,
-    __vue_scope_id__$Z,
-    __vue_is_functional_template__$Z,
-    __vue_module_identifier__$Z,
+  const __vue_component__$_ = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$_, staticRenderFns: __vue_staticRenderFns__$_ },
+    __vue_inject_styles__$_,
+    __vue_script__$_,
+    __vue_scope_id__$_,
+    __vue_is_functional_template__$_,
+    __vue_module_identifier__$_,
     false,
     createInjector,
     undefined,
@@ -13170,13 +13206,13 @@ SearchBoxMoreResults = __decorate([
         name: "searchBoxMoreResults",
     })
 ], SearchBoxMoreResults);
-var script$X = SearchBoxMoreResults;
+var script$Y = SearchBoxMoreResults;
 
 /* script */
-const __vue_script__$Y = script$X;
+const __vue_script__$Z = script$Y;
 
 /* template */
-var __vue_render__$Y = function () {
+var __vue_render__$Z = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -13190,17 +13226,17 @@ var __vue_render__$Y = function () {
     [_vm._v(_vm._s(_vm.labels.moreResults) + " " + _vm._s(_vm.totalCount))]
   )
 };
-var __vue_staticRenderFns__$Y = [];
-__vue_render__$Y._withStripped = true;
+var __vue_staticRenderFns__$Z = [];
+__vue_render__$Z._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$Y = undefined;
+  const __vue_inject_styles__$Z = undefined;
   /* scoped */
-  const __vue_scope_id__$Y = undefined;
+  const __vue_scope_id__$Z = undefined;
   /* module identifier */
-  const __vue_module_identifier__$Y = undefined;
+  const __vue_module_identifier__$Z = undefined;
   /* functional template */
-  const __vue_is_functional_template__$Y = false;
+  const __vue_is_functional_template__$Z = false;
   /* style inject */
   
   /* style inject SSR */
@@ -13209,13 +13245,13 @@ __vue_render__$Y._withStripped = true;
   
 
   
-  const __vue_component__$Y = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$Y, staticRenderFns: __vue_staticRenderFns__$Y },
-    __vue_inject_styles__$Y,
-    __vue_script__$Y,
-    __vue_scope_id__$Y,
-    __vue_is_functional_template__$Y,
-    __vue_module_identifier__$Y,
+  const __vue_component__$Z = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$Z, staticRenderFns: __vue_staticRenderFns__$Z },
+    __vue_inject_styles__$Z,
+    __vue_script__$Z,
+    __vue_scope_id__$Z,
+    __vue_is_functional_template__$Z,
+    __vue_module_identifier__$Z,
     false,
     undefined,
     undefined,
@@ -13241,13 +13277,13 @@ SearchBoxHistoryItem = __decorate([
         name: "SearchBoxHistoryItem",
     })
 ], SearchBoxHistoryItem);
-var script$W = SearchBoxHistoryItem;
+var script$X = SearchBoxHistoryItem;
 
 /* script */
-const __vue_script__$X = script$W;
+const __vue_script__$Y = script$X;
 
 /* template */
-var __vue_render__$X = function () {
+var __vue_render__$Y = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -13276,17 +13312,17 @@ var __vue_render__$X = function () {
     ]),
   ])
 };
-var __vue_staticRenderFns__$X = [];
-__vue_render__$X._withStripped = true;
+var __vue_staticRenderFns__$Y = [];
+__vue_render__$Y._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$X = undefined;
+  const __vue_inject_styles__$Y = undefined;
   /* scoped */
-  const __vue_scope_id__$X = undefined;
+  const __vue_scope_id__$Y = undefined;
   /* module identifier */
-  const __vue_module_identifier__$X = undefined;
+  const __vue_module_identifier__$Y = undefined;
   /* functional template */
-  const __vue_is_functional_template__$X = false;
+  const __vue_is_functional_template__$Y = false;
   /* style inject */
   
   /* style inject SSR */
@@ -13295,13 +13331,13 @@ __vue_render__$X._withStripped = true;
   
 
   
-  const __vue_component__$X = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$X, staticRenderFns: __vue_staticRenderFns__$X },
-    __vue_inject_styles__$X,
-    __vue_script__$X,
-    __vue_scope_id__$X,
-    __vue_is_functional_template__$X,
-    __vue_module_identifier__$X,
+  const __vue_component__$Y = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$Y, staticRenderFns: __vue_staticRenderFns__$Y },
+    __vue_inject_styles__$Y,
+    __vue_script__$Y,
+    __vue_scope_id__$Y,
+    __vue_is_functional_template__$Y,
+    __vue_module_identifier__$Y,
     false,
     undefined,
     undefined,
@@ -13362,17 +13398,17 @@ SearchBoxHistoryPanel = __decorate([
     Component({
         name: "searchBoxHistoryPanel",
         components: {
-            SearchBoxHistoryItem: __vue_component__$X,
+            SearchBoxHistoryItem: __vue_component__$Y,
         },
     })
 ], SearchBoxHistoryPanel);
-var script$V = SearchBoxHistoryPanel;
+var script$W = SearchBoxHistoryPanel;
 
 /* script */
-const __vue_script__$W = script$V;
+const __vue_script__$X = script$W;
 
 /* template */
-var __vue_render__$W = function () {
+var __vue_render__$X = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -13402,17 +13438,17 @@ var __vue_render__$W = function () {
       )
     : _vm._e()
 };
-var __vue_staticRenderFns__$W = [];
-__vue_render__$W._withStripped = true;
+var __vue_staticRenderFns__$X = [];
+__vue_render__$X._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$W = undefined;
+  const __vue_inject_styles__$X = undefined;
   /* scoped */
-  const __vue_scope_id__$W = undefined;
+  const __vue_scope_id__$X = undefined;
   /* module identifier */
-  const __vue_module_identifier__$W = undefined;
+  const __vue_module_identifier__$X = undefined;
   /* functional template */
-  const __vue_is_functional_template__$W = false;
+  const __vue_is_functional_template__$X = false;
   /* style inject */
   
   /* style inject SSR */
@@ -13421,13 +13457,13 @@ __vue_render__$W._withStripped = true;
   
 
   
-  const __vue_component__$W = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$W, staticRenderFns: __vue_staticRenderFns__$W },
-    __vue_inject_styles__$W,
-    __vue_script__$W,
-    __vue_scope_id__$W,
-    __vue_is_functional_template__$W,
-    __vue_module_identifier__$W,
+  const __vue_component__$X = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$X, staticRenderFns: __vue_staticRenderFns__$X },
+    __vue_inject_styles__$X,
+    __vue_script__$X,
+    __vue_scope_id__$X,
+    __vue_is_functional_template__$X,
+    __vue_module_identifier__$X,
     false,
     undefined,
     undefined,
@@ -13535,20 +13571,20 @@ SearchBoxMainPanel = __decorate([
     Component({
         name: "searchBoxMainPanel",
         components: {
-            SearchBoxSuggestionsWrapper: __vue_component__$Z,
-            SearchBoxProductsWrapper: __vue_component__$10,
-            SearchBoxMoreResults: __vue_component__$Y,
-            SearchBoxHistoryPanel: __vue_component__$W,
+            SearchBoxSuggestionsWrapper: __vue_component__$_,
+            SearchBoxProductsWrapper: __vue_component__$11,
+            SearchBoxMoreResults: __vue_component__$Z,
+            SearchBoxHistoryPanel: __vue_component__$X,
         },
     })
 ], SearchBoxMainPanel);
-var script$U = SearchBoxMainPanel;
+var script$V = SearchBoxMainPanel;
 
 /* script */
-const __vue_script__$V = script$U;
+const __vue_script__$W = script$V;
 
 /* template */
-var __vue_render__$V = function () {
+var __vue_render__$W = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -13638,34 +13674,34 @@ var __vue_render__$V = function () {
       )
     : _vm._e()
 };
-var __vue_staticRenderFns__$V = [];
-__vue_render__$V._withStripped = true;
+var __vue_staticRenderFns__$W = [];
+__vue_render__$W._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$V = function (inject) {
+  const __vue_inject_styles__$W = function (inject) {
     if (!inject) return
     inject("data-v-947d134e_0", { source: "#lupa-search-box-panel {\n  display: flex;\n  justify-content: space-between;\n  flex-direction: column;\n}\n.lupa-more-results {\n  text-align: center;\n}", map: undefined, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$V = undefined;
+  const __vue_scope_id__$W = undefined;
   /* module identifier */
-  const __vue_module_identifier__$V = undefined;
+  const __vue_module_identifier__$W = undefined;
   /* functional template */
-  const __vue_is_functional_template__$V = false;
+  const __vue_is_functional_template__$W = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  const __vue_component__$V = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$V, staticRenderFns: __vue_staticRenderFns__$V },
-    __vue_inject_styles__$V,
-    __vue_script__$V,
-    __vue_scope_id__$V,
-    __vue_is_functional_template__$V,
-    __vue_module_identifier__$V,
+  const __vue_component__$W = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$W, staticRenderFns: __vue_staticRenderFns__$W },
+    __vue_inject_styles__$W,
+    __vue_script__$W,
+    __vue_scope_id__$W,
+    __vue_is_functional_template__$W,
+    __vue_module_identifier__$W,
     false,
     createInjector,
     undefined,
@@ -31156,18 +31192,18 @@ SearchBox = __decorate([
     Component({
         name: "searchBox",
         components: {
-            SearchBoxInput: __vue_component__$1c,
-            SearchBoxMainPanel: __vue_component__$V,
+            SearchBoxInput: __vue_component__$1d,
+            SearchBoxMainPanel: __vue_component__$W,
         },
     })
 ], SearchBox);
-var script$T = SearchBox;
+var script$U = SearchBox;
 
 /* script */
-const __vue_script__$U = script$T;
+const __vue_script__$V = script$U;
 
 /* template */
-var __vue_render__$U = function () {
+var __vue_render__$V = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -31211,34 +31247,34 @@ var __vue_render__$U = function () {
     ),
   ])
 };
-var __vue_staticRenderFns__$U = [];
-__vue_render__$U._withStripped = true;
+var __vue_staticRenderFns__$V = [];
+__vue_render__$V._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$U = function (inject) {
+  const __vue_inject_styles__$V = function (inject) {
     if (!inject) return
     inject("data-v-39831122_0", { source: "\n#lupa-search-box {\n  width: 100%;\n}\n.lupa-search-box-wrapper {\n  position: relative;\n}\n", map: undefined, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$U = undefined;
+  const __vue_scope_id__$V = undefined;
   /* module identifier */
-  const __vue_module_identifier__$U = undefined;
+  const __vue_module_identifier__$V = undefined;
   /* functional template */
-  const __vue_is_functional_template__$U = false;
+  const __vue_is_functional_template__$V = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  const __vue_component__$U = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$U, staticRenderFns: __vue_staticRenderFns__$U },
-    __vue_inject_styles__$U,
-    __vue_script__$U,
-    __vue_scope_id__$U,
-    __vue_is_functional_template__$U,
-    __vue_module_identifier__$U,
+  const __vue_component__$V = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$V, staticRenderFns: __vue_staticRenderFns__$V },
+    __vue_inject_styles__$V,
+    __vue_script__$V,
+    __vue_scope_id__$V,
+    __vue_is_functional_template__$V,
+    __vue_module_identifier__$V,
     false,
     createInjector,
     undefined,
@@ -31325,17 +31361,17 @@ SearchBoxEntry = __decorate([
     Component({
         name: "searchBox",
         components: {
-            SearchBox: __vue_component__$U,
+            SearchBox: __vue_component__$V,
         },
     })
 ], SearchBoxEntry);
-var script$S = SearchBoxEntry;
+var script$T = SearchBoxEntry;
 
 /* script */
-const __vue_script__$T = script$S;
+const __vue_script__$U = script$T;
 
 /* template */
-var __vue_render__$T = function () {
+var __vue_render__$U = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -31344,17 +31380,17 @@ var __vue_render__$T = function () {
     attrs: { options: _vm.fullSearchBoxOptions },
   })
 };
-var __vue_staticRenderFns__$T = [];
-__vue_render__$T._withStripped = true;
+var __vue_staticRenderFns__$U = [];
+__vue_render__$U._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$T = undefined;
+  const __vue_inject_styles__$U = undefined;
   /* scoped */
-  const __vue_scope_id__$T = undefined;
+  const __vue_scope_id__$U = undefined;
   /* module identifier */
-  const __vue_module_identifier__$T = undefined;
+  const __vue_module_identifier__$U = undefined;
   /* functional template */
-  const __vue_is_functional_template__$T = false;
+  const __vue_is_functional_template__$U = false;
   /* style inject */
   
   /* style inject SSR */
@@ -31363,13 +31399,13 @@ __vue_render__$T._withStripped = true;
   
 
   
-  const __vue_component__$T = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$T, staticRenderFns: __vue_staticRenderFns__$T },
-    __vue_inject_styles__$T,
-    __vue_script__$T,
-    __vue_scope_id__$T,
-    __vue_is_functional_template__$T,
-    __vue_module_identifier__$T,
+  const __vue_component__$U = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$U, staticRenderFns: __vue_staticRenderFns__$U },
+    __vue_inject_styles__$U,
+    __vue_script__$U,
+    __vue_scope_id__$U,
+    __vue_is_functional_template__$U,
+    __vue_module_identifier__$U,
     false,
     undefined,
     undefined,
@@ -31637,13 +31673,13 @@ CurrentFilterDisplay = __decorate([
         name: "currentFilterDisplay",
     })
 ], CurrentFilterDisplay);
-var script$R = CurrentFilterDisplay;
+var script$S = CurrentFilterDisplay;
 
 /* script */
-const __vue_script__$S = script$R;
+const __vue_script__$T = script$S;
 
 /* template */
-var __vue_render__$S = function () {
+var __vue_render__$T = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -31676,17 +31712,17 @@ var __vue_render__$S = function () {
     ),
   ])
 };
-var __vue_staticRenderFns__$S = [];
-__vue_render__$S._withStripped = true;
+var __vue_staticRenderFns__$T = [];
+__vue_render__$T._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$S = undefined;
+  const __vue_inject_styles__$T = undefined;
   /* scoped */
-  const __vue_scope_id__$S = undefined;
+  const __vue_scope_id__$T = undefined;
   /* module identifier */
-  const __vue_module_identifier__$S = undefined;
+  const __vue_module_identifier__$T = undefined;
   /* functional template */
-  const __vue_is_functional_template__$S = false;
+  const __vue_is_functional_template__$T = false;
   /* style inject */
   
   /* style inject SSR */
@@ -31695,13 +31731,13 @@ __vue_render__$S._withStripped = true;
   
 
   
-  const __vue_component__$S = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$S, staticRenderFns: __vue_staticRenderFns__$S },
-    __vue_inject_styles__$S,
-    __vue_script__$S,
-    __vue_scope_id__$S,
-    __vue_is_functional_template__$S,
-    __vue_module_identifier__$S,
+  const __vue_component__$T = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$T, staticRenderFns: __vue_staticRenderFns__$T },
+    __vue_inject_styles__$T,
+    __vue_script__$T,
+    __vue_scope_id__$T,
+    __vue_is_functional_template__$T,
+    __vue_module_identifier__$T,
     false,
     undefined,
     undefined,
@@ -31843,17 +31879,17 @@ CurrentFilters = __decorate([
     Component({
         name: "currentFilters",
         components: {
-            CurrentFilterDisplay: __vue_component__$S,
+            CurrentFilterDisplay: __vue_component__$T,
         },
     })
 ], CurrentFilters);
-var script$Q = CurrentFilters;
+var script$R = CurrentFilters;
 
 /* script */
-const __vue_script__$R = script$Q;
+const __vue_script__$S = script$R;
 
 /* template */
-var __vue_render__$R = function () {
+var __vue_render__$S = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -31937,17 +31973,17 @@ var __vue_render__$R = function () {
       )
     : _vm._e()
 };
-var __vue_staticRenderFns__$R = [];
-__vue_render__$R._withStripped = true;
+var __vue_staticRenderFns__$S = [];
+__vue_render__$S._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$R = undefined;
+  const __vue_inject_styles__$S = undefined;
   /* scoped */
-  const __vue_scope_id__$R = undefined;
+  const __vue_scope_id__$S = undefined;
   /* module identifier */
-  const __vue_module_identifier__$R = undefined;
+  const __vue_module_identifier__$S = undefined;
   /* functional template */
-  const __vue_is_functional_template__$R = false;
+  const __vue_is_functional_template__$S = false;
   /* style inject */
   
   /* style inject SSR */
@@ -31956,13 +31992,13 @@ __vue_render__$R._withStripped = true;
   
 
   
-  const __vue_component__$R = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$R, staticRenderFns: __vue_staticRenderFns__$R },
-    __vue_inject_styles__$R,
-    __vue_script__$R,
-    __vue_scope_id__$R,
-    __vue_is_functional_template__$R,
-    __vue_module_identifier__$R,
+  const __vue_component__$S = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$S, staticRenderFns: __vue_staticRenderFns__$S },
+    __vue_inject_styles__$S,
+    __vue_script__$S,
+    __vue_scope_id__$S,
+    __vue_is_functional_template__$S,
+    __vue_module_identifier__$S,
     false,
     undefined,
     undefined,
@@ -32047,13 +32083,13 @@ TermFacet$1 = __decorate([
         name: "termFacet",
     })
 ], TermFacet$1);
-var script$P = TermFacet$1;
+var script$Q = TermFacet$1;
 
 /* script */
-const __vue_script__$Q = script$P;
+const __vue_script__$R = script$Q;
 
 /* template */
-var __vue_render__$Q = function () {
+var __vue_render__$R = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -32155,17 +32191,17 @@ var __vue_render__$Q = function () {
     ]
   )
 };
-var __vue_staticRenderFns__$Q = [];
-__vue_render__$Q._withStripped = true;
+var __vue_staticRenderFns__$R = [];
+__vue_render__$R._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$Q = undefined;
+  const __vue_inject_styles__$R = undefined;
   /* scoped */
-  const __vue_scope_id__$Q = undefined;
+  const __vue_scope_id__$R = undefined;
   /* module identifier */
-  const __vue_module_identifier__$Q = undefined;
+  const __vue_module_identifier__$R = undefined;
   /* functional template */
-  const __vue_is_functional_template__$Q = false;
+  const __vue_is_functional_template__$R = false;
   /* style inject */
   
   /* style inject SSR */
@@ -32174,13 +32210,13 @@ __vue_render__$Q._withStripped = true;
   
 
   
-  const __vue_component__$Q = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$Q, staticRenderFns: __vue_staticRenderFns__$Q },
-    __vue_inject_styles__$Q,
-    __vue_script__$Q,
-    __vue_scope_id__$Q,
-    __vue_is_functional_template__$Q,
-    __vue_module_identifier__$Q,
+  const __vue_component__$R = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$R, staticRenderFns: __vue_staticRenderFns__$R },
+    __vue_inject_styles__$R,
+    __vue_script__$R,
+    __vue_scope_id__$R,
+    __vue_is_functional_template__$R,
+    __vue_module_identifier__$R,
     false,
     undefined,
     undefined,
@@ -32375,13 +32411,13 @@ TermFacet = __decorate([
         },
     })
 ], TermFacet);
-var script$O = TermFacet;
+var script$P = TermFacet;
 
 /* script */
-const __vue_script__$P = script$O;
+const __vue_script__$Q = script$P;
 
 /* template */
-var __vue_render__$P = function () {
+var __vue_render__$Q = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -32509,17 +32545,17 @@ var __vue_render__$P = function () {
       : _vm._e(),
   ])
 };
-var __vue_staticRenderFns__$P = [];
-__vue_render__$P._withStripped = true;
+var __vue_staticRenderFns__$Q = [];
+__vue_render__$Q._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$P = undefined;
+  const __vue_inject_styles__$Q = undefined;
   /* scoped */
-  const __vue_scope_id__$P = undefined;
+  const __vue_scope_id__$Q = undefined;
   /* module identifier */
-  const __vue_module_identifier__$P = undefined;
+  const __vue_module_identifier__$Q = undefined;
   /* functional template */
-  const __vue_is_functional_template__$P = false;
+  const __vue_is_functional_template__$Q = false;
   /* style inject */
   
   /* style inject SSR */
@@ -32528,13 +32564,13 @@ __vue_render__$P._withStripped = true;
   
 
   
-  const __vue_component__$P = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$P, staticRenderFns: __vue_staticRenderFns__$P },
-    __vue_inject_styles__$P,
-    __vue_script__$P,
-    __vue_scope_id__$P,
-    __vue_is_functional_template__$P,
-    __vue_module_identifier__$P,
+  const __vue_component__$Q = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$Q, staticRenderFns: __vue_staticRenderFns__$Q },
+    __vue_inject_styles__$Q,
+    __vue_script__$Q,
+    __vue_scope_id__$Q,
+    __vue_is_functional_template__$Q,
+    __vue_module_identifier__$Q,
     false,
     undefined,
     undefined,
@@ -32574,13 +32610,13 @@ HierarchyFacetLevel = __decorate([
         name: "HierarchyFacetLevel",
     })
 ], HierarchyFacetLevel);
-var script$N = HierarchyFacetLevel;
+var script$O = HierarchyFacetLevel;
 
 /* script */
-const __vue_script__$O = script$N;
+const __vue_script__$P = script$O;
 
 /* template */
-var __vue_render__$O = function () {
+var __vue_render__$P = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -32650,34 +32686,34 @@ var __vue_render__$O = function () {
     ]
   )
 };
-var __vue_staticRenderFns__$O = [];
-__vue_render__$O._withStripped = true;
+var __vue_staticRenderFns__$P = [];
+__vue_render__$P._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$O = function (inject) {
+  const __vue_inject_styles__$P = function (inject) {
     if (!inject) return
     inject("data-v-1cc23c16_0", { source: ".lupa-facet-level {\n  margin-left: 25px;\n}", map: undefined, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$O = undefined;
+  const __vue_scope_id__$P = undefined;
   /* module identifier */
-  const __vue_module_identifier__$O = undefined;
+  const __vue_module_identifier__$P = undefined;
   /* functional template */
-  const __vue_is_functional_template__$O = false;
+  const __vue_is_functional_template__$P = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  const __vue_component__$O = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$O, staticRenderFns: __vue_staticRenderFns__$O },
-    __vue_inject_styles__$O,
-    __vue_script__$O,
-    __vue_scope_id__$O,
-    __vue_is_functional_template__$O,
-    __vue_module_identifier__$O,
+  const __vue_component__$P = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$P, staticRenderFns: __vue_staticRenderFns__$P },
+    __vue_inject_styles__$P,
+    __vue_script__$P,
+    __vue_scope_id__$P,
+    __vue_is_functional_template__$P,
+    __vue_module_identifier__$P,
     false,
     createInjector,
     undefined,
@@ -32744,17 +32780,17 @@ HierarchyFacet = __decorate([
     Component({
         name: "hierarchyFacet",
         components: {
-            HierarchyFacetLevel: __vue_component__$O,
+            HierarchyFacetLevel: __vue_component__$P,
         },
     })
 ], HierarchyFacet);
-var script$M = HierarchyFacet;
+var script$N = HierarchyFacet;
 
 /* script */
-const __vue_script__$N = script$M;
+const __vue_script__$O = script$N;
 
 /* template */
-var __vue_render__$N = function () {
+var __vue_render__$O = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -32824,17 +32860,17 @@ var __vue_render__$N = function () {
     2
   )
 };
-var __vue_staticRenderFns__$N = [];
-__vue_render__$N._withStripped = true;
+var __vue_staticRenderFns__$O = [];
+__vue_render__$O._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$N = undefined;
+  const __vue_inject_styles__$O = undefined;
   /* scoped */
-  const __vue_scope_id__$N = undefined;
+  const __vue_scope_id__$O = undefined;
   /* module identifier */
-  const __vue_module_identifier__$N = undefined;
+  const __vue_module_identifier__$O = undefined;
   /* functional template */
-  const __vue_is_functional_template__$N = false;
+  const __vue_is_functional_template__$O = false;
   /* style inject */
   
   /* style inject SSR */
@@ -32843,13 +32879,13 @@ __vue_render__$N._withStripped = true;
   
 
   
-  const __vue_component__$N = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$N, staticRenderFns: __vue_staticRenderFns__$N },
-    __vue_inject_styles__$N,
-    __vue_script__$N,
-    __vue_scope_id__$N,
-    __vue_is_functional_template__$N,
-    __vue_module_identifier__$N,
+  const __vue_component__$O = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$O, staticRenderFns: __vue_staticRenderFns__$O },
+    __vue_inject_styles__$O,
+    __vue_script__$O,
+    __vue_scope_id__$O,
+    __vue_is_functional_template__$O,
+    __vue_module_identifier__$O,
     false,
     undefined,
     undefined,
@@ -32966,19 +33002,19 @@ FacetDisplay = __decorate([
     Component({
         name: "facetDisplay",
         components: {
-            TermFacet: __vue_component__$Q,
-            StatsFacet: __vue_component__$P,
-            HierarchyFacet: __vue_component__$N,
+            TermFacet: __vue_component__$R,
+            StatsFacet: __vue_component__$Q,
+            HierarchyFacet: __vue_component__$O,
         },
     })
 ], FacetDisplay);
-var script$L = FacetDisplay;
+var script$M = FacetDisplay;
 
 /* script */
-const __vue_script__$M = script$L;
+const __vue_script__$N = script$M;
 
 /* template */
-var __vue_render__$M = function () {
+var __vue_render__$N = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -33054,17 +33090,17 @@ var __vue_render__$M = function () {
       )
     : _vm._e()
 };
-var __vue_staticRenderFns__$M = [];
-__vue_render__$M._withStripped = true;
+var __vue_staticRenderFns__$N = [];
+__vue_render__$N._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$M = undefined;
+  const __vue_inject_styles__$N = undefined;
   /* scoped */
-  const __vue_scope_id__$M = undefined;
+  const __vue_scope_id__$N = undefined;
   /* module identifier */
-  const __vue_module_identifier__$M = undefined;
+  const __vue_module_identifier__$N = undefined;
   /* functional template */
-  const __vue_is_functional_template__$M = false;
+  const __vue_is_functional_template__$N = false;
   /* style inject */
   
   /* style inject SSR */
@@ -33073,13 +33109,13 @@ __vue_render__$M._withStripped = true;
   
 
   
-  const __vue_component__$M = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$M, staticRenderFns: __vue_staticRenderFns__$M },
-    __vue_inject_styles__$M,
-    __vue_script__$M,
-    __vue_scope_id__$M,
-    __vue_is_functional_template__$M,
-    __vue_module_identifier__$M,
+  const __vue_component__$N = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$N, staticRenderFns: __vue_staticRenderFns__$N },
+    __vue_inject_styles__$N,
+    __vue_script__$N,
+    __vue_scope_id__$N,
+    __vue_is_functional_template__$N,
+    __vue_module_identifier__$N,
     false,
     undefined,
     undefined,
@@ -33118,17 +33154,17 @@ FacetList = __decorate([
     Component({
         name: "facetList",
         components: {
-            FacetDisplay: __vue_component__$M,
+            FacetDisplay: __vue_component__$N,
         },
     })
 ], FacetList);
-var script$K = FacetList;
+var script$L = FacetList;
 
 /* script */
-const __vue_script__$L = script$K;
+const __vue_script__$M = script$L;
 
 /* template */
-var __vue_render__$L = function () {
+var __vue_render__$M = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -33161,32 +33197,32 @@ var __vue_render__$L = function () {
     ),
   ])
 };
-var __vue_staticRenderFns__$L = [];
-__vue_render__$L._withStripped = true;
+var __vue_staticRenderFns__$M = [];
+__vue_render__$M._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$L = undefined;
+  const __vue_inject_styles__$M = undefined;
   /* scoped */
-  const __vue_scope_id__$L = undefined;
+  const __vue_scope_id__$M = undefined;
   /* module identifier */
-  const __vue_module_identifier__$L = undefined;
+  const __vue_module_identifier__$M = undefined;
   /* functional template */
-  const __vue_is_functional_template__$L = false;
+  const __vue_is_functional_template__$M = false;
   /* style inject */
   
   /* style inject SSR */
   
-  /* style inject shadow dom */
-  
-
-  
-  const __vue_component__$L = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$L, staticRenderFns: __vue_staticRenderFns__$L },
-    __vue_inject_styles__$L,
-    __vue_script__$L,
-    __vue_scope_id__$L,
-    __vue_is_functional_template__$L,
-    __vue_module_identifier__$L,
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__$M = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$M, staticRenderFns: __vue_staticRenderFns__$M },
+    __vue_inject_styles__$M,
+    __vue_script__$M,
+    __vue_scope_id__$M,
+    __vue_is_functional_template__$M,
+    __vue_module_identifier__$M,
     false,
     undefined,
     undefined,
@@ -33290,17 +33326,17 @@ Facets = __decorate([
     Component({
         name: "facets",
         components: {
-            FacetList: __vue_component__$L,
+            FacetList: __vue_component__$M,
         },
     })
 ], Facets);
-var script$J = Facets;
+var script$K = Facets;
 
 /* script */
-const __vue_script__$K = script$J;
+const __vue_script__$L = script$K;
 
 /* template */
-var __vue_render__$K = function () {
+var __vue_render__$L = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -33324,17 +33360,17 @@ var __vue_render__$K = function () {
     1
   )
 };
-var __vue_staticRenderFns__$K = [];
-__vue_render__$K._withStripped = true;
+var __vue_staticRenderFns__$L = [];
+__vue_render__$L._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$K = undefined;
+  const __vue_inject_styles__$L = undefined;
   /* scoped */
-  const __vue_scope_id__$K = undefined;
+  const __vue_scope_id__$L = undefined;
   /* module identifier */
-  const __vue_module_identifier__$K = undefined;
+  const __vue_module_identifier__$L = undefined;
   /* functional template */
-  const __vue_is_functional_template__$K = false;
+  const __vue_is_functional_template__$L = false;
   /* style inject */
   
   /* style inject SSR */
@@ -33343,13 +33379,13 @@ __vue_render__$K._withStripped = true;
   
 
   
-  const __vue_component__$K = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$K, staticRenderFns: __vue_staticRenderFns__$K },
-    __vue_inject_styles__$K,
-    __vue_script__$K,
-    __vue_scope_id__$K,
-    __vue_is_functional_template__$K,
-    __vue_module_identifier__$K,
+  const __vue_component__$L = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$L, staticRenderFns: __vue_staticRenderFns__$L },
+    __vue_inject_styles__$L,
+    __vue_script__$L,
+    __vue_scope_id__$L,
+    __vue_is_functional_template__$L,
+    __vue_module_identifier__$L,
     false,
     undefined,
     undefined,
@@ -33390,13 +33426,13 @@ CategoryFilterItem = __decorate([
         name: "categoryFilterItem",
     })
 ], CategoryFilterItem);
-var script$I = CategoryFilterItem;
+var script$J = CategoryFilterItem;
 
 /* script */
-const __vue_script__$J = script$I;
+const __vue_script__$K = script$J;
 
 /* template */
-var __vue_render__$J = function () {
+var __vue_render__$K = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -33418,17 +33454,17 @@ var __vue_render__$J = function () {
     ]
   )
 };
-var __vue_staticRenderFns__$J = [];
-__vue_render__$J._withStripped = true;
+var __vue_staticRenderFns__$K = [];
+__vue_render__$K._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$J = undefined;
+  const __vue_inject_styles__$K = undefined;
   /* scoped */
-  const __vue_scope_id__$J = undefined;
+  const __vue_scope_id__$K = undefined;
   /* module identifier */
-  const __vue_module_identifier__$J = undefined;
+  const __vue_module_identifier__$K = undefined;
   /* functional template */
-  const __vue_is_functional_template__$J = false;
+  const __vue_is_functional_template__$K = false;
   /* style inject */
   
   /* style inject SSR */
@@ -33437,13 +33473,13 @@ __vue_render__$J._withStripped = true;
   
 
   
-  const __vue_component__$J = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$J, staticRenderFns: __vue_staticRenderFns__$J },
-    __vue_inject_styles__$J,
-    __vue_script__$J,
-    __vue_scope_id__$J,
-    __vue_is_functional_template__$J,
-    __vue_module_identifier__$J,
+  const __vue_component__$K = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$K, staticRenderFns: __vue_staticRenderFns__$K },
+    __vue_inject_styles__$K,
+    __vue_script__$K,
+    __vue_scope_id__$K,
+    __vue_is_functional_template__$K,
+    __vue_module_identifier__$K,
     false,
     undefined,
     undefined,
@@ -33483,6 +33519,11 @@ let CategoryFilter = class CategoryFilter extends Vue$1 {
         return linksMatch(this.parentUrlLink, window.location.origin + window.location.pathname);
     }
     mounted() {
+        return __awaiter$1(this, void 0, void 0, function* () {
+            yield this.fetch();
+        });
+    }
+    fetch() {
         var _a;
         return __awaiter$1(this, void 0, void 0, function* () {
             if (!((_a = this.options) === null || _a === void 0 ? void 0 : _a.queryKey)) {
@@ -33537,17 +33578,17 @@ CategoryFilter = __decorate([
     Component({
         name: "categoryFilter",
         components: {
-            CategoryFilterItem: __vue_component__$J,
+            CategoryFilterItem: __vue_component__$K,
         },
     })
 ], CategoryFilter);
-var script$H = CategoryFilter;
+var script$I = CategoryFilter;
 
 /* script */
-const __vue_script__$I = script$H;
+const __vue_script__$J = script$I;
 
 /* template */
-var __vue_render__$I = function () {
+var __vue_render__$J = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -33610,17 +33651,17 @@ var __vue_render__$I = function () {
     ]
   )
 };
-var __vue_staticRenderFns__$I = [];
-__vue_render__$I._withStripped = true;
+var __vue_staticRenderFns__$J = [];
+__vue_render__$J._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$I = undefined;
+  const __vue_inject_styles__$J = undefined;
   /* scoped */
-  const __vue_scope_id__$I = undefined;
+  const __vue_scope_id__$J = undefined;
   /* module identifier */
-  const __vue_module_identifier__$I = undefined;
+  const __vue_module_identifier__$J = undefined;
   /* functional template */
-  const __vue_is_functional_template__$I = false;
+  const __vue_is_functional_template__$J = false;
   /* style inject */
   
   /* style inject SSR */
@@ -33629,13 +33670,13 @@ __vue_render__$I._withStripped = true;
   
 
   
-  const __vue_component__$I = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$I, staticRenderFns: __vue_staticRenderFns__$I },
-    __vue_inject_styles__$I,
-    __vue_script__$I,
-    __vue_scope_id__$I,
-    __vue_is_functional_template__$I,
-    __vue_module_identifier__$I,
+  const __vue_component__$J = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$J, staticRenderFns: __vue_staticRenderFns__$J },
+    __vue_inject_styles__$J,
+    __vue_script__$J,
+    __vue_scope_id__$J,
+    __vue_is_functional_template__$J,
+    __vue_module_identifier__$J,
     false,
     undefined,
     undefined,
@@ -33649,6 +33690,11 @@ let SearchResultsFilters = class SearchResultsFilters extends Vue$1 {
             ? Boolean(this.options.facets)
             : false;
     }
+    fetch() {
+        var _a;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        (_a = this.$refs.categoryFilters) === null || _a === void 0 ? void 0 : _a.fetch();
+    }
 };
 __decorate([
     Prop()
@@ -33660,19 +33706,19 @@ SearchResultsFilters = __decorate([
     Component({
         name: "searchResultsFilters",
         components: {
-            CurrentFilters: __vue_component__$R,
-            Facets: __vue_component__$K,
-            CategoryFilter: __vue_component__$I,
+            CurrentFilters: __vue_component__$S,
+            Facets: __vue_component__$L,
+            CategoryFilter: __vue_component__$J,
         },
     })
 ], SearchResultsFilters);
-var script$G = SearchResultsFilters;
+var script$H = SearchResultsFilters;
 
 /* script */
-const __vue_script__$H = script$G;
+const __vue_script__$I = script$H;
 
 /* template */
-var __vue_render__$H = function () {
+var __vue_render__$I = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -33693,7 +33739,10 @@ var __vue_render__$H = function () {
         : _vm._e(),
       _vm._v(" "),
       _vm.options.categories
-        ? _c("CategoryFilter", { attrs: { options: _vm.options.categories } })
+        ? _c("CategoryFilter", {
+            ref: "categoryFilters",
+            attrs: { options: _vm.options.categories },
+          })
         : _vm._e(),
       _vm._v(" "),
       _vm.options.facets
@@ -33703,17 +33752,17 @@ var __vue_render__$H = function () {
     1
   )
 };
-var __vue_staticRenderFns__$H = [];
-__vue_render__$H._withStripped = true;
+var __vue_staticRenderFns__$I = [];
+__vue_render__$I._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$H = undefined;
+  const __vue_inject_styles__$I = undefined;
   /* scoped */
-  const __vue_scope_id__$H = undefined;
+  const __vue_scope_id__$I = undefined;
   /* module identifier */
-  const __vue_module_identifier__$H = undefined;
+  const __vue_module_identifier__$I = undefined;
   /* functional template */
-  const __vue_is_functional_template__$H = false;
+  const __vue_is_functional_template__$I = false;
   /* style inject */
   
   /* style inject SSR */
@@ -33722,13 +33771,13 @@ __vue_render__$H._withStripped = true;
   
 
   
-  const __vue_component__$H = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$H, staticRenderFns: __vue_staticRenderFns__$H },
-    __vue_inject_styles__$H,
-    __vue_script__$H,
-    __vue_scope_id__$H,
-    __vue_is_functional_template__$H,
-    __vue_module_identifier__$H,
+  const __vue_component__$I = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$I, staticRenderFns: __vue_staticRenderFns__$I },
+    __vue_inject_styles__$I,
+    __vue_script__$I,
+    __vue_scope_id__$I,
+    __vue_is_functional_template__$I,
+    __vue_module_identifier__$I,
     false,
     undefined,
     undefined,
@@ -33770,17 +33819,17 @@ MobileFilterSidebar = __decorate([
     Component({
         name: "mobileFilerSidebar",
         components: {
-            SearchResultsFilters: __vue_component__$H,
+            SearchResultsFilters: __vue_component__$I,
         },
     })
 ], MobileFilterSidebar);
-var script$F = MobileFilterSidebar;
+var script$G = MobileFilterSidebar;
 
 /* script */
-const __vue_script__$G = script$F;
+const __vue_script__$H = script$G;
 
 /* template */
-var __vue_render__$G = function () {
+var __vue_render__$H = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -33830,17 +33879,17 @@ var __vue_render__$G = function () {
       ])
     : _vm._e()
 };
-var __vue_staticRenderFns__$G = [];
-__vue_render__$G._withStripped = true;
+var __vue_staticRenderFns__$H = [];
+__vue_render__$H._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$G = undefined;
+  const __vue_inject_styles__$H = undefined;
   /* scoped */
-  const __vue_scope_id__$G = undefined;
+  const __vue_scope_id__$H = undefined;
   /* module identifier */
-  const __vue_module_identifier__$G = undefined;
+  const __vue_module_identifier__$H = undefined;
   /* functional template */
-  const __vue_is_functional_template__$G = false;
+  const __vue_is_functional_template__$H = false;
   /* style inject */
   
   /* style inject SSR */
@@ -33849,13 +33898,13 @@ __vue_render__$G._withStripped = true;
   
 
   
-  const __vue_component__$G = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$G, staticRenderFns: __vue_staticRenderFns__$G },
-    __vue_inject_styles__$G,
-    __vue_script__$G,
-    __vue_scope_id__$G,
-    __vue_is_functional_template__$G,
-    __vue_module_identifier__$G,
+  const __vue_component__$H = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$H, staticRenderFns: __vue_staticRenderFns__$H },
+    __vue_inject_styles__$H,
+    __vue_script__$H,
+    __vue_scope_id__$H,
+    __vue_is_functional_template__$H,
+    __vue_module_identifier__$H,
     false,
     undefined,
     undefined,
@@ -33899,13 +33948,13 @@ SearchResultsDidYouMean = __decorate([
         name: "searchResultsDidYouMean",
     })
 ], SearchResultsDidYouMean);
-var script$E = SearchResultsDidYouMean;
+var script$F = SearchResultsDidYouMean;
 
 /* script */
-const __vue_script__$F = script$E;
+const __vue_script__$G = script$F;
 
 /* template */
-var __vue_render__$F = function () {
+var __vue_render__$G = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -33961,17 +34010,17 @@ var __vue_render__$F = function () {
       ])
     : _vm._e()
 };
-var __vue_staticRenderFns__$F = [];
-__vue_render__$F._withStripped = true;
+var __vue_staticRenderFns__$G = [];
+__vue_render__$G._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$F = undefined;
+  const __vue_inject_styles__$G = undefined;
   /* scoped */
-  const __vue_scope_id__$F = undefined;
+  const __vue_scope_id__$G = undefined;
   /* module identifier */
-  const __vue_module_identifier__$F = undefined;
+  const __vue_module_identifier__$G = undefined;
   /* functional template */
-  const __vue_is_functional_template__$F = false;
+  const __vue_is_functional_template__$G = false;
   /* style inject */
   
   /* style inject SSR */
@@ -33980,13 +34029,13 @@ __vue_render__$F._withStripped = true;
   
 
   
-  const __vue_component__$F = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$F, staticRenderFns: __vue_staticRenderFns__$F },
-    __vue_inject_styles__$F,
-    __vue_script__$F,
-    __vue_scope_id__$F,
-    __vue_is_functional_template__$F,
-    __vue_module_identifier__$F,
+  const __vue_component__$G = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$G, staticRenderFns: __vue_staticRenderFns__$G },
+    __vue_inject_styles__$G,
+    __vue_script__$G,
+    __vue_scope_id__$G,
+    __vue_is_functional_template__$G,
+    __vue_module_identifier__$G,
     false,
     undefined,
     undefined,
@@ -34027,13 +34076,13 @@ CustomBadge = __decorate([
         name: "customBadge",
     })
 ], CustomBadge);
-var script$D = CustomBadge;
+var script$E = CustomBadge;
 
 /* script */
-const __vue_script__$E = script$D;
+const __vue_script__$F = script$E;
 
 /* template */
-var __vue_render__$E = function () {
+var __vue_render__$F = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -34042,17 +34091,17 @@ var __vue_render__$E = function () {
     domProps: { innerHTML: _vm._s(_vm.text) },
   })
 };
-var __vue_staticRenderFns__$E = [];
-__vue_render__$E._withStripped = true;
+var __vue_staticRenderFns__$F = [];
+__vue_render__$F._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$E = undefined;
+  const __vue_inject_styles__$F = undefined;
   /* scoped */
-  const __vue_scope_id__$E = undefined;
+  const __vue_scope_id__$F = undefined;
   /* module identifier */
-  const __vue_module_identifier__$E = undefined;
+  const __vue_module_identifier__$F = undefined;
   /* functional template */
-  const __vue_is_functional_template__$E = false;
+  const __vue_is_functional_template__$F = false;
   /* style inject */
   
   /* style inject SSR */
@@ -34061,13 +34110,13 @@ __vue_render__$E._withStripped = true;
   
 
   
-  const __vue_component__$E = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$E, staticRenderFns: __vue_staticRenderFns__$E },
-    __vue_inject_styles__$E,
-    __vue_script__$E,
-    __vue_scope_id__$E,
-    __vue_is_functional_template__$E,
-    __vue_module_identifier__$E,
+  const __vue_component__$F = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$F, staticRenderFns: __vue_staticRenderFns__$F },
+    __vue_inject_styles__$F,
+    __vue_script__$F,
+    __vue_scope_id__$F,
+    __vue_is_functional_template__$F,
+    __vue_module_identifier__$F,
     false,
     undefined,
     undefined,
@@ -34091,13 +34140,13 @@ TextBadge = __decorate([
         name: "TextBadge",
     })
 ], TextBadge);
-var script$C = TextBadge;
+var script$D = TextBadge;
 
 /* script */
-const __vue_script__$D = script$C;
+const __vue_script__$E = script$D;
 
 /* template */
-var __vue_render__$D = function () {
+var __vue_render__$E = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -34114,17 +34163,17 @@ var __vue_render__$D = function () {
     0
   )
 };
-var __vue_staticRenderFns__$D = [];
-__vue_render__$D._withStripped = true;
+var __vue_staticRenderFns__$E = [];
+__vue_render__$E._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$D = undefined;
+  const __vue_inject_styles__$E = undefined;
   /* scoped */
-  const __vue_scope_id__$D = undefined;
+  const __vue_scope_id__$E = undefined;
   /* module identifier */
-  const __vue_module_identifier__$D = undefined;
+  const __vue_module_identifier__$E = undefined;
   /* functional template */
-  const __vue_is_functional_template__$D = false;
+  const __vue_is_functional_template__$E = false;
   /* style inject */
   
   /* style inject SSR */
@@ -34133,13 +34182,13 @@ __vue_render__$D._withStripped = true;
   
 
   
-  const __vue_component__$D = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$D, staticRenderFns: __vue_staticRenderFns__$D },
-    __vue_inject_styles__$D,
-    __vue_script__$D,
-    __vue_scope_id__$D,
-    __vue_is_functional_template__$D,
-    __vue_module_identifier__$D,
+  const __vue_component__$E = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$E, staticRenderFns: __vue_staticRenderFns__$E },
+    __vue_inject_styles__$E,
+    __vue_script__$E,
+    __vue_scope_id__$E,
+    __vue_is_functional_template__$E,
+    __vue_module_identifier__$E,
     false,
     undefined,
     undefined,
@@ -34168,13 +34217,13 @@ ImageBadge = __decorate([
         name: "ImageBadge",
     })
 ], ImageBadge);
-var script$B = ImageBadge;
+var script$C = ImageBadge;
 
 /* script */
-const __vue_script__$C = script$B;
+const __vue_script__$D = script$C;
 
 /* template */
-var __vue_render__$C = function () {
+var __vue_render__$D = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -34191,17 +34240,17 @@ var __vue_render__$C = function () {
     0
   )
 };
-var __vue_staticRenderFns__$C = [];
-__vue_render__$C._withStripped = true;
+var __vue_staticRenderFns__$D = [];
+__vue_render__$D._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$C = undefined;
+  const __vue_inject_styles__$D = undefined;
   /* scoped */
-  const __vue_scope_id__$C = undefined;
+  const __vue_scope_id__$D = undefined;
   /* module identifier */
-  const __vue_module_identifier__$C = undefined;
+  const __vue_module_identifier__$D = undefined;
   /* functional template */
-  const __vue_is_functional_template__$C = false;
+  const __vue_is_functional_template__$D = false;
   /* style inject */
   
   /* style inject SSR */
@@ -34210,13 +34259,13 @@ __vue_render__$C._withStripped = true;
   
 
   
-  const __vue_component__$C = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$C, staticRenderFns: __vue_staticRenderFns__$C },
-    __vue_inject_styles__$C,
-    __vue_script__$C,
-    __vue_scope_id__$C,
-    __vue_is_functional_template__$C,
-    __vue_module_identifier__$C,
+  const __vue_component__$D = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$D, staticRenderFns: __vue_staticRenderFns__$D },
+    __vue_inject_styles__$D,
+    __vue_script__$D,
+    __vue_scope_id__$D,
+    __vue_is_functional_template__$D,
+    __vue_module_identifier__$D,
     false,
     undefined,
     undefined,
@@ -34250,13 +34299,13 @@ SearchResultGeneratedBadge = __decorate([
         name: "searchResultsBadgeWrapper",
     })
 ], SearchResultGeneratedBadge);
-var script$A = SearchResultGeneratedBadge;
+var script$B = SearchResultGeneratedBadge;
 
 /* script */
-const __vue_script__$B = script$A;
+const __vue_script__$C = script$B;
 
 /* template */
-var __vue_render__$B = function () {
+var __vue_render__$C = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -34281,17 +34330,17 @@ var __vue_render__$B = function () {
     ]
   )
 };
-var __vue_staticRenderFns__$B = [];
-__vue_render__$B._withStripped = true;
+var __vue_staticRenderFns__$C = [];
+__vue_render__$C._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$B = undefined;
+  const __vue_inject_styles__$C = undefined;
   /* scoped */
-  const __vue_scope_id__$B = undefined;
+  const __vue_scope_id__$C = undefined;
   /* module identifier */
-  const __vue_module_identifier__$B = undefined;
+  const __vue_module_identifier__$C = undefined;
   /* functional template */
-  const __vue_is_functional_template__$B = false;
+  const __vue_is_functional_template__$C = false;
   /* style inject */
   
   /* style inject SSR */
@@ -34300,13 +34349,13 @@ __vue_render__$B._withStripped = true;
   
 
   
-  const __vue_component__$B = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$B, staticRenderFns: __vue_staticRenderFns__$B },
-    __vue_inject_styles__$B,
-    __vue_script__$B,
-    __vue_scope_id__$B,
-    __vue_is_functional_template__$B,
-    __vue_module_identifier__$B,
+  const __vue_component__$C = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$C, staticRenderFns: __vue_staticRenderFns__$C },
+    __vue_inject_styles__$C,
+    __vue_script__$C,
+    __vue_scope_id__$C,
+    __vue_is_functional_template__$C,
+    __vue_module_identifier__$C,
     false,
     undefined,
     undefined,
@@ -34358,17 +34407,17 @@ SearchResultGeneratedBadges = __decorate([
     Component({
         name: "searchResultsBadgeWrapper",
         components: {
-            SearchResultGeneratedBadge: __vue_component__$B,
+            SearchResultGeneratedBadge: __vue_component__$C,
         },
     })
 ], SearchResultGeneratedBadges);
-var script$z = SearchResultGeneratedBadges;
+var script$A = SearchResultGeneratedBadges;
 
 /* script */
-const __vue_script__$A = script$z;
+const __vue_script__$B = script$A;
 
 /* template */
-var __vue_render__$A = function () {
+var __vue_render__$B = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -34384,17 +34433,17 @@ var __vue_render__$A = function () {
     1
   )
 };
-var __vue_staticRenderFns__$A = [];
-__vue_render__$A._withStripped = true;
+var __vue_staticRenderFns__$B = [];
+__vue_render__$B._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$A = undefined;
+  const __vue_inject_styles__$B = undefined;
   /* scoped */
-  const __vue_scope_id__$A = undefined;
+  const __vue_scope_id__$B = undefined;
   /* module identifier */
-  const __vue_module_identifier__$A = undefined;
+  const __vue_module_identifier__$B = undefined;
   /* functional template */
-  const __vue_is_functional_template__$A = false;
+  const __vue_is_functional_template__$B = false;
   /* style inject */
   
   /* style inject SSR */
@@ -34403,13 +34452,13 @@ __vue_render__$A._withStripped = true;
   
 
   
-  const __vue_component__$A = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$A, staticRenderFns: __vue_staticRenderFns__$A },
-    __vue_inject_styles__$A,
-    __vue_script__$A,
-    __vue_scope_id__$A,
-    __vue_is_functional_template__$A,
-    __vue_module_identifier__$A,
+  const __vue_component__$B = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$B, staticRenderFns: __vue_staticRenderFns__$B },
+    __vue_inject_styles__$B,
+    __vue_script__$B,
+    __vue_scope_id__$B,
+    __vue_is_functional_template__$B,
+    __vue_module_identifier__$B,
     false,
     undefined,
     undefined,
@@ -34459,20 +34508,20 @@ SearchResultsBadgeWrapper = __decorate([
     Component({
         name: "searchResultsBadgeWrapper",
         components: {
-            CustomBadge: __vue_component__$E,
-            TextBadge: __vue_component__$D,
-            ImageBadge: __vue_component__$C,
-            SearchResultGeneratedBadges: __vue_component__$A,
+            CustomBadge: __vue_component__$F,
+            TextBadge: __vue_component__$E,
+            ImageBadge: __vue_component__$D,
+            SearchResultGeneratedBadges: __vue_component__$B,
         },
     })
 ], SearchResultsBadgeWrapper);
-var script$y = SearchResultsBadgeWrapper;
+var script$z = SearchResultsBadgeWrapper;
 
 /* script */
-const __vue_script__$z = script$y;
+const __vue_script__$A = script$z;
 
 /* template */
-var __vue_render__$z = function () {
+var __vue_render__$A = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -34499,17 +34548,17 @@ var __vue_render__$z = function () {
     ),
   ])
 };
-var __vue_staticRenderFns__$z = [];
-__vue_render__$z._withStripped = true;
+var __vue_staticRenderFns__$A = [];
+__vue_render__$A._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$z = undefined;
+  const __vue_inject_styles__$A = undefined;
   /* scoped */
-  const __vue_scope_id__$z = undefined;
+  const __vue_scope_id__$A = undefined;
   /* module identifier */
-  const __vue_module_identifier__$z = undefined;
+  const __vue_module_identifier__$A = undefined;
   /* functional template */
-  const __vue_is_functional_template__$z = false;
+  const __vue_is_functional_template__$A = false;
   /* style inject */
   
   /* style inject SSR */
@@ -34518,13 +34567,13 @@ __vue_render__$z._withStripped = true;
   
 
   
-  const __vue_component__$z = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$z, staticRenderFns: __vue_staticRenderFns__$z },
-    __vue_inject_styles__$z,
-    __vue_script__$z,
-    __vue_scope_id__$z,
-    __vue_is_functional_template__$z,
-    __vue_module_identifier__$z,
+  const __vue_component__$A = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$A, staticRenderFns: __vue_staticRenderFns__$A },
+    __vue_inject_styles__$A,
+    __vue_script__$A,
+    __vue_scope_id__$A,
+    __vue_is_functional_template__$A,
+    __vue_module_identifier__$A,
     false,
     undefined,
     undefined,
@@ -34543,17 +34592,17 @@ SearchResultsProductImage = __decorate([
     Component({
         name: "searchResultsProductImage",
         components: {
-            ProductImage: __vue_component__$1b,
+            ProductImage: __vue_component__$1c,
         },
     })
 ], SearchResultsProductImage);
-var script$x = SearchResultsProductImage;
+var script$y = SearchResultsProductImage;
 
 /* script */
-const __vue_script__$y = script$x;
+const __vue_script__$z = script$y;
 
 /* template */
-var __vue_render__$y = function () {
+var __vue_render__$z = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -34566,17 +34615,17 @@ var __vue_render__$y = function () {
     },
   })
 };
-var __vue_staticRenderFns__$y = [];
-__vue_render__$y._withStripped = true;
+var __vue_staticRenderFns__$z = [];
+__vue_render__$z._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$y = undefined;
+  const __vue_inject_styles__$z = undefined;
   /* scoped */
-  const __vue_scope_id__$y = undefined;
+  const __vue_scope_id__$z = undefined;
   /* module identifier */
-  const __vue_module_identifier__$y = undefined;
+  const __vue_module_identifier__$z = undefined;
   /* functional template */
-  const __vue_is_functional_template__$y = false;
+  const __vue_is_functional_template__$z = false;
   /* style inject */
   
   /* style inject SSR */
@@ -34585,13 +34634,13 @@ __vue_render__$y._withStripped = true;
   
 
   
-  const __vue_component__$y = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$y, staticRenderFns: __vue_staticRenderFns__$y },
-    __vue_inject_styles__$y,
-    __vue_script__$y,
-    __vue_scope_id__$y,
-    __vue_is_functional_template__$y,
-    __vue_module_identifier__$y,
+  const __vue_component__$z = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$z, staticRenderFns: __vue_staticRenderFns__$z },
+    __vue_inject_styles__$z,
+    __vue_script__$z,
+    __vue_scope_id__$z,
+    __vue_is_functional_template__$z,
+    __vue_module_identifier__$z,
     false,
     undefined,
     undefined,
@@ -34634,13 +34683,13 @@ SearchResultsProductTitle = __decorate([
         name: "searchResultsProductTitle",
     })
 ], SearchResultsProductTitle);
-var script$w = SearchResultsProductTitle;
+var script$x = SearchResultsProductTitle;
 
 /* script */
-const __vue_script__$x = script$w;
+const __vue_script__$y = script$x;
 
 /* template */
-var __vue_render__$x = function () {
+var __vue_render__$y = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -34681,17 +34730,17 @@ var __vue_render__$x = function () {
         ]
       )
 };
-var __vue_staticRenderFns__$x = [];
-__vue_render__$x._withStripped = true;
+var __vue_staticRenderFns__$y = [];
+__vue_render__$y._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$x = undefined;
+  const __vue_inject_styles__$y = undefined;
   /* scoped */
-  const __vue_scope_id__$x = undefined;
+  const __vue_scope_id__$y = undefined;
   /* module identifier */
-  const __vue_module_identifier__$x = undefined;
+  const __vue_module_identifier__$y = undefined;
   /* functional template */
-  const __vue_is_functional_template__$x = false;
+  const __vue_is_functional_template__$y = false;
   /* style inject */
   
   /* style inject SSR */
@@ -34700,13 +34749,13 @@ __vue_render__$x._withStripped = true;
   
 
   
-  const __vue_component__$x = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$x, staticRenderFns: __vue_staticRenderFns__$x },
-    __vue_inject_styles__$x,
-    __vue_script__$x,
-    __vue_scope_id__$x,
-    __vue_is_functional_template__$x,
-    __vue_module_identifier__$x,
+  const __vue_component__$y = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$y, staticRenderFns: __vue_staticRenderFns__$y },
+    __vue_inject_styles__$y,
+    __vue_script__$y,
+    __vue_scope_id__$y,
+    __vue_is_functional_template__$y,
+    __vue_module_identifier__$y,
     false,
     undefined,
     undefined,
@@ -34736,13 +34785,13 @@ SearchResultsProductDescription = __decorate([
         name: "searchResultsProductDescription",
     })
 ], SearchResultsProductDescription);
-var script$v = SearchResultsProductDescription;
+var script$w = SearchResultsProductDescription;
 
 /* script */
-const __vue_script__$w = script$v;
+const __vue_script__$x = script$w;
 
 /* template */
-var __vue_render__$w = function () {
+var __vue_render__$x = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -34761,34 +34810,34 @@ var __vue_render__$w = function () {
         [_vm._v("\n  " + _vm._s(_vm.description) + "\n")]
       )
 };
-var __vue_staticRenderFns__$w = [];
-__vue_render__$w._withStripped = true;
+var __vue_staticRenderFns__$x = [];
+__vue_render__$x._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$w = function (inject) {
+  const __vue_inject_styles__$x = function (inject) {
     if (!inject) return
     inject("data-v-1c6e721a_0", { source: ".lupa-search-results-product-description {\n  max-height: 200px;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n}", map: undefined, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$w = undefined;
+  const __vue_scope_id__$x = undefined;
   /* module identifier */
-  const __vue_module_identifier__$w = undefined;
+  const __vue_module_identifier__$x = undefined;
   /* functional template */
-  const __vue_is_functional_template__$w = false;
+  const __vue_is_functional_template__$x = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  const __vue_component__$w = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$w, staticRenderFns: __vue_staticRenderFns__$w },
-    __vue_inject_styles__$w,
-    __vue_script__$w,
-    __vue_scope_id__$w,
-    __vue_is_functional_template__$w,
-    __vue_module_identifier__$w,
+  const __vue_component__$x = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$x, staticRenderFns: __vue_staticRenderFns__$x },
+    __vue_inject_styles__$x,
+    __vue_script__$x,
+    __vue_scope_id__$x,
+    __vue_is_functional_template__$x,
+    __vue_module_identifier__$x,
     false,
     createInjector,
     undefined,
@@ -34804,10 +34853,10 @@ let SearchResultsProductRating = class SearchResultsProductRating extends Vue$1
         return Math.round(this.item[this.options.key] || 0);
     }
     get baseStars() {
-        return new Array(STAR_COUNT).fill("☆");
+        return new Array(STAR_COUNT).fill(RATING_STAR_HTML);
     }
     get highlightedStars() {
-        return new Array(STAR_COUNT).fill(" ★");
+        return new Array(STAR_COUNT).fill(RATING_STAR_HTML);
     }
     get ratingPercentage() {
         return this.options.getRatingPercentage
@@ -34833,13 +34882,13 @@ SearchResultsProductRating = __decorate([
         name: "searchResultsProductRating",
     })
 ], SearchResultsProductRating);
-var script$u = SearchResultsProductRating;
+var script$v = SearchResultsProductRating;
 
 /* script */
-const __vue_script__$v = script$u;
+const __vue_script__$w = script$v;
 
 /* template */
-var __vue_render__$v = function () {
+var __vue_render__$w = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -34884,17 +34933,17 @@ var __vue_render__$v = function () {
     ),
   ])
 };
-var __vue_staticRenderFns__$v = [];
-__vue_render__$v._withStripped = true;
+var __vue_staticRenderFns__$w = [];
+__vue_render__$w._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$v = undefined;
+  const __vue_inject_styles__$w = undefined;
   /* scoped */
-  const __vue_scope_id__$v = undefined;
+  const __vue_scope_id__$w = undefined;
   /* module identifier */
-  const __vue_module_identifier__$v = undefined;
+  const __vue_module_identifier__$w = undefined;
   /* functional template */
-  const __vue_is_functional_template__$v = false;
+  const __vue_is_functional_template__$w = false;
   /* style inject */
   
   /* style inject SSR */
@@ -34903,13 +34952,13 @@ __vue_render__$v._withStripped = true;
   
 
   
-  const __vue_component__$v = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$v, staticRenderFns: __vue_staticRenderFns__$v },
-    __vue_inject_styles__$v,
-    __vue_script__$v,
-    __vue_scope_id__$v,
-    __vue_is_functional_template__$v,
-    __vue_module_identifier__$v,
+  const __vue_component__$w = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$w, staticRenderFns: __vue_staticRenderFns__$w },
+    __vue_inject_styles__$w,
+    __vue_script__$w,
+    __vue_scope_id__$w,
+    __vue_is_functional_template__$w,
+    __vue_module_identifier__$w,
     false,
     undefined,
     undefined,
@@ -34936,13 +34985,13 @@ SearchResultsProductRegularPrice = __decorate([
         name: "searchResultsProductRegularPrice",
     })
 ], SearchResultsProductRegularPrice);
-var script$t = SearchResultsProductRegularPrice;
+var script$u = SearchResultsProductRegularPrice;
 
 /* script */
-const __vue_script__$u = script$t;
+const __vue_script__$v = script$u;
 
 /* template */
-var __vue_render__$u = function () {
+var __vue_render__$v = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -34955,17 +35004,17 @@ var __vue_render__$u = function () {
     [_vm._v("\n  " + _vm._s(_vm.price) + "\n")]
   )
 };
-var __vue_staticRenderFns__$u = [];
-__vue_render__$u._withStripped = true;
+var __vue_staticRenderFns__$v = [];
+__vue_render__$v._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$u = undefined;
+  const __vue_inject_styles__$v = undefined;
   /* scoped */
-  const __vue_scope_id__$u = undefined;
+  const __vue_scope_id__$v = undefined;
   /* module identifier */
-  const __vue_module_identifier__$u = undefined;
+  const __vue_module_identifier__$v = undefined;
   /* functional template */
-  const __vue_is_functional_template__$u = false;
+  const __vue_is_functional_template__$v = false;
   /* style inject */
   
   /* style inject SSR */
@@ -34974,13 +35023,13 @@ __vue_render__$u._withStripped = true;
   
 
   
-  const __vue_component__$u = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$u, staticRenderFns: __vue_staticRenderFns__$u },
-    __vue_inject_styles__$u,
-    __vue_script__$u,
-    __vue_scope_id__$u,
-    __vue_is_functional_template__$u,
-    __vue_module_identifier__$u,
+  const __vue_component__$v = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$v, staticRenderFns: __vue_staticRenderFns__$v },
+    __vue_inject_styles__$v,
+    __vue_script__$v,
+    __vue_scope_id__$v,
+    __vue_is_functional_template__$v,
+    __vue_module_identifier__$v,
     false,
     undefined,
     undefined,
@@ -35007,13 +35056,13 @@ SearchResultsProductPrice = __decorate([
         name: "searchResultsProductPrice",
     })
 ], SearchResultsProductPrice);
-var script$s = SearchResultsProductPrice;
+var script$t = SearchResultsProductPrice;
 
 /* script */
-const __vue_script__$t = script$s;
+const __vue_script__$u = script$t;
 
 /* template */
-var __vue_render__$t = function () {
+var __vue_render__$u = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -35026,17 +35075,17 @@ var __vue_render__$t = function () {
     [_c("strong", [_vm._v(_vm._s(_vm.price))])]
   )
 };
-var __vue_staticRenderFns__$t = [];
-__vue_render__$t._withStripped = true;
+var __vue_staticRenderFns__$u = [];
+__vue_render__$u._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$t = undefined;
+  const __vue_inject_styles__$u = undefined;
   /* scoped */
-  const __vue_scope_id__$t = undefined;
+  const __vue_scope_id__$u = undefined;
   /* module identifier */
-  const __vue_module_identifier__$t = undefined;
+  const __vue_module_identifier__$u = undefined;
   /* functional template */
-  const __vue_is_functional_template__$t = false;
+  const __vue_is_functional_template__$u = false;
   /* style inject */
   
   /* style inject SSR */
@@ -35045,13 +35094,13 @@ __vue_render__$t._withStripped = true;
   
 
   
-  const __vue_component__$t = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$t, staticRenderFns: __vue_staticRenderFns__$t },
-    __vue_inject_styles__$t,
-    __vue_script__$t,
-    __vue_scope_id__$t,
-    __vue_is_functional_template__$t,
-    __vue_module_identifier__$t,
+  const __vue_component__$u = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$u, staticRenderFns: __vue_staticRenderFns__$u },
+    __vue_inject_styles__$u,
+    __vue_script__$u,
+    __vue_scope_id__$u,
+    __vue_is_functional_template__$u,
+    __vue_module_identifier__$u,
     false,
     undefined,
     undefined,
@@ -35093,13 +35142,13 @@ SearchResultsProductAddToCart = __decorate([
         name: "searchResultsProductAddToCart",
     })
 ], SearchResultsProductAddToCart);
-var script$r = SearchResultsProductAddToCart;
+var script$s = SearchResultsProductAddToCart;
 
 /* script */
-const __vue_script__$s = script$r;
+const __vue_script__$t = script$s;
 
 /* template */
-var __vue_render__$s = function () {
+var __vue_render__$t = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -35125,34 +35174,34 @@ var __vue_render__$s = function () {
     ]),
   ])
 };
-var __vue_staticRenderFns__$s = [];
-__vue_render__$s._withStripped = true;
+var __vue_staticRenderFns__$t = [];
+__vue_render__$t._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$s = function (inject) {
+  const __vue_inject_styles__$t = function (inject) {
     if (!inject) return
     inject("data-v-4541762a_0", { source: "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n", map: undefined, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$s = undefined;
+  const __vue_scope_id__$t = undefined;
   /* module identifier */
-  const __vue_module_identifier__$s = undefined;
+  const __vue_module_identifier__$t = undefined;
   /* functional template */
-  const __vue_is_functional_template__$s = false;
+  const __vue_is_functional_template__$t = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  const __vue_component__$s = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$s, staticRenderFns: __vue_staticRenderFns__$s },
-    __vue_inject_styles__$s,
-    __vue_script__$s,
-    __vue_scope_id__$s,
-    __vue_is_functional_template__$s,
-    __vue_module_identifier__$s,
+  const __vue_component__$t = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$t, staticRenderFns: __vue_staticRenderFns__$t },
+    __vue_inject_styles__$t,
+    __vue_script__$t,
+    __vue_scope_id__$t,
+    __vue_is_functional_template__$t,
+    __vue_module_identifier__$t,
     false,
     createInjector,
     undefined,
@@ -35193,13 +35242,13 @@ SearchResultsProductCustom = __decorate([
         name: "searchResultsProductCustom",
     })
 ], SearchResultsProductCustom);
-var script$q = SearchResultsProductCustom;
+var script$r = SearchResultsProductCustom;
 
 /* script */
-const __vue_script__$r = script$q;
+const __vue_script__$s = script$r;
 
 /* template */
-var __vue_render__$r = function () {
+var __vue_render__$s = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -35222,6 +35271,72 @@ var __vue_render__$r = function () {
             ]),
       ])
 };
+var __vue_staticRenderFns__$s = [];
+__vue_render__$s._withStripped = true;
+
+  /* style */
+  const __vue_inject_styles__$s = undefined;
+  /* scoped */
+  const __vue_scope_id__$s = undefined;
+  /* module identifier */
+  const __vue_module_identifier__$s = undefined;
+  /* functional template */
+  const __vue_is_functional_template__$s = false;
+  /* style inject */
+  
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__$s = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$s, staticRenderFns: __vue_staticRenderFns__$s },
+    __vue_inject_styles__$s,
+    __vue_script__$s,
+    __vue_scope_id__$s,
+    __vue_is_functional_template__$s,
+    __vue_module_identifier__$s,
+    false,
+    undefined,
+    undefined,
+    undefined
+  );
+
+let SearchResultsProductCustomHtmlElement = class SearchResultsProductCustomHtmlElement extends Vue$1 {
+    get text() {
+        return this.options.html(this.item);
+    }
+    get className() {
+        return this.options.className;
+    }
+};
+__decorate([
+    Prop()
+], SearchResultsProductCustomHtmlElement.prototype, "item", void 0);
+__decorate([
+    Prop()
+], SearchResultsProductCustomHtmlElement.prototype, "options", void 0);
+SearchResultsProductCustomHtmlElement = __decorate([
+    Component({
+        name: "searchResultsProductCustomHtmlElement",
+    })
+], SearchResultsProductCustomHtmlElement);
+var script$q = SearchResultsProductCustomHtmlElement;
+
+/* script */
+const __vue_script__$r = script$q;
+
+/* template */
+var __vue_render__$r = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", {
+    class: _vm.className,
+    domProps: { innerHTML: _vm._s(_vm.text) },
+  })
+};
 var __vue_staticRenderFns__$r = [];
 __vue_render__$r._withStripped = true;
 
@@ -35254,26 +35369,39 @@ __vue_render__$r._withStripped = true;
     undefined
   );
 
-let SearchResultsProductCustomHtmlElement = class SearchResultsProductCustomHtmlElement extends Vue$1 {
-    get text() {
-        return this.options.html(this.item);
+let SearchResultsProductSingleStarRating = class SearchResultsProductSingleStarRating extends Vue$1 {
+    get totalRatings() {
+        return `(${this.options.labels.numberOfRatings}${this.item[this.options.totalKey] || 0})`;
     }
-    get className() {
-        return this.options.className;
+    get ratingLink() {
+        var _a;
+        if (!((_a = this.options.links) === null || _a === void 0 ? void 0 : _a.ratingDetails)) {
+            return "";
+        }
+        return generateLink(this.options.links.ratingDetails, this.item);
+    }
+    get rating() {
+        if (!this.options.displayRating) {
+            return this.item[this.options.key];
+        }
+        return this.options.displayRating(this.item);
+    }
+    get star() {
+        return RATING_STAR_HTML;
     }
 };
 __decorate([
     Prop()
-], SearchResultsProductCustomHtmlElement.prototype, "item", void 0);
+], SearchResultsProductSingleStarRating.prototype, "item", void 0);
 __decorate([
     Prop()
-], SearchResultsProductCustomHtmlElement.prototype, "options", void 0);
-SearchResultsProductCustomHtmlElement = __decorate([
+], SearchResultsProductSingleStarRating.prototype, "options", void 0);
+SearchResultsProductSingleStarRating = __decorate([
     Component({
-        name: "searchResultsProductCustomHtmlElement",
+        name: "SearchResultsProductSingleStarRating",
     })
-], SearchResultsProductCustomHtmlElement);
-var script$p = SearchResultsProductCustomHtmlElement;
+], SearchResultsProductSingleStarRating);
+var script$p = SearchResultsProductSingleStarRating;
 
 /* script */
 const __vue_script__$q = script$p;
@@ -35283,10 +35411,20 @@ var __vue_render__$q = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c("div", {
-    class: _vm.className,
-    domProps: { innerHTML: _vm._s(_vm.text) },
-  })
+  return _c("div", { attrs: { id: "lupa-search-results-rating" } }, [
+    _c("div", {
+      staticClass: "lupa-rating lupa-rating-highlighted",
+      domProps: { innerHTML: _vm._s(_vm.star) },
+    }),
+    _vm._v(" "),
+    _c("div", { staticClass: "lupa-ratings" }, [_vm._v(_vm._s(_vm.rating))]),
+    _vm._v(" "),
+    _c(
+      "a",
+      { staticClass: "lupa-total-ratings", attrs: { href: _vm.ratingLink } },
+      [_vm._v(_vm._s(_vm.totalRatings))]
+    ),
+  ])
 };
 var __vue_staticRenderFns__$q = [];
 __vue_render__$q._withStripped = true;
@@ -35320,6 +35458,7 @@ __vue_render__$q._withStripped = true;
     undefined
   );
 
+const dynamicData$2 = namespace("dynamicData");
 let SearchResultsProductCardElement = class SearchResultsProductCardElement extends Vue$1 {
     get elementComponent() {
         switch (this.element.type) {
@@ -35331,6 +35470,8 @@ let SearchResultsProductCardElement = class SearchResultsProductCardElement exte
                 return "searchResultsProductDescription";
             case DocumentElementType.RATING:
                 return "searchResultsProductRating";
+            case DocumentElementType.SINGLE_STAR_RATING:
+                return "SearchResultsProductSingleStarRating";
             case DocumentElementType.PRICE:
                 return "searchResultsProductPrice";
             case DocumentElementType.REGULARPRICE:
@@ -35345,7 +35486,20 @@ let SearchResultsProductCardElement = class SearchResultsProductCardElement exte
         return "searchResultsProductTitle";
     }
     get displayElement() {
-        return this.element.display ? this.element.display(this.item) : true;
+        return this.element.display
+            ? this.element.display(this.enhancedItem)
+            : true;
+    }
+    get isLoadingDynamicData() {
+        return Boolean(this.element.dynamic && this.loading);
+    }
+    get enhancedItem() {
+        var _a, _b, _c, _d;
+        if (!((_a = this.item) === null || _a === void 0 ? void 0 : _a.id)) {
+            return this.item;
+        }
+        const enhancementData = (_d = (_b = this.dynamicDataIdMap) === null || _b === void 0 ? void 0 : _b[(_c = this.item) === null || _c === void 0 ? void 0 : _c.id]) !== null && _d !== void 0 ? _d : {};
+        return Object.assign(Object.assign({}, this.item), enhancementData);
     }
     handleProductEvent(item) {
         this.$emit("productEvent", item);
@@ -35366,19 +35520,26 @@ __decorate([
 __decorate([
     Prop({ default: "" })
 ], SearchResultsProductCardElement.prototype, "link", void 0);
+__decorate([
+    dynamicData$2.State("dynamicDataIdMap")
+], SearchResultsProductCardElement.prototype, "dynamicDataIdMap", void 0);
+__decorate([
+    dynamicData$2.State("loading")
+], SearchResultsProductCardElement.prototype, "loading", void 0);
 SearchResultsProductCardElement = __decorate([
     Component({
         name: "searchResultsProductCardElement",
         components: {
-            SearchResultsProductImage: __vue_component__$y,
-            SearchResultsProductTitle: __vue_component__$x,
-            SearchResultsProductDescription: __vue_component__$w,
-            SearchResultsProductRating: __vue_component__$v,
-            SearchResultsProductRegularPrice: __vue_component__$u,
-            SearchResultsProductPrice: __vue_component__$t,
-            SearchResultsProductAddToCart: __vue_component__$s,
-            SearchResultsProductCustom: __vue_component__$r,
-            SearchResultsProductCustomHtmlElement: __vue_component__$q,
+            SearchResultsProductImage: __vue_component__$z,
+            SearchResultsProductTitle: __vue_component__$y,
+            SearchResultsProductDescription: __vue_component__$x,
+            SearchResultsProductRating: __vue_component__$w,
+            SearchResultsProductSingleStarRating: __vue_component__$q,
+            SearchResultsProductRegularPrice: __vue_component__$v,
+            SearchResultsProductPrice: __vue_component__$u,
+            SearchResultsProductAddToCart: __vue_component__$t,
+            SearchResultsProductCustom: __vue_component__$s,
+            SearchResultsProductCustomHtmlElement: __vue_component__$r,
         },
     })
 ], SearchResultsProductCardElement);
@@ -35395,8 +35556,9 @@ var __vue_render__$p = function () {
   return _vm.displayElement
     ? _c(_vm.elementComponent, {
         tag: "search-box-element",
+        class: { "lupa-loading-dynamic-data": _vm.isLoadingDynamicData },
         attrs: {
-          item: _vm.item,
+          item: _vm.enhancedItem,
           options: _vm.element,
           labels: _vm.labels,
           inStock: _vm.inStock,
@@ -35457,11 +35619,11 @@ let SearchResultsProductCard = class SearchResultsProductCard extends Vue$1 {
     }
     get imageElements() {
         var _a, _b;
-        return ((_b = (_a = this.options.elements) === null || _a === void 0 ? void 0 : _a.filter((e) => e.type === DocumentElementType.IMAGE)) !== null && _b !== void 0 ? _b : []);
+        return ((_b = (_a = this.options.elements) === null || _a === void 0 ? void 0 : _a.filter((e) => e.type === DocumentElementType.IMAGE && !e.group)) !== null && _b !== void 0 ? _b : []);
     }
     get detailElements() {
         var _a, _b;
-        return ((_b = (_a = this.options.elements) === null || _a === void 0 ? void 0 : _a.filter((e) => e.type !== DocumentElementType.IMAGE)) !== null && _b !== void 0 ? _b : []);
+        return ((_b = (_a = this.options.elements) === null || _a === void 0 ? void 0 : _a.filter((e) => e.type !== DocumentElementType.IMAGE && !e.group)) !== null && _b !== void 0 ? _b : []);
     }
     get labels() {
         var _a;
@@ -35477,6 +35639,16 @@ let SearchResultsProductCard = class SearchResultsProductCard extends Vue$1 {
     get hasEventRouting() {
         return this.searchResultsRoutingBehavior === "event";
     }
+    get elementGroups() {
+        var _a;
+        return [
+            ...new Set((_a = this.options.elements) === null || _a === void 0 ? void 0 : _a.map((e) => e.group).filter((g) => Boolean(g))),
+        ];
+    }
+    getGroupElements(group) {
+        var _a, _b;
+        return (_b = (_a = this.options.elements) === null || _a === void 0 ? void 0 : _a.filter((e) => e.group === group)) !== null && _b !== void 0 ? _b : [];
+    }
     mounted() {
         this.checkIfIsInStock();
     }
@@ -35564,7 +35736,7 @@ SearchResultsProductCard = __decorate([
     Component({
         name: "searchResultsProductCard",
         components: {
-            SearchResultsBadgeWrapper: __vue_component__$z,
+            SearchResultsBadgeWrapper: __vue_component__$A,
             SearchResultsProductCardElement: __vue_component__$p,
         },
     })
@@ -35656,7 +35828,30 @@ var __vue_render__$o = function () {
             }),
             1
           ),
-        ]
+          _vm._v(" "),
+          _vm._l(_vm.elementGroups, function (group) {
+            return _c(
+              "div",
+              { key: group, class: "lupa-element-group-" + group },
+              _vm._l(_vm.getGroupElements(group), function (element) {
+                return _c("SearchResultsProductCardElement", {
+                  key: element.key,
+                  staticClass: "lupa-search-results-product-element",
+                  attrs: {
+                    item: _vm.product,
+                    element: element,
+                    labels: _vm.labels,
+                    inStock: _vm.isInStock,
+                    link: _vm.link,
+                  },
+                  on: { productEvent: _vm.handleProductEvent },
+                })
+              }),
+              1
+            )
+          }),
+        ],
+        2
       ),
     ],
     1
@@ -37499,8 +37694,8 @@ FiltersTopDropdown = __decorate([
     Component({
         name: "filtersTopDropdown",
         components: {
-            CurrentFilters: __vue_component__$R,
-            Facets: __vue_component__$K,
+            CurrentFilters: __vue_component__$S,
+            Facets: __vue_component__$L,
         },
     })
 ], FiltersTopDropdown);
@@ -37653,7 +37848,7 @@ SearchResultsProducts = __decorate([
     Component({
         name: "searchResultsProducts",
         components: {
-            CurrentFilters: __vue_component__$R,
+            CurrentFilters: __vue_component__$S,
             SearchResultsProductCard: __vue_component__$o,
             SearchResultsToolbar: __vue_component__$f,
             AdditionalPanels: __vue_component__$m,
@@ -38215,6 +38410,7 @@ const searchResult$1 = namespace("searchResult");
 const params$2 = namespace("params");
 const options$2 = namespace("options");
 const tracking$2 = namespace("tracking");
+const dynamicData$1 = namespace("dynamicData");
 let SearchResults = class SearchResults extends Vue$1 {
     get productsOptions() {
         return pick(this.options, [
@@ -38257,9 +38453,12 @@ let SearchResults = class SearchResults extends Vue$1 {
         window.removeEventListener("resize", this.handleResize);
     }
     handleMounted() {
+        var _a;
         this.handleResize();
         if (this.isProductList) {
             setDocumentTitle(this.options.labels.htmlTitleTemplate, "");
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            (_a = this.$refs.searchResultsFilters) === null || _a === void 0 ? void 0 : _a.fetch();
         }
         const params = new URLSearchParams(window.location.search);
         if (!params.has(QUERY_PARAMS.QUERY)) {
@@ -38319,11 +38518,17 @@ let SearchResults = class SearchResults extends Vue$1 {
     }
     handleResults({ queryKey, results, }) {
         var _a, _b, _c, _d;
-        this.trackResults({ queryKey, results });
-        const hasResults = Boolean(results.total > 0 ||
-            ((_a = results.similarQueries) === null || _a === void 0 ? void 0 : _a.length) ||
-            ((_b = results.didYouMean) === null || _b === void 0 ? void 0 : _b.options));
-        (_d = (_c = this.options.callbacks) === null || _c === void 0 ? void 0 : _c.onSearchResults) === null || _d === void 0 ? void 0 : _d.call(_c, { queryKey, hasResults });
+        return __awaiter$1(this, void 0, void 0, function* () {
+            this.trackResults({ queryKey, results });
+            const hasResults = Boolean(results.total > 0 ||
+                ((_a = results.similarQueries) === null || _a === void 0 ? void 0 : _a.length) ||
+                ((_b = results.didYouMean) === null || _b === void 0 ? void 0 : _b.options));
+            (_d = (_c = this.options.callbacks) === null || _c === void 0 ? void 0 : _c.onSearchResults) === null || _d === void 0 ? void 0 : _d.call(_c, { queryKey, hasResults });
+            if (!hasResults) {
+                return;
+            }
+            yield this.enhanceData({ result: results });
+        });
     }
     handleResize() {
         const doc = document.documentElement;
@@ -38359,6 +38564,9 @@ __decorate([
 __decorate([
     tracking$2.Action("trackResults")
 ], SearchResults.prototype, "trackResults", void 0);
+__decorate([
+    dynamicData$1.Action("enhanceSearchResultsWithDynamicData")
+], SearchResults.prototype, "enhanceData", void 0);
 __decorate([
     params$2.State("searchString")
 ], SearchResults.prototype, "searchString", void 0);
@@ -38402,11 +38610,11 @@ SearchResults = __decorate([
     Component({
         name: "searchResults",
         components: {
-            SearchResultsFilters: __vue_component__$H,
+            SearchResultsFilters: __vue_component__$I,
             SearchResultsProducts: __vue_component__$a,
-            MobileFilterSidebar: __vue_component__$G,
+            MobileFilterSidebar: __vue_component__$H,
             SearchResultsBreadcrumbs: __vue_component__$9,
-            SearchResultsDidYouMean: __vue_component__$F,
+            SearchResultsDidYouMean: __vue_component__$G,
             SearchResultsTitle: __vue_component__$8,
             SearchResultsToolbar: __vue_component__$f,
             CategoryTopFilters: __vue_component__$7,
@@ -38475,6 +38683,7 @@ var __vue_render__$6 = function () {
               [
                 _vm.showFilterSidebar
                   ? _c("SearchResultsFilters", {
+                      ref: "searchResultsFilters",
                       attrs: { options: _vm.options.filters },
                     })
                   : _vm._e(),
@@ -38535,6 +38744,7 @@ var __vue_render__$6 = function () {
               [
                 _vm.showFilterSidebar
                   ? _c("SearchResultsFilters", {
+                      ref: "searchResultsFilters",
                       attrs: { options: _vm.options.filters },
                     })
                   : _vm._e(),
@@ -38932,7 +39142,7 @@ SearchContainer = __decorate([
         name: "productList",
         components: {
             SearchResults: __vue_component__$6,
-            SearchBox: __vue_component__$U,
+            SearchBox: __vue_component__$V,
         },
     })
 ], SearchContainer);
@@ -39037,6 +39247,7 @@ __vue_render__$1._withStripped = true;
     undefined
   );
 
+/* eslint-disable @typescript-eslint/no-explicit-any */
 let SearchContainerEntry = class SearchContainerEntry extends Vue$1 {
     constructor() {
         super(...arguments);
@@ -40274,6 +40485,96 @@ TrackingModule = __decorate([
 ], TrackingModule);
 var tracking$1 = TrackingModule;
 
+let DynamicDataModule = class DynamicDataModule extends VuexModule {
+    constructor() {
+        super(...arguments);
+        this.loading = false;
+        this.dynamicDataIdMap = {};
+    }
+    get loadedIds() {
+        return Object.keys(this.dynamicDataIdMap);
+    }
+    get searchResultOptions() {
+        var _a;
+        return (_a = this.context.rootState["options"]) === null || _a === void 0 ? void 0 : _a.searchResultOptions;
+    }
+    get searchBoxOptions() {
+        var _a;
+        return (_a = this.context.rootState["options"]) === null || _a === void 0 ? void 0 : _a.searchBoxOptions;
+    }
+    get dynamicSearchResultData() {
+        var _a;
+        return (_a = this.searchResultOptions) === null || _a === void 0 ? void 0 : _a.dynamicData;
+    }
+    get dynamicSearchBoxData() {
+        var _a;
+        return (_a = this.searchBoxOptions) === null || _a === void 0 ? void 0 : _a.dynamicData;
+    }
+    get isDynamicDataEnabledForSearchResults() {
+        var _a, _b, _c;
+        return (_c = (_b = (_a = this.searchResultOptions) === null || _a === void 0 ? void 0 : _a.dynamicData) === null || _b === void 0 ? void 0 : _b.enabled) !== null && _c !== void 0 ? _c : false;
+    }
+    get isDynamicDataEnabledForSearchBox() {
+        var _a, _b, _c;
+        return (_c = (_b = (_a = this.searchBoxOptions) === null || _a === void 0 ? void 0 : _a.dynamicData) === null || _b === void 0 ? void 0 : _b.enabled) !== null && _c !== void 0 ? _c : false;
+    }
+    get isCacheEnabled() {
+        var _a;
+        return Boolean((_a = this.dynamicSearchResultData) === null || _a === void 0 ? void 0 : _a.cache);
+    }
+    enhanceSearchResultsWithDynamicData({ result, mode, }) {
+        var _a, _b, _c;
+        return __awaiter$1(this, void 0, void 0, function* () {
+            const enabledForMode = mode === "searchBox"
+                ? this.isDynamicDataEnabledForSearchBox
+                : this.isDynamicDataEnabledForSearchResults;
+            if (!result || !enabledForMode) {
+                return {};
+            }
+            let requestedIds = (_b = (_a = result === null || result === void 0 ? void 0 : result.items) === null || _a === void 0 ? void 0 : _a.map((i) => i.id)) !== null && _b !== void 0 ? _b : [];
+            if (this.isCacheEnabled) {
+                requestedIds = requestedIds.filter((i) => !this.loadedIds.includes(i));
+            }
+            if (!requestedIds.length) {
+                return {};
+            }
+            this.context.commit("setLoading", true);
+            try {
+                const dynamicData = this.dynamicSearchResultData || this.dynamicSearchBoxData;
+                if (!(dynamicData === null || dynamicData === void 0 ? void 0 : dynamicData.handler)) {
+                    return {};
+                }
+                const dynamicDataResult = (_c = (yield (dynamicData === null || dynamicData === void 0 ? void 0 : dynamicData.handler(requestedIds)))) !== null && _c !== void 0 ? _c : [];
+                const seed = {};
+                const dynamicDataIdMap = dynamicDataResult.reduce((a, c) => (Object.assign(Object.assign({}, a), { [c.id]: c })), seed);
+                return dynamicDataIdMap;
+            }
+            finally {
+                this.context.commit("setLoading", false);
+            }
+        });
+    }
+    save(newData) {
+        this.dynamicDataIdMap = Object.assign(Object.assign({}, this.dynamicDataIdMap), newData);
+    }
+    setLoading(state) {
+        this.loading = state;
+    }
+};
+__decorate([
+    Action({ commit: "save" })
+], DynamicDataModule.prototype, "enhanceSearchResultsWithDynamicData", null);
+__decorate([
+    Mutation
+], DynamicDataModule.prototype, "save", null);
+__decorate([
+    Mutation
+], DynamicDataModule.prototype, "setLoading", null);
+DynamicDataModule = __decorate([
+    Module({ namespaced: true })
+], DynamicDataModule);
+var dynamicData = DynamicDataModule;
+
 Vue$1.use(Vuex);
 var store = new Vuex.Store({
     state: {},
@@ -40284,6 +40585,7 @@ var store = new Vuex.Store({
         searchBox: searchBox$1,
         options,
         tracking: tracking$1,
+        dynamicData,
     },
 });
 
@@ -40355,7 +40657,7 @@ const applySearchBox = (options, mountOptions) => {
         return;
     }
     Vue$1.use(Vuex);
-    const SearchBoxEntryComponent = Vue$1.component("SearchBoxEntry", __vue_component__$T);
+    const SearchBoxEntryComponent = Vue$1.component("SearchBoxEntry", __vue_component__$U);
     const instance = new SearchBoxEntryComponent({
         el: options.inputSelector,
         propsData: { searchBoxOptions: options },