@getlupa/client 0.7.0 → 0.8.0-alpha-1

package/dist/cjs/index.min.js

@@ -11007,7 +11007,7 @@ SearchBoxInput = __decorate([
         name: "searchBoxInput",
     })
 ], SearchBoxInput);
-var script$16 = SearchBoxInput;
+var script$18 = SearchBoxInput;
 
 function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier /* server only */, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {
     if (typeof shadowMode !== 'boolean') {
@@ -11138,10 +11138,10 @@ function addStyle(id, css) {
 }
 
 /* script */
-const __vue_script__$17 = script$16;
+const __vue_script__$19 = script$18;
 
 /* template */
-var __vue_render__$17 = function () {
+var __vue_render__$19 = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -11194,34 +11194,34 @@ var __vue_render__$17 = function () {
     ),
   ])
 };
-var __vue_staticRenderFns__$17 = [];
-__vue_render__$17._withStripped = true;
+var __vue_staticRenderFns__$19 = [];
+__vue_render__$19._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$17 = function (inject) {
+  const __vue_inject_styles__$19 = function (inject) {
     if (!inject) return
     inject("data-v-7759bf15_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", map: undefined, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$17 = undefined;
+  const __vue_scope_id__$19 = undefined;
   /* module identifier */
-  const __vue_module_identifier__$17 = undefined;
+  const __vue_module_identifier__$19 = undefined;
   /* functional template */
-  const __vue_is_functional_template__$17 = false;
+  const __vue_is_functional_template__$19 = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  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__$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,
     createInjector,
     undefined,
@@ -11286,13 +11286,13 @@ __decorate([
 SearchBoxProductImage = __decorate([
     Component
 ], SearchBoxProductImage);
-var script$15 = SearchBoxProductImage;
+var script$17 = SearchBoxProductImage;
 
 /* script */
-const __vue_script__$16 = script$15;
+const __vue_script__$18 = script$17;
 
 /* template */
-var __vue_render__$16 = function () {
+var __vue_render__$18 = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -11304,17 +11304,17 @@ var __vue_render__$16 = function () {
     }),
   ])
 };
-var __vue_staticRenderFns__$16 = [];
-__vue_render__$16._withStripped = true;
+var __vue_staticRenderFns__$18 = [];
+__vue_render__$18._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$16 = undefined;
+  const __vue_inject_styles__$18 = undefined;
   /* scoped */
-  const __vue_scope_id__$16 = undefined;
+  const __vue_scope_id__$18 = undefined;
   /* module identifier */
-  const __vue_module_identifier__$16 = undefined;
+  const __vue_module_identifier__$18 = undefined;
   /* functional template */
-  const __vue_is_functional_template__$16 = false;
+  const __vue_is_functional_template__$18 = false;
   /* style inject */
   
   /* style inject SSR */
@@ -11323,13 +11323,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__$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,
@@ -11354,13 +11354,13 @@ __decorate([
 SearchBoxProductTitle = __decorate([
     Component
 ], SearchBoxProductTitle);
-var script$14 = SearchBoxProductTitle;
+var script$16 = SearchBoxProductTitle;
 
 /* script */
-const __vue_script__$15 = script$14;
+const __vue_script__$17 = script$16;
 
 /* template */
-var __vue_render__$15 = function () {
+var __vue_render__$17 = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -11373,17 +11373,17 @@ var __vue_render__$15 = function () {
         _c("strong", [_vm._v(_vm._s(_vm.title))]),
       ])
 };
-var __vue_staticRenderFns__$15 = [];
-__vue_render__$15._withStripped = true;
+var __vue_staticRenderFns__$17 = [];
+__vue_render__$17._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$15 = undefined;
+  const __vue_inject_styles__$17 = undefined;
   /* scoped */
-  const __vue_scope_id__$15 = undefined;
+  const __vue_scope_id__$17 = undefined;
   /* module identifier */
-  const __vue_module_identifier__$15 = undefined;
+  const __vue_module_identifier__$17 = undefined;
   /* functional template */
-  const __vue_is_functional_template__$15 = false;
+  const __vue_is_functional_template__$17 = false;
   /* style inject */
   
   /* style inject SSR */
@@ -11392,13 +11392,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__$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,
@@ -11423,13 +11423,13 @@ __decorate([
 SearchBoxProductDescription = __decorate([
     Component
 ], SearchBoxProductDescription);
-var script$13 = SearchBoxProductDescription;
+var script$15 = SearchBoxProductDescription;
 
 /* script */
-const __vue_script__$14 = script$13;
+const __vue_script__$16 = script$15;
 
 /* template */
-var __vue_render__$14 = function () {
+var __vue_render__$16 = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -11442,17 +11442,17 @@ var __vue_render__$14 = function () {
         _vm._v("\n  " + _vm._s(_vm.description) + "\n"),
       ])
 };
-var __vue_staticRenderFns__$14 = [];
-__vue_render__$14._withStripped = true;
+var __vue_staticRenderFns__$16 = [];
+__vue_render__$16._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$14 = undefined;
+  const __vue_inject_styles__$16 = undefined;
   /* scoped */
-  const __vue_scope_id__$14 = undefined;
+  const __vue_scope_id__$16 = undefined;
   /* module identifier */
-  const __vue_module_identifier__$14 = undefined;
+  const __vue_module_identifier__$16 = undefined;
   /* functional template */
-  const __vue_is_functional_template__$14 = false;
+  const __vue_is_functional_template__$16 = false;
   /* style inject */
   
   /* style inject SSR */
@@ -11461,13 +11461,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__$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,
@@ -11523,13 +11523,13 @@ __decorate([
 SearchBoxProductPrice = __decorate([
     Component
 ], SearchBoxProductPrice);
-var script$12 = SearchBoxProductPrice;
+var script$14 = SearchBoxProductPrice;
 
 /* script */
-const __vue_script__$13 = script$12;
+const __vue_script__$15 = script$14;
 
 /* template */
-var __vue_render__$13 = function () {
+var __vue_render__$15 = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -11537,17 +11537,17 @@ var __vue_render__$13 = function () {
     _c("strong", [_vm._v(_vm._s(_vm.price))]),
   ])
 };
-var __vue_staticRenderFns__$13 = [];
-__vue_render__$13._withStripped = true;
+var __vue_staticRenderFns__$15 = [];
+__vue_render__$15._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$13 = undefined;
+  const __vue_inject_styles__$15 = undefined;
   /* scoped */
-  const __vue_scope_id__$13 = undefined;
+  const __vue_scope_id__$15 = undefined;
   /* module identifier */
-  const __vue_module_identifier__$13 = undefined;
+  const __vue_module_identifier__$15 = undefined;
   /* functional template */
-  const __vue_is_functional_template__$13 = false;
+  const __vue_is_functional_template__$15 = false;
   /* style inject */
   
   /* style inject SSR */
@@ -11556,13 +11556,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__$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,
@@ -11587,13 +11587,13 @@ __decorate([
 SearchBoxProductRegularPrice = __decorate([
     Component
 ], SearchBoxProductRegularPrice);
-var script$11 = SearchBoxProductRegularPrice;
+var script$13 = SearchBoxProductRegularPrice;
 
 /* script */
-const __vue_script__$12 = script$11;
+const __vue_script__$14 = script$13;
 
 /* template */
-var __vue_render__$12 = function () {
+var __vue_render__$14 = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -11601,17 +11601,17 @@ var __vue_render__$12 = function () {
     _vm._v(_vm._s(_vm.price)),
   ])
 };
-var __vue_staticRenderFns__$12 = [];
-__vue_render__$12._withStripped = true;
+var __vue_staticRenderFns__$14 = [];
+__vue_render__$14._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$12 = undefined;
+  const __vue_inject_styles__$14 = undefined;
   /* scoped */
-  const __vue_scope_id__$12 = undefined;
+  const __vue_scope_id__$14 = undefined;
   /* module identifier */
-  const __vue_module_identifier__$12 = undefined;
+  const __vue_module_identifier__$14 = undefined;
   /* functional template */
-  const __vue_is_functional_template__$12 = false;
+  const __vue_is_functional_template__$14 = false;
   /* style inject */
   
   /* style inject SSR */
@@ -11620,13 +11620,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__$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,
@@ -11654,13 +11654,13 @@ __decorate([
 SearchBoxProductCustom = __decorate([
     Component
 ], SearchBoxProductCustom);
-var script$10 = SearchBoxProductCustom;
+var script$12 = SearchBoxProductCustom;
 
 /* script */
-const __vue_script__$11 = script$10;
+const __vue_script__$13 = script$12;
 
 /* template */
-var __vue_render__$11 = function () {
+var __vue_render__$13 = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -11673,17 +11673,17 @@ var __vue_render__$11 = function () {
         _vm._v("\n  " + _vm._s(_vm.text) + "\n"),
       ])
 };
-var __vue_staticRenderFns__$11 = [];
-__vue_render__$11._withStripped = true;
+var __vue_staticRenderFns__$13 = [];
+__vue_render__$13._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$11 = undefined;
+  const __vue_inject_styles__$13 = undefined;
   /* scoped */
-  const __vue_scope_id__$11 = undefined;
+  const __vue_scope_id__$13 = undefined;
   /* module identifier */
-  const __vue_module_identifier__$11 = undefined;
+  const __vue_module_identifier__$13 = undefined;
   /* functional template */
-  const __vue_is_functional_template__$11 = false;
+  const __vue_is_functional_template__$13 = false;
   /* style inject */
   
   /* style inject SSR */
@@ -11692,13 +11692,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__$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,
@@ -11724,13 +11724,13 @@ SearchBoxProductCustomHtml = __decorate([
         name: "SearchBoxProductCustomHtml",
     })
 ], SearchBoxProductCustomHtml);
-var script$$ = SearchBoxProductCustomHtml;
+var script$11 = SearchBoxProductCustomHtml;
 
 /* script */
-const __vue_script__$10 = script$$;
+const __vue_script__$12 = script$11;
 
 /* template */
-var __vue_render__$10 = function () {
+var __vue_render__$12 = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -11739,17 +11739,17 @@ var __vue_render__$10 = function () {
     domProps: { innerHTML: _vm._s(_vm.text) },
   })
 };
-var __vue_staticRenderFns__$10 = [];
-__vue_render__$10._withStripped = true;
+var __vue_staticRenderFns__$12 = [];
+__vue_render__$12._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$10 = undefined;
+  const __vue_inject_styles__$12 = undefined;
   /* scoped */
-  const __vue_scope_id__$10 = undefined;
+  const __vue_scope_id__$12 = undefined;
   /* module identifier */
-  const __vue_module_identifier__$10 = undefined;
+  const __vue_module_identifier__$12 = undefined;
   /* functional template */
-  const __vue_is_functional_template__$10 = false;
+  const __vue_is_functional_template__$12 = false;
   /* style inject */
   
   /* style inject SSR */
@@ -11758,19 +11758,20 @@ __vue_render__$10._withStripped = true;
   
 
   
-  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__$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,
     undefined
   );
 
+/* eslint-disable @typescript-eslint/no-explicit-any */
 exports.DocumentElementType = void 0;
 (function (DocumentElementType) {
     DocumentElementType["IMAGE"] = "image";
@@ -11820,23 +11821,23 @@ __decorate([
 SearchBoxProductElement = __decorate([
     Component({
         components: {
-            SearchBoxProductImage: __vue_component__$16,
-            SearchBoxProductTitle: __vue_component__$15,
-            SearchBoxProductDescription: __vue_component__$14,
-            SearchBoxProductPrice: __vue_component__$13,
-            SearchBoxProductRegularPrice: __vue_component__$12,
-            SearchBoxProductCustom: __vue_component__$11,
-            SearchBoxProductCustomHtml: __vue_component__$10,
+            SearchBoxProductImage: __vue_component__$18,
+            SearchBoxProductTitle: __vue_component__$17,
+            SearchBoxProductDescription: __vue_component__$16,
+            SearchBoxProductPrice: __vue_component__$15,
+            SearchBoxProductRegularPrice: __vue_component__$14,
+            SearchBoxProductCustom: __vue_component__$13,
+            SearchBoxProductCustomHtml: __vue_component__$12,
         },
     })
 ], SearchBoxProductElement);
-var script$_ = SearchBoxProductElement;
+var script$10 = SearchBoxProductElement;
 
 /* script */
-const __vue_script__$$ = script$_;
+const __vue_script__$11 = script$10;
 
 /* template */
-var __vue_render__$$ = function () {
+var __vue_render__$11 = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -11847,17 +11848,17 @@ var __vue_render__$$ = function () {
       })
     : _vm._e()
 };
-var __vue_staticRenderFns__$$ = [];
-__vue_render__$$._withStripped = true;
+var __vue_staticRenderFns__$11 = [];
+__vue_render__$11._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$$ = undefined;
+  const __vue_inject_styles__$11 = undefined;
   /* scoped */
-  const __vue_scope_id__$$ = undefined;
+  const __vue_scope_id__$11 = undefined;
   /* module identifier */
-  const __vue_module_identifier__$$ = undefined;
+  const __vue_module_identifier__$11 = undefined;
   /* functional template */
-  const __vue_is_functional_template__$$ = false;
+  const __vue_is_functional_template__$11 = false;
   /* style inject */
   
   /* style inject SSR */
@@ -11866,13 +11867,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__$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,
     undefined,
     undefined,
@@ -12025,7 +12026,13 @@ const parseParam = (key, params) => {
     if (!value) {
         return undefined;
     }
-    return decodeURIComponent(value);
+    try {
+        return decodeURIComponent(value);
+    }
+    catch (_a) {
+        // Invalid parameter, possibly out of LupaSearch plugin scope, return undefined
+        return undefined;
+    }
 };
 const parseRegularKeys = (regularKeys, searchParams) => {
     const params = Object.create({});
@@ -12155,7 +12162,10 @@ const generateResultLink = (link, searchText, facet) => {
 const getRelativePath = (link) => {
     try {
         const url = new URL(link);
-        return url.toString().substring(url.origin.length);
+        const partialUrl = url.toString().substring(url.origin.length);
+        return partialUrl.endsWith("/")
+            ? partialUrl.slice(0, partialUrl.length - 1)
+            : partialUrl;
     }
     catch (_a) {
         // Invalid url, let's return original string
@@ -12271,17 +12281,17 @@ __decorate([
 SearchBoxProduct = __decorate([
     Component({
         components: {
-            SearchBoxProductElement: __vue_component__$$,
+            SearchBoxProductElement: __vue_component__$11,
         },
     })
 ], SearchBoxProduct);
-var script$Z = SearchBoxProduct;
+var script$$ = SearchBoxProduct;
 
 /* script */
-const __vue_script__$_ = script$Z;
+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;
@@ -12332,17 +12342,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 */
@@ -12351,13 +12361,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,
@@ -12391,16 +12401,16 @@ __decorate([
 ], SearchBoxProducts.prototype, "highlightedItem", void 0);
 SearchBoxProducts = __decorate([
     Component({
-        components: { SearchBoxProduct: __vue_component__$_ },
+        components: { SearchBoxProduct: __vue_component__$10 },
     })
 ], SearchBoxProducts);
-var script$Y = SearchBoxProducts;
+var script$_ = SearchBoxProducts;
 
 /* script */
-const __vue_script__$Z = script$Y;
+const __vue_script__$$ = script$_;
 
 /* template */
-var __vue_render__$Z = function () {
+var __vue_render__$$ = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -12422,17 +12432,17 @@ var __vue_render__$Z = function () {
     1
   )
 };
-var __vue_staticRenderFns__$Z = [];
-__vue_render__$Z._withStripped = true;
+var __vue_staticRenderFns__$$ = [];
+__vue_render__$$._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$Z = undefined;
+  const __vue_inject_styles__$$ = 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 */
   
   /* style inject SSR */
@@ -12441,13 +12451,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__$$ = /*#__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,
@@ -12514,17 +12524,17 @@ SearchBoxProductsWrapper = __decorate([
     Component({
         name: "searchBoxProductsWrapper",
         components: {
-            SearchBoxProducts: __vue_component__$Z,
+            SearchBoxProducts: __vue_component__$$,
         },
     })
 ], SearchBoxProductsWrapper);
-var script$X = SearchBoxProductsWrapper;
+var script$Z = SearchBoxProductsWrapper;
 
 /* script */
-const __vue_script__$Y = script$X;
+const __vue_script__$_ = script$Z;
 
 /* template */
-var __vue_render__$Y = function () {
+var __vue_render__$_ = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -12537,34 +12547,34 @@ var __vue_render__$Y = function () {
     },
   })
 };
-var __vue_staticRenderFns__$Y = [];
-__vue_render__$Y._withStripped = true;
+var __vue_staticRenderFns__$_ = [];
+__vue_render__$_._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$Y = function (inject) {
+  const __vue_inject_styles__$_ = function (inject) {
     if (!inject) return
     inject("data-v-45bb68b4_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", map: undefined, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$Y = undefined;
+  const __vue_scope_id__$_ = undefined;
   /* module identifier */
-  const __vue_module_identifier__$Y = undefined;
+  const __vue_module_identifier__$_ = undefined;
   /* functional template */
-  const __vue_is_functional_template__$Y = false;
+  const __vue_is_functional_template__$_ = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  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__$_ = /*#__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,
@@ -12599,13 +12609,13 @@ SearchBoxSuggestion = __decorate([
         name: "searchBoxSuggestion",
     })
 ], SearchBoxSuggestion);
-var script$W = SearchBoxSuggestion;
+var script$Y = SearchBoxSuggestion;
 
 /* script */
-const __vue_script__$X = script$W;
+const __vue_script__$Z = script$Y;
 
 /* template */
-var __vue_render__$X = function () {
+var __vue_render__$Z = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -12674,17 +12684,17 @@ var __vue_render__$X = function () {
     ]
   )
 };
-var __vue_staticRenderFns__$X = [];
-__vue_render__$X._withStripped = true;
+var __vue_staticRenderFns__$Z = [];
+__vue_render__$Z._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$X = undefined;
+  const __vue_inject_styles__$Z = undefined;
   /* scoped */
-  const __vue_scope_id__$X = undefined;
+  const __vue_scope_id__$Z = undefined;
   /* module identifier */
-  const __vue_module_identifier__$X = undefined;
+  const __vue_module_identifier__$Z = undefined;
   /* functional template */
-  const __vue_is_functional_template__$X = false;
+  const __vue_is_functional_template__$Z = false;
   /* style inject */
   
   /* style inject SSR */
@@ -12693,13 +12703,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__$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,
@@ -12764,17 +12774,17 @@ SearchBoxSuggestions = __decorate([
     Component({
         name: "searchBoxSuggestions",
         components: {
-            SearchBoxSuggestion: __vue_component__$X,
+            SearchBoxSuggestion: __vue_component__$Z,
         },
     })
 ], SearchBoxSuggestions);
-var script$V = SearchBoxSuggestions;
+var script$X = SearchBoxSuggestions;
 
 /* script */
-const __vue_script__$W = script$V;
+const __vue_script__$Y = script$X;
 
 /* template */
-var __vue_render__$W = function () {
+var __vue_render__$Y = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -12805,17 +12815,17 @@ var __vue_render__$W = function () {
     1
   )
 };
-var __vue_staticRenderFns__$W = [];
-__vue_render__$W._withStripped = true;
+var __vue_staticRenderFns__$Y = [];
+__vue_render__$Y._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$W = undefined;
+  const __vue_inject_styles__$Y = undefined;
   /* scoped */
-  const __vue_scope_id__$W = undefined;
+  const __vue_scope_id__$Y = undefined;
   /* module identifier */
-  const __vue_module_identifier__$W = undefined;
+  const __vue_module_identifier__$Y = undefined;
   /* functional template */
-  const __vue_is_functional_template__$W = false;
+  const __vue_is_functional_template__$Y = false;
   /* style inject */
   
   /* style inject SSR */
@@ -12824,13 +12834,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__$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,
@@ -12899,17 +12909,17 @@ SearchBoxSuggestionsWrapper = __decorate([
     Component({
         name: "searchBoxSuggestionsWrapper",
         components: {
-            SearchBoxSuggestions: __vue_component__$W,
+            SearchBoxSuggestions: __vue_component__$Y,
         },
     })
 ], SearchBoxSuggestionsWrapper);
-var script$U = SearchBoxSuggestionsWrapper;
+var script$W = SearchBoxSuggestionsWrapper;
 
 /* script */
-const __vue_script__$V = script$U;
+const __vue_script__$X = script$W;
 
 /* template */
-var __vue_render__$V = function () {
+var __vue_render__$X = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -12927,34 +12937,34 @@ var __vue_render__$V = function () {
     },
   })
 };
-var __vue_staticRenderFns__$V = [];
-__vue_render__$V._withStripped = true;
+var __vue_staticRenderFns__$X = [];
+__vue_render__$X._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$V = function (inject) {
+  const __vue_inject_styles__$X = 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__$V = undefined;
+  const __vue_scope_id__$X = undefined;
   /* module identifier */
-  const __vue_module_identifier__$V = undefined;
+  const __vue_module_identifier__$X = undefined;
   /* functional template */
-  const __vue_is_functional_template__$V = false;
+  const __vue_is_functional_template__$X = 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__$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,
@@ -12993,13 +13003,13 @@ SearchBoxMoreResults = __decorate([
         name: "searchBoxMoreResults",
     })
 ], SearchBoxMoreResults);
-var script$T = SearchBoxMoreResults;
+var script$V = SearchBoxMoreResults;
 
 /* script */
-const __vue_script__$U = script$T;
+const __vue_script__$W = script$V;
 
 /* template */
-var __vue_render__$U = function () {
+var __vue_render__$W = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -13013,17 +13023,17 @@ var __vue_render__$U = function () {
     [_vm._v(_vm._s(_vm.labels.moreResults) + " " + _vm._s(_vm.totalCount))]
   )
 };
-var __vue_staticRenderFns__$U = [];
-__vue_render__$U._withStripped = true;
+var __vue_staticRenderFns__$W = [];
+__vue_render__$W._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$U = undefined;
+  const __vue_inject_styles__$W = undefined;
   /* scoped */
-  const __vue_scope_id__$U = undefined;
+  const __vue_scope_id__$W = undefined;
   /* module identifier */
-  const __vue_module_identifier__$U = undefined;
+  const __vue_module_identifier__$W = undefined;
   /* functional template */
-  const __vue_is_functional_template__$U = false;
+  const __vue_is_functional_template__$W = false;
   /* style inject */
   
   /* style inject SSR */
@@ -13032,13 +13042,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__$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,
@@ -13064,13 +13074,13 @@ SearchBoxHistoryItem = __decorate([
         name: "SearchBoxHistoryItem",
     })
 ], SearchBoxHistoryItem);
-var script$S = SearchBoxHistoryItem;
+var script$U = SearchBoxHistoryItem;
 
 /* script */
-const __vue_script__$T = script$S;
+const __vue_script__$V = script$U;
 
 /* template */
-var __vue_render__$T = function () {
+var __vue_render__$V = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -13099,17 +13109,17 @@ var __vue_render__$T = function () {
     ]),
   ])
 };
-var __vue_staticRenderFns__$T = [];
-__vue_render__$T._withStripped = true;
+var __vue_staticRenderFns__$V = [];
+__vue_render__$V._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$T = undefined;
+  const __vue_inject_styles__$V = undefined;
   /* scoped */
-  const __vue_scope_id__$T = undefined;
+  const __vue_scope_id__$V = undefined;
   /* module identifier */
-  const __vue_module_identifier__$T = undefined;
+  const __vue_module_identifier__$V = undefined;
   /* functional template */
-  const __vue_is_functional_template__$T = false;
+  const __vue_is_functional_template__$V = false;
   /* style inject */
   
   /* style inject SSR */
@@ -13118,13 +13128,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__$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,
@@ -13185,17 +13195,17 @@ SearchBoxHistoryPanel = __decorate([
     Component({
         name: "searchBoxHistoryPanel",
         components: {
-            SearchBoxHistoryItem: __vue_component__$T,
+            SearchBoxHistoryItem: __vue_component__$V,
         },
     })
 ], SearchBoxHistoryPanel);
-var script$R = SearchBoxHistoryPanel;
+var script$T = SearchBoxHistoryPanel;
 
 /* script */
-const __vue_script__$S = script$R;
+const __vue_script__$U = script$T;
 
 /* template */
-var __vue_render__$S = function () {
+var __vue_render__$U = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -13225,17 +13235,17 @@ var __vue_render__$S = function () {
       )
     : _vm._e()
 };
-var __vue_staticRenderFns__$S = [];
-__vue_render__$S._withStripped = true;
+var __vue_staticRenderFns__$U = [];
+__vue_render__$U._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$S = undefined;
+  const __vue_inject_styles__$U = undefined;
   /* scoped */
-  const __vue_scope_id__$S = undefined;
+  const __vue_scope_id__$U = undefined;
   /* module identifier */
-  const __vue_module_identifier__$S = undefined;
+  const __vue_module_identifier__$U = undefined;
   /* functional template */
-  const __vue_is_functional_template__$S = false;
+  const __vue_is_functional_template__$U = false;
   /* style inject */
   
   /* style inject SSR */
@@ -13244,13 +13254,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__$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,
@@ -13357,20 +13367,20 @@ SearchBoxMainPanel = __decorate([
     Component({
         name: "searchBoxMainPanel",
         components: {
-            SearchBoxSuggestionsWrapper: __vue_component__$V,
-            SearchBoxProductsWrapper: __vue_component__$Y,
-            SearchBoxMoreResults: __vue_component__$U,
-            SearchBoxHistoryPanel: __vue_component__$S,
+            SearchBoxSuggestionsWrapper: __vue_component__$X,
+            SearchBoxProductsWrapper: __vue_component__$_,
+            SearchBoxMoreResults: __vue_component__$W,
+            SearchBoxHistoryPanel: __vue_component__$U,
         },
     })
 ], SearchBoxMainPanel);
-var script$Q = SearchBoxMainPanel;
+var script$S = SearchBoxMainPanel;
 
 /* script */
-const __vue_script__$R = script$Q;
+const __vue_script__$T = script$S;
 
 /* template */
-var __vue_render__$R = function () {
+var __vue_render__$T = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -13457,34 +13467,34 @@ var __vue_render__$R = function () {
       )
     : _vm._e()
 };
-var __vue_staticRenderFns__$R = [];
-__vue_render__$R._withStripped = true;
+var __vue_staticRenderFns__$T = [];
+__vue_render__$T._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$R = function (inject) {
+  const __vue_inject_styles__$T = function (inject) {
     if (!inject) return
     inject("data-v-0b92689b_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__$R = undefined;
+  const __vue_scope_id__$T = undefined;
   /* module identifier */
-  const __vue_module_identifier__$R = undefined;
+  const __vue_module_identifier__$T = undefined;
   /* functional template */
-  const __vue_is_functional_template__$R = false;
+  const __vue_is_functional_template__$T = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  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__$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,
@@ -13740,18 +13750,18 @@ SearchBox = __decorate([
     Component({
         name: "searchBox",
         components: {
-            SearchBoxInput: __vue_component__$17,
-            SearchBoxMainPanel: __vue_component__$R,
+            SearchBoxInput: __vue_component__$19,
+            SearchBoxMainPanel: __vue_component__$T,
         },
     })
 ], SearchBox);
-var script$P = SearchBox;
+var script$R = SearchBox;
 
 /* script */
-const __vue_script__$Q = script$P;
+const __vue_script__$S = script$R;
 
 /* template */
-var __vue_render__$Q = function () {
+var __vue_render__$S = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -13788,34 +13798,34 @@ var __vue_render__$Q = function () {
     ),
   ])
 };
-var __vue_staticRenderFns__$Q = [];
-__vue_render__$Q._withStripped = true;
+var __vue_staticRenderFns__$S = [];
+__vue_render__$S._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$Q = function (inject) {
+  const __vue_inject_styles__$S = function (inject) {
     if (!inject) return
     inject("data-v-73ed57d5_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__$Q = undefined;
+  const __vue_scope_id__$S = undefined;
   /* module identifier */
-  const __vue_module_identifier__$Q = undefined;
+  const __vue_module_identifier__$S = undefined;
   /* functional template */
-  const __vue_is_functional_template__$Q = false;
+  const __vue_is_functional_template__$S = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  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__$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,
     createInjector,
     undefined,
@@ -13889,6 +13899,11 @@ let SearchBoxEntry = class SearchBoxEntry extends Vue$1 {
         const options = cloneDeep(this.searchBoxOptions);
         return merge(DEFAULT_SEARCH_BOX_OPTIONS, options);
     }
+    fetch() {
+        var _a;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        (_a = this.$refs.searchBox) === null || _a === void 0 ? void 0 : _a.handleCurrentValueSearch();
+    }
 };
 __decorate([
     Prop()
@@ -13897,33 +13912,36 @@ SearchBoxEntry = __decorate([
     Component({
         name: "searchBox",
         components: {
-            SearchBox: __vue_component__$Q,
+            SearchBox: __vue_component__$S,
         },
     })
 ], SearchBoxEntry);
-var script$O = SearchBoxEntry;
+var script$Q = SearchBoxEntry;
 
 /* script */
-const __vue_script__$P = script$O;
+const __vue_script__$R = script$Q;
 
 /* template */
-var __vue_render__$P = function () {
+var __vue_render__$R = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c("SearchBox", { attrs: { options: _vm.fullSearchBoxOptions } })
+  return _c("SearchBox", {
+    ref: "searchBox",
+    attrs: { options: _vm.fullSearchBoxOptions },
+  })
 };
-var __vue_staticRenderFns__$P = [];
-__vue_render__$P._withStripped = true;
+var __vue_staticRenderFns__$R = [];
+__vue_render__$R._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$P = undefined;
+  const __vue_inject_styles__$R = undefined;
   /* scoped */
-  const __vue_scope_id__$P = undefined;
+  const __vue_scope_id__$R = undefined;
   /* module identifier */
-  const __vue_module_identifier__$P = undefined;
+  const __vue_module_identifier__$R = undefined;
   /* functional template */
-  const __vue_is_functional_template__$P = false;
+  const __vue_is_functional_template__$R = false;
   /* style inject */
   
   /* style inject SSR */
@@ -13932,13 +13950,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__$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,
@@ -14203,13 +14221,13 @@ CurrentFilterDisplay = __decorate([
         name: "currentFilterDisplay",
     })
 ], CurrentFilterDisplay);
-var script$N = CurrentFilterDisplay;
+var script$P = CurrentFilterDisplay;
 
 /* script */
-const __vue_script__$O = script$N;
+const __vue_script__$Q = script$P;
 
 /* template */
-var __vue_render__$O = function () {
+var __vue_render__$Q = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -14242,17 +14260,17 @@ var __vue_render__$O = function () {
     ),
   ])
 };
-var __vue_staticRenderFns__$O = [];
-__vue_render__$O._withStripped = true;
+var __vue_staticRenderFns__$Q = [];
+__vue_render__$Q._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$O = undefined;
+  const __vue_inject_styles__$Q = undefined;
   /* scoped */
-  const __vue_scope_id__$O = undefined;
+  const __vue_scope_id__$Q = undefined;
   /* module identifier */
-  const __vue_module_identifier__$O = undefined;
+  const __vue_module_identifier__$Q = undefined;
   /* functional template */
-  const __vue_is_functional_template__$O = false;
+  const __vue_is_functional_template__$Q = false;
   /* style inject */
   
   /* style inject SSR */
@@ -14261,13 +14279,13 @@ __vue_render__$O._withStripped = true;
   
 
   
-  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__$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,
@@ -14409,17 +14427,17 @@ CurrentFilters = __decorate([
     Component({
         name: "currentFilters",
         components: {
-            CurrentFilterDisplay: __vue_component__$O,
+            CurrentFilterDisplay: __vue_component__$Q,
         },
     })
 ], CurrentFilters);
-var script$M = CurrentFilters;
+var script$O = CurrentFilters;
 
 /* script */
-const __vue_script__$N = script$M;
+const __vue_script__$P = script$O;
 
 /* template */
-var __vue_render__$N = function () {
+var __vue_render__$P = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -14503,17 +14521,17 @@ var __vue_render__$N = function () {
       )
     : _vm._e()
 };
-var __vue_staticRenderFns__$N = [];
-__vue_render__$N._withStripped = true;
+var __vue_staticRenderFns__$P = [];
+__vue_render__$P._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$N = undefined;
+  const __vue_inject_styles__$P = undefined;
   /* scoped */
-  const __vue_scope_id__$N = undefined;
+  const __vue_scope_id__$P = undefined;
   /* module identifier */
-  const __vue_module_identifier__$N = undefined;
+  const __vue_module_identifier__$P = undefined;
   /* functional template */
-  const __vue_is_functional_template__$N = false;
+  const __vue_is_functional_template__$P = false;
   /* style inject */
   
   /* style inject SSR */
@@ -14522,13 +14540,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__$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,
     undefined,
     undefined,
@@ -14613,13 +14631,13 @@ TermFacet$1 = __decorate([
         name: "termFacet",
     })
 ], TermFacet$1);
-var script$L = TermFacet$1;
+var script$N = TermFacet$1;
 
 /* script */
-const __vue_script__$M = script$L;
+const __vue_script__$O = script$N;
 
 /* template */
-var __vue_render__$M = function () {
+var __vue_render__$O = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -14721,17 +14739,17 @@ var __vue_render__$M = function () {
     ]
   )
 };
-var __vue_staticRenderFns__$M = [];
-__vue_render__$M._withStripped = true;
+var __vue_staticRenderFns__$O = [];
+__vue_render__$O._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$M = undefined;
+  const __vue_inject_styles__$O = undefined;
   /* scoped */
-  const __vue_scope_id__$M = undefined;
+  const __vue_scope_id__$O = undefined;
   /* module identifier */
-  const __vue_module_identifier__$M = undefined;
+  const __vue_module_identifier__$O = undefined;
   /* functional template */
-  const __vue_is_functional_template__$M = false;
+  const __vue_is_functional_template__$O = false;
   /* style inject */
   
   /* style inject SSR */
@@ -14740,13 +14758,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__$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,
@@ -14796,7 +14814,7 @@ let TermFacet = class TermFacet extends Vue$1 {
     }
     get fromValue() {
         return this.isPrice
-            ? this.sliderRange[0].toFixed(2)
+            ? this.sliderRange[0].toFixed(2).replace(".", this.separator)
             : `${this.sliderRange[0]}`;
     }
     set fromValue(stringValue) {
@@ -14812,7 +14830,7 @@ let TermFacet = class TermFacet extends Vue$1 {
     }
     get toValue() {
         return this.isPrice
-            ? this.sliderRange[1].toFixed(2)
+            ? this.sliderRange[1].toFixed(2).replace(".", this.separator)
             : `${this.sliderRange[1]}`;
     }
     set toValue(stringValue) {
@@ -14871,9 +14889,16 @@ let TermFacet = class TermFacet extends Vue$1 {
     get statsSummary() {
         const [min, max] = this.sliderRange;
         return this.isPrice
-            ? formatPriceSummary([min, max], this.currency, this.searchResultOptions.labels.priceSeparator)
+            ? formatPriceSummary([min, max], this.currency, this.separator)
             : formatRange({ gte: min, lte: max });
     }
+    get separator() {
+        var _a, _b, _c;
+        return (_c = (_b = (_a = this.searchResultOptions) === null || _a === void 0 ? void 0 : _a.labels) === null || _b === void 0 ? void 0 : _b.priceSeparator) !== null && _c !== void 0 ? _c : ",";
+    }
+    get sliderInputFormat() {
+        return this.isPrice ? `[0-9]+([${this.separator}][0-9]{1,2})?` : undefined;
+    }
     onMinValueChange() {
         this.innerSliderRange = [];
     }
@@ -14927,13 +14952,13 @@ TermFacet = __decorate([
         },
     })
 ], TermFacet);
-var script$K = TermFacet;
+var script$M = TermFacet;
 
 /* script */
-const __vue_script__$L = script$K;
+const __vue_script__$N = script$M;
 
 /* template */
-var __vue_render__$L = function () {
+var __vue_render__$N = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -14964,10 +14989,10 @@ var __vue_render__$L = function () {
                   },
                 ],
                 attrs: {
-                  type: "number",
+                  type: "text",
                   max: _vm.facetMax,
                   min: _vm.facetMin,
-                  step: _vm.isPrice ? "0.01" : "1",
+                  pattern: _vm.sliderInputFormat,
                 },
                 domProps: { value: _vm.fromValue },
                 on: {
@@ -15004,10 +15029,10 @@ var __vue_render__$L = function () {
                   },
                 ],
                 attrs: {
-                  type: "number",
+                  type: "text",
                   max: _vm.facetMax,
                   min: _vm.facetMin,
-                  step: _vm.isPrice ? "0.01" : "1",
+                  pattern: _vm.sliderInputFormat,
                 },
                 domProps: { value: _vm.toValue },
                 on: {
@@ -15058,17 +15083,17 @@ var __vue_render__$L = function () {
       : _vm._e(),
   ])
 };
-var __vue_staticRenderFns__$L = [];
-__vue_render__$L._withStripped = true;
+var __vue_staticRenderFns__$N = [];
+__vue_render__$N._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$L = undefined;
+  const __vue_inject_styles__$N = undefined;
   /* scoped */
-  const __vue_scope_id__$L = undefined;
+  const __vue_scope_id__$N = undefined;
   /* module identifier */
-  const __vue_module_identifier__$L = undefined;
+  const __vue_module_identifier__$N = undefined;
   /* functional template */
-  const __vue_is_functional_template__$L = false;
+  const __vue_is_functional_template__$N = false;
   /* style inject */
   
   /* style inject SSR */
@@ -15077,13 +15102,13 @@ __vue_render__$L._withStripped = true;
   
 
   
-  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,
+  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,
@@ -15123,13 +15148,13 @@ HierarchyFacetLevel = __decorate([
         name: "HierarchyFacetLevel",
     })
 ], HierarchyFacetLevel);
-var script$J = HierarchyFacetLevel;
+var script$L = HierarchyFacetLevel;
 
 /* script */
-const __vue_script__$K = script$J;
+const __vue_script__$M = script$L;
 
 /* template */
-var __vue_render__$K = function () {
+var __vue_render__$M = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -15199,34 +15224,34 @@ var __vue_render__$K = function () {
     ]
   )
 };
-var __vue_staticRenderFns__$K = [];
-__vue_render__$K._withStripped = true;
+var __vue_staticRenderFns__$M = [];
+__vue_render__$M._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$K = function (inject) {
+  const __vue_inject_styles__$M = 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__$K = undefined;
+  const __vue_scope_id__$M = undefined;
   /* module identifier */
-  const __vue_module_identifier__$K = undefined;
+  const __vue_module_identifier__$M = undefined;
   /* functional template */
-  const __vue_is_functional_template__$K = false;
+  const __vue_is_functional_template__$M = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  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__$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,
     createInjector,
     undefined,
@@ -15293,17 +15318,17 @@ HierarchyFacet = __decorate([
     Component({
         name: "hierarchyFacet",
         components: {
-            HierarchyFacetLevel: __vue_component__$K,
+            HierarchyFacetLevel: __vue_component__$M,
         },
     })
 ], HierarchyFacet);
-var script$I = HierarchyFacet;
+var script$K = HierarchyFacet;
 
 /* script */
-const __vue_script__$J = script$I;
+const __vue_script__$L = script$K;
 
 /* template */
-var __vue_render__$J = function () {
+var __vue_render__$L = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -15373,17 +15398,17 @@ var __vue_render__$J = function () {
     2
   )
 };
-var __vue_staticRenderFns__$J = [];
-__vue_render__$J._withStripped = true;
+var __vue_staticRenderFns__$L = [];
+__vue_render__$L._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$J = undefined;
+  const __vue_inject_styles__$L = undefined;
   /* scoped */
-  const __vue_scope_id__$J = undefined;
+  const __vue_scope_id__$L = undefined;
   /* module identifier */
-  const __vue_module_identifier__$J = undefined;
+  const __vue_module_identifier__$L = undefined;
   /* functional template */
-  const __vue_is_functional_template__$J = false;
+  const __vue_is_functional_template__$L = false;
   /* style inject */
   
   /* style inject SSR */
@@ -15392,17 +15417,17 @@ __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,
-    false,
-    undefined,
-    undefined,
-    undefined
+  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,
+    undefined
   );
 
 const searchResult$h = namespace("searchResult");
@@ -15515,19 +15540,19 @@ FacetDisplay = __decorate([
     Component({
         name: "facetDisplay",
         components: {
-            TermFacet: __vue_component__$M,
-            StatsFacet: __vue_component__$L,
-            HierarchyFacet: __vue_component__$J,
+            TermFacet: __vue_component__$O,
+            StatsFacet: __vue_component__$N,
+            HierarchyFacet: __vue_component__$L,
         },
     })
 ], FacetDisplay);
-var script$H = FacetDisplay;
+var script$J = FacetDisplay;
 
 /* script */
-const __vue_script__$I = script$H;
+const __vue_script__$K = script$J;
 
 /* template */
-var __vue_render__$I = function () {
+var __vue_render__$K = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -15603,17 +15628,17 @@ var __vue_render__$I = function () {
       )
     : _vm._e()
 };
-var __vue_staticRenderFns__$I = [];
-__vue_render__$I._withStripped = true;
+var __vue_staticRenderFns__$K = [];
+__vue_render__$K._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$I = undefined;
+  const __vue_inject_styles__$K = undefined;
   /* scoped */
-  const __vue_scope_id__$I = undefined;
+  const __vue_scope_id__$K = undefined;
   /* module identifier */
-  const __vue_module_identifier__$I = undefined;
+  const __vue_module_identifier__$K = undefined;
   /* functional template */
-  const __vue_is_functional_template__$I = false;
+  const __vue_is_functional_template__$K = false;
   /* style inject */
   
   /* style inject SSR */
@@ -15622,13 +15647,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__$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,
@@ -15667,17 +15692,17 @@ FacetList = __decorate([
     Component({
         name: "facetList",
         components: {
-            FacetDisplay: __vue_component__$I,
+            FacetDisplay: __vue_component__$K,
         },
     })
 ], FacetList);
-var script$G = FacetList;
+var script$I = FacetList;
 
 /* script */
-const __vue_script__$H = script$G;
+const __vue_script__$J = script$I;
 
 /* template */
-var __vue_render__$H = function () {
+var __vue_render__$J = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -15710,17 +15735,17 @@ var __vue_render__$H = function () {
     ),
   ])
 };
-var __vue_staticRenderFns__$H = [];
-__vue_render__$H._withStripped = true;
+var __vue_staticRenderFns__$J = [];
+__vue_render__$J._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$H = undefined;
+  const __vue_inject_styles__$J = undefined;
   /* scoped */
-  const __vue_scope_id__$H = undefined;
+  const __vue_scope_id__$J = undefined;
   /* module identifier */
-  const __vue_module_identifier__$H = undefined;
+  const __vue_module_identifier__$J = undefined;
   /* functional template */
-  const __vue_is_functional_template__$H = false;
+  const __vue_is_functional_template__$J = false;
   /* style inject */
   
   /* style inject SSR */
@@ -15729,13 +15754,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__$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,
@@ -15828,17 +15853,17 @@ Facets = __decorate([
     Component({
         name: "facets",
         components: {
-            FacetList: __vue_component__$H,
+            FacetList: __vue_component__$J,
         },
     })
 ], Facets);
-var script$F = Facets;
+var script$H = Facets;
 
 /* script */
-const __vue_script__$G = script$F;
+const __vue_script__$I = script$H;
 
 /* template */
-var __vue_render__$G = function () {
+var __vue_render__$I = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -15862,17 +15887,17 @@ var __vue_render__$G = function () {
     1
   )
 };
-var __vue_staticRenderFns__$G = [];
-__vue_render__$G._withStripped = true;
+var __vue_staticRenderFns__$I = [];
+__vue_render__$I._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$G = undefined;
+  const __vue_inject_styles__$I = undefined;
   /* scoped */
-  const __vue_scope_id__$G = undefined;
+  const __vue_scope_id__$I = undefined;
   /* module identifier */
-  const __vue_module_identifier__$G = undefined;
+  const __vue_module_identifier__$I = undefined;
   /* functional template */
-  const __vue_is_functional_template__$G = false;
+  const __vue_is_functional_template__$I = false;
   /* style inject */
   
   /* style inject SSR */
@@ -15881,13 +15906,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__$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,
@@ -15928,13 +15953,13 @@ CategoryFilterItem = __decorate([
         name: "categoryFilterItem",
     })
 ], CategoryFilterItem);
-var script$E = CategoryFilterItem;
+var script$G = CategoryFilterItem;
 
 /* script */
-const __vue_script__$F = script$E;
+const __vue_script__$H = script$G;
 
 /* template */
-var __vue_render__$F = function () {
+var __vue_render__$H = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -15956,17 +15981,17 @@ var __vue_render__$F = function () {
     ]
   )
 };
-var __vue_staticRenderFns__$F = [];
-__vue_render__$F._withStripped = true;
+var __vue_staticRenderFns__$H = [];
+__vue_render__$H._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$F = undefined;
+  const __vue_inject_styles__$H = undefined;
   /* scoped */
-  const __vue_scope_id__$F = undefined;
+  const __vue_scope_id__$H = undefined;
   /* module identifier */
-  const __vue_module_identifier__$F = undefined;
+  const __vue_module_identifier__$H = undefined;
   /* functional template */
-  const __vue_is_functional_template__$F = false;
+  const __vue_is_functional_template__$H = false;
   /* style inject */
   
   /* style inject SSR */
@@ -15975,13 +16000,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__$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,
@@ -16075,17 +16100,17 @@ CategoryFilter = __decorate([
     Component({
         name: "categoryFilter",
         components: {
-            CategoryFilterItem: __vue_component__$F,
+            CategoryFilterItem: __vue_component__$H,
         },
     })
 ], CategoryFilter);
-var script$D = CategoryFilter;
+var script$F = CategoryFilter;
 
 /* script */
-const __vue_script__$E = script$D;
+const __vue_script__$G = script$F;
 
 /* template */
-var __vue_render__$E = function () {
+var __vue_render__$G = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -16148,17 +16173,17 @@ var __vue_render__$E = function () {
     ]
   )
 };
-var __vue_staticRenderFns__$E = [];
-__vue_render__$E._withStripped = true;
+var __vue_staticRenderFns__$G = [];
+__vue_render__$G._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$E = undefined;
+  const __vue_inject_styles__$G = undefined;
   /* scoped */
-  const __vue_scope_id__$E = undefined;
+  const __vue_scope_id__$G = undefined;
   /* module identifier */
-  const __vue_module_identifier__$E = undefined;
+  const __vue_module_identifier__$G = undefined;
   /* functional template */
-  const __vue_is_functional_template__$E = false;
+  const __vue_is_functional_template__$G = false;
   /* style inject */
   
   /* style inject SSR */
@@ -16167,13 +16192,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__$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,
@@ -16198,19 +16223,19 @@ SearchResultsFilters = __decorate([
     Component({
         name: "searchResultsFilters",
         components: {
-            CurrentFilters: __vue_component__$N,
-            Facets: __vue_component__$G,
-            CategoryFilter: __vue_component__$E,
+            CurrentFilters: __vue_component__$P,
+            Facets: __vue_component__$I,
+            CategoryFilter: __vue_component__$G,
         },
     })
 ], SearchResultsFilters);
-var script$C = SearchResultsFilters;
+var script$E = SearchResultsFilters;
 
 /* script */
-const __vue_script__$D = script$C;
+const __vue_script__$F = script$E;
 
 /* template */
-var __vue_render__$D = function () {
+var __vue_render__$F = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -16241,17 +16266,17 @@ var __vue_render__$D = function () {
     1
   )
 };
-var __vue_staticRenderFns__$D = [];
-__vue_render__$D._withStripped = true;
+var __vue_staticRenderFns__$F = [];
+__vue_render__$F._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$D = undefined;
+  const __vue_inject_styles__$F = undefined;
   /* scoped */
-  const __vue_scope_id__$D = undefined;
+  const __vue_scope_id__$F = undefined;
   /* module identifier */
-  const __vue_module_identifier__$D = undefined;
+  const __vue_module_identifier__$F = undefined;
   /* functional template */
-  const __vue_is_functional_template__$D = false;
+  const __vue_is_functional_template__$F = false;
   /* style inject */
   
   /* style inject SSR */
@@ -16260,13 +16285,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__$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,
@@ -16308,17 +16333,17 @@ MobileFilterSidebar = __decorate([
     Component({
         name: "mobileFilerSidebar",
         components: {
-            SearchResultsFilters: __vue_component__$D,
+            SearchResultsFilters: __vue_component__$F,
         },
     })
 ], MobileFilterSidebar);
-var script$B = MobileFilterSidebar;
+var script$D = MobileFilterSidebar;
 
 /* script */
-const __vue_script__$C = script$B;
+const __vue_script__$E = script$D;
 
 /* template */
-var __vue_render__$C = function () {
+var __vue_render__$E = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -16368,17 +16393,17 @@ var __vue_render__$C = function () {
       ])
     : _vm._e()
 };
-var __vue_staticRenderFns__$C = [];
-__vue_render__$C._withStripped = true;
+var __vue_staticRenderFns__$E = [];
+__vue_render__$E._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__$C = undefined;
+  const __vue_inject_styles__$E = undefined;
   /* scoped */
-  const __vue_scope_id__$C = undefined;
+  const __vue_scope_id__$E = undefined;
   /* module identifier */
-  const __vue_module_identifier__$C = undefined;
+  const __vue_module_identifier__$E = undefined;
   /* functional template */
-  const __vue_is_functional_template__$C = false;
+  const __vue_is_functional_template__$E = false;
   /* style inject */
   
   /* style inject SSR */
@@ -16387,13 +16412,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__$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,
@@ -16437,13 +16462,13 @@ SearchResultsDidYouMean = __decorate([
         name: "searchResultsDidYouMean",
     })
 ], SearchResultsDidYouMean);
-var script$A = SearchResultsDidYouMean;
+var script$C = SearchResultsDidYouMean;
 
 /* script */
-const __vue_script__$B = script$A;
+const __vue_script__$D = script$C;
 
 /* template */
-var __vue_render__$B = function () {
+var __vue_render__$D = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
@@ -16499,6 +16524,159 @@ var __vue_render__$B = function () {
       ])
     : _vm._e()
 };
+var __vue_staticRenderFns__$D = [];
+__vue_render__$D._withStripped = true;
+
+  /* style */
+  const __vue_inject_styles__$D = undefined;
+  /* scoped */
+  const __vue_scope_id__$D = undefined;
+  /* module identifier */
+  const __vue_module_identifier__$D = undefined;
+  /* functional template */
+  const __vue_is_functional_template__$D = false;
+  /* style inject */
+  
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  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,
+    undefined
+  );
+
+var ResultsLayoutEnum;
+(function (ResultsLayoutEnum) {
+    ResultsLayoutEnum["GRID"] = "Grid";
+    ResultsLayoutEnum["LIST"] = "List";
+})(ResultsLayoutEnum || (ResultsLayoutEnum = {}));
+
+exports.BadgeType = void 0;
+(function (BadgeType) {
+    BadgeType["DISCOUNTPERCENTAGE"] = "discountPercentage";
+    BadgeType["DISCOUNTAMOUNT"] = "discountAmount";
+    BadgeType["NEWITEM"] = "newItem";
+    BadgeType["TEXT"] = "text";
+    BadgeType["IMAGE"] = "image";
+    BadgeType["CUSTOM_HTML"] = "customHtml";
+})(exports.BadgeType || (exports.BadgeType = {}));
+
+let CustomBadge = class CustomBadge extends Vue$1 {
+    get text() {
+        var _a, _b, _c;
+        return (_b = (_a = this.badge).html) === null || _b === void 0 ? void 0 : _b.call(_a, (_c = this.badge.product) !== null && _c !== void 0 ? _c : {});
+    }
+    get className() {
+        var _a;
+        return (_a = this.badge.className) !== null && _a !== void 0 ? _a : "";
+    }
+};
+__decorate([
+    Prop({ default: {} })
+], CustomBadge.prototype, "badge", void 0);
+CustomBadge = __decorate([
+    Component({
+        name: "customBadge",
+    })
+], CustomBadge);
+var script$B = CustomBadge;
+
+/* script */
+const __vue_script__$C = script$B;
+
+/* template */
+var __vue_render__$C = 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__$C = [];
+__vue_render__$C._withStripped = true;
+
+  /* style */
+  const __vue_inject_styles__$C = undefined;
+  /* scoped */
+  const __vue_scope_id__$C = undefined;
+  /* module identifier */
+  const __vue_module_identifier__$C = undefined;
+  /* functional template */
+  const __vue_is_functional_template__$C = false;
+  /* style inject */
+  
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  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,
+    undefined
+  );
+
+let TextBadge = class TextBadge extends Vue$1 {
+    get badges() {
+        var _a, _b;
+        return (_b = (_a = this.badge) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : [];
+    }
+    get displayBadges() {
+        return this.badges.slice(0, this.badge.maxItems);
+    }
+};
+__decorate([
+    Prop({ default: {} })
+], TextBadge.prototype, "badge", void 0);
+TextBadge = __decorate([
+    Component({
+        name: "TextBadge",
+    })
+], TextBadge);
+var script$A = TextBadge;
+
+/* script */
+const __vue_script__$B = script$A;
+
+/* template */
+var __vue_render__$B = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c(
+    "div",
+    { staticClass: "lupa-text-badges" },
+    _vm._l(_vm.displayBadges, function (item) {
+      return _c(
+        "div",
+        { key: item, staticClass: "lupa-badge lupa-text-badge" },
+        [_vm._v("\n    " + _vm._s(_vm.badge.prefix) + _vm._s(item) + "\n  ")]
+      )
+    }),
+    0
+  )
+};
 var __vue_staticRenderFns__$B = [];
 __vue_render__$B._withStripped = true;
 
@@ -16531,39 +16709,29 @@ __vue_render__$B._withStripped = true;
     undefined
   );
 
-var ResultsLayoutEnum;
-(function (ResultsLayoutEnum) {
-    ResultsLayoutEnum["GRID"] = "Grid";
-    ResultsLayoutEnum["LIST"] = "List";
-})(ResultsLayoutEnum || (ResultsLayoutEnum = {}));
-
-exports.BadgeType = void 0;
-(function (BadgeType) {
-    BadgeType["DISCOUNTPERCENTAGE"] = "discountPercentage";
-    BadgeType["DISCOUNTAMOUNT"] = "discountAmount";
-    BadgeType["NEWITEM"] = "newItem";
-    BadgeType["TEXT"] = "text";
-    BadgeType["IMAGE"] = "image";
-    BadgeType["CUSTOM_HTML"] = "customHtml";
-})(exports.BadgeType || (exports.BadgeType = {}));
-
-let CustomBadge = class CustomBadge extends Vue$1 {
-    get text() {
-        return this.badge.html(this.badge.product);
+let ImageBadge = class ImageBadge extends Vue$1 {
+    get badges() {
+        return this.badge.value;
     }
-    get className() {
-        return this.badge.className;
+    getImageUrl(src) {
+        if (!this.badge.rootImageUrl) {
+            return src;
+        }
+        return `${this.badge.rootImageUrl}${src}`;
+    }
+    get displayBadges() {
+        return this.badges.slice(0, this.badge.maxItems);
     }
 };
 __decorate([
     Prop({ default: {} })
-], CustomBadge.prototype, "badge", void 0);
-CustomBadge = __decorate([
+], ImageBadge.prototype, "badge", void 0);
+ImageBadge = __decorate([
     Component({
-        name: "customBadge",
+        name: "ImageBadge",
     })
-], CustomBadge);
-var script$z = CustomBadge;
+], ImageBadge);
+var script$z = ImageBadge;
 
 /* script */
 const __vue_script__$A = script$z;
@@ -16573,10 +16741,18 @@ var __vue_render__$A = 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",
+    { staticClass: "lupa-image-badges" },
+    _vm._l(_vm.displayBadges, function (item) {
+      return _c(
+        "div",
+        { key: item, staticClass: "lupa-badge lupa-image-badge" },
+        [_c("img", { attrs: { src: _vm.getImageUrl(item) } })]
+      )
+    }),
+    0
+  )
 };
 var __vue_staticRenderFns__$A = [];
 __vue_render__$A._withStripped = true;
@@ -16610,24 +16786,34 @@ __vue_render__$A._withStripped = true;
     undefined
   );
 
-let TextBadge = class TextBadge extends Vue$1 {
-    get badges() {
+let SearchResultGeneratedBadge = class SearchResultGeneratedBadge extends Vue$1 {
+    get image() {
+        var _a, _b, _c;
+        return (_c = (_b = (_a = this.options.generate) === null || _a === void 0 ? void 0 : _a.image) === null || _b === void 0 ? void 0 : _b.call(_a, this.badge)) !== null && _c !== void 0 ? _c : "";
+    }
+    get hasAdditionalText() {
         var _a, _b;
-        return (_b = (_a = this.badge) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : [];
+        return (Boolean((_a = this.badge) === null || _a === void 0 ? void 0 : _a.additionalText) &&
+            typeof ((_b = this.badge) === null || _b === void 0 ? void 0 : _b.additionalText) === "string");
     }
-    get displayBadges() {
-        return this.badges.slice(0, this.badge.maxItems);
+    get hasTitleText() {
+        var _a, _b;
+        return (Boolean((_a = this.badge) === null || _a === void 0 ? void 0 : _a.titleText) &&
+            typeof ((_b = this.badge) === null || _b === void 0 ? void 0 : _b.titleText) === "string");
     }
 };
 __decorate([
-    Prop({ default: {} })
-], TextBadge.prototype, "badge", void 0);
-TextBadge = __decorate([
+    Prop({ default: () => ({}) })
+], SearchResultGeneratedBadge.prototype, "options", void 0);
+__decorate([
+    Prop({ default: () => ({}) })
+], SearchResultGeneratedBadge.prototype, "badge", void 0);
+SearchResultGeneratedBadge = __decorate([
     Component({
-        name: "TextBadge",
+        name: "searchResultsBadgeWrapper",
     })
-], TextBadge);
-var script$y = TextBadge;
+], SearchResultGeneratedBadge);
+var script$y = SearchResultGeneratedBadge;
 
 /* script */
 const __vue_script__$z = script$y;
@@ -16639,15 +16825,23 @@ var __vue_render__$z = function () {
   var _c = _vm._self._c || _h;
   return _c(
     "div",
-    { staticClass: "lupa-text-badges" },
-    _vm._l(_vm.displayBadges, function (item) {
-      return _c(
-        "div",
-        { key: item, staticClass: "lupa-badge lupa-text-badge" },
-        [_vm._v("\n    " + _vm._s(_vm.badge.prefix) + _vm._s(item) + "\n  ")]
-      )
-    }),
-    0
+    {
+      staticClass: "lupa-dynamic-badge",
+      style: { background: _vm.badge.backgroundColor, color: _vm.badge.color },
+    },
+    [
+      _c("span", { staticClass: "lupa-badge-title" }, [
+        _vm.image ? _c("img", { attrs: { src: _vm.image } }) : _vm._e(),
+        _vm.hasTitleText
+          ? _c("span", [_vm._v("\n      " + _vm._s(_vm.badge.titleText))])
+          : _vm._e(),
+      ]),
+      _vm.hasAdditionalText
+        ? _c("span", { staticClass: "lupa-badge-full-text" }, [
+            _vm._v(_vm._s(_vm.badge.additionalText)),
+          ])
+        : _vm._e(),
+    ]
   )
 };
 var __vue_staticRenderFns__$z = [];
@@ -16682,29 +16876,56 @@ __vue_render__$z._withStripped = true;
     undefined
   );
 
-let ImageBadge = class ImageBadge extends Vue$1 {
-    get badges() {
-        return this.badge.value;
+let SearchResultGeneratedBadges = class SearchResultGeneratedBadges extends Vue$1 {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    get badgeField() {
+        var _a, _b, _c, _d, _e, _f, _g;
+        const fieldHasBadges = ((_a = this.options.generate) === null || _a === void 0 ? void 0 : _a.key) &&
+            this.options.product[(_c = (_b = this.options.generate) === null || _b === void 0 ? void 0 : _b.key) !== null && _c !== void 0 ? _c : ""] &&
+            Array.isArray(this.options.product[(_e = (_d = this.options.generate) === null || _d === void 0 ? void 0 : _d.key) !== null && _e !== void 0 ? _e : ""]);
+        return fieldHasBadges
+            ? this.options.product[(_g = (_f = this.options.generate) === null || _f === void 0 ? void 0 : _f.key) !== null && _g !== void 0 ? _g : ""]
+            : [];
+    }
+    get keyMap() {
+        var _a, _b;
+        return (_b = (_a = this.options.generate) === null || _a === void 0 ? void 0 : _a.keyMap) !== null && _b !== void 0 ? _b : {};
     }
-    getImageUrl(src) {
-        if (!this.badge.rootImageUrl) {
-            return src;
-        }
-        return `${this.badge.rootImageUrl}${src}`;
+    get hasBadges() {
+        var _a;
+        return Boolean(((_a = this.options.generate) === null || _a === void 0 ? void 0 : _a.key) &&
+            this.options.generate.keyMap &&
+            this.badgeField.length > 0);
     }
-    get displayBadges() {
-        return this.badges.slice(0, this.badge.maxItems);
+    get badges() {
+        return this.badgeField
+            .filter((f) => Boolean(f))
+            .map((f) => ({
+            backgroundColor: this.keyMap.backgroundColor
+                ? f[this.keyMap.backgroundColor]
+                : undefined,
+            color: this.keyMap.color ? f[this.keyMap.color] : undefined,
+            titleText: this.keyMap.titleText ? f[this.keyMap.titleText] : undefined,
+            additionalText: this.keyMap.additionalText
+                ? f[this.keyMap.additionalText]
+                : undefined,
+            id: this.keyMap.id ? f[this.keyMap.id] : undefined,
+        }))
+            .filter((b) => Boolean(b.id));
     }
 };
 __decorate([
     Prop({ default: {} })
-], ImageBadge.prototype, "badge", void 0);
-ImageBadge = __decorate([
+], SearchResultGeneratedBadges.prototype, "options", void 0);
+SearchResultGeneratedBadges = __decorate([
     Component({
-        name: "ImageBadge",
+        name: "searchResultsBadgeWrapper",
+        components: {
+            SearchResultGeneratedBadge: __vue_component__$z,
+        },
     })
-], ImageBadge);
-var script$x = ImageBadge;
+], SearchResultGeneratedBadges);
+var script$x = SearchResultGeneratedBadges;
 
 /* script */
 const __vue_script__$y = script$x;
@@ -16716,15 +16937,14 @@ var __vue_render__$y = function () {
   var _c = _vm._self._c || _h;
   return _c(
     "div",
-    { staticClass: "lupa-image-badges" },
-    _vm._l(_vm.displayBadges, function (item) {
-      return _c(
-        "div",
-        { key: item, staticClass: "lupa-badge lupa-image-badge" },
-        [_c("img", { attrs: { src: _vm.getImageUrl(item) } })]
-      )
+    { staticClass: "lupa-generated-badges" },
+    _vm._l(_vm.badges, function (badge) {
+      return _c("SearchResultGeneratedBadge", {
+        key: badge.id,
+        attrs: { badge: badge, options: _vm.options },
+      })
     }),
-    0
+    1
   )
 };
 var __vue_staticRenderFns__$y = [];
@@ -16768,11 +16988,17 @@ let SearchResultsBadgeWrapper = class SearchResultsBadgeWrapper extends Vue$1 {
             return [];
         }
         return this.options.elements
-            .filter((e) => !e.display || e.display(this.options.product))
+            .filter((e) => { var _a; return !e.display || e.display((_a = this.options.product) !== null && _a !== void 0 ? _a : {}); })
             .map((x) => {
-            return Object.assign(Object.assign({}, x), { value: this.options.product[x.key] || "badge", product: this.options.product });
+            var _a;
+            return Object.assign(Object.assign({}, x), { value: ((_a = this.options.product) === null || _a === void 0 ? void 0 : _a[x.key]) || "badge", product: this.options.product });
         });
     }
+    get displayBadges() {
+        return this.position === "card"
+            ? this.badges.filter((b) => !b.position || b.position === "card")
+            : this.badges.filter((b) => b.position === "image");
+    }
     getBadgeComponent(type) {
         switch (type) {
             case exports.BadgeType.TEXT:
@@ -16786,6 +17012,9 @@ let SearchResultsBadgeWrapper = class SearchResultsBadgeWrapper extends Vue$1 {
         }
     }
 };
+__decorate([
+    Prop({ default: "card" })
+], SearchResultsBadgeWrapper.prototype, "position", void 0);
 __decorate([
     Prop({ default: {} })
 ], SearchResultsBadgeWrapper.prototype, "options", void 0);
@@ -16793,9 +17022,10 @@ SearchResultsBadgeWrapper = __decorate([
     Component({
         name: "searchResultsBadgeWrapper",
         components: {
-            CustomBadge: __vue_component__$A,
-            TextBadge: __vue_component__$z,
-            ImageBadge: __vue_component__$y,
+            CustomBadge: __vue_component__$C,
+            TextBadge: __vue_component__$B,
+            ImageBadge: __vue_component__$A,
+            SearchResultGeneratedBadges: __vue_component__$y,
         },
     })
 ], SearchResultsBadgeWrapper);
@@ -16813,14 +17043,22 @@ var __vue_render__$x = function () {
     _c(
       "div",
       { class: _vm.anchorPosition, attrs: { id: "lupa-badges" } },
-      _vm._l(_vm.badges, function (badge, index) {
-        return _c(_vm.getBadgeComponent(badge.type), {
-          key: index,
-          tag: "search-results-badge",
-          attrs: { badge: badge },
-        })
-      }),
-      1
+      [
+        _vm._l(_vm.displayBadges, function (badge, index) {
+          return _c(_vm.getBadgeComponent(badge.type), {
+            key: index,
+            tag: "search-results-badge",
+            attrs: { badge: badge },
+          })
+        }),
+        _vm._v(" "),
+        _vm.position === "card"
+          ? _c("SearchResultGeneratedBadges", {
+              attrs: { options: _vm.options },
+            })
+          : _vm._e(),
+      ],
+      2
     ),
   ])
 };
@@ -17823,6 +18061,7 @@ let SearchResultsProductCard = class SearchResultsProductCard extends Vue$1 {
         return "";
     }
     handleClick() {
+        var _a, _b;
         this.trackClick({
             queryKey: this.options.queryKey,
             data: {
@@ -17831,6 +18070,10 @@ let SearchResultsProductCard = class SearchResultsProductCard extends Vue$1 {
                 type: "itemClick",
             },
         });
+        (_b = (_a = this.searchResultOptions.callbacks) === null || _a === void 0 ? void 0 : _a.onProductClick) === null || _b === void 0 ? void 0 : _b.call(_a, {
+            queryKey: this.query,
+            hasResults: true,
+        });
     }
     handleProductEvent(item) {
         this.trackClick({
@@ -17867,6 +18110,9 @@ __decorate([
 __decorate([
     options$6.Getter("searchResultsRoutingBehavior")
 ], SearchResultsProductCard.prototype, "searchResultsRoutingBehavior", void 0);
+__decorate([
+    options$6.State((o) => o.searchResultOptions)
+], SearchResultsProductCard.prototype, "searchResultOptions", void 0);
 __decorate([
     params$9.Getter("query")
 ], SearchResultsProductCard.prototype, "query", void 0);
@@ -17934,6 +18180,11 @@ var __vue_render__$m = function () {
                 })
               }),
               _vm._v(" "),
+              _c("SearchResultsBadgeWrapper", {
+                staticClass: "lupa-image-badges",
+                attrs: { options: _vm.badgesOptions, position: "image" },
+              }),
+              _vm._v(" "),
               _vm.labels.outOfStock && !_vm.isInStock
                 ? _c("div", { staticClass: "lupa-out-of-stock" }, [
                     _vm._v(
@@ -19755,8 +20006,8 @@ FiltersTopDropdown = __decorate([
     Component({
         name: "filtersTopDropdown",
         components: {
-            CurrentFilters: __vue_component__$N,
-            Facets: __vue_component__$G,
+            CurrentFilters: __vue_component__$P,
+            Facets: __vue_component__$I,
         },
     })
 ], FiltersTopDropdown);
@@ -19908,7 +20159,7 @@ SearchResultsProducts = __decorate([
     Component({
         name: "searchResultsProducts",
         components: {
-            CurrentFilters: __vue_component__$N,
+            CurrentFilters: __vue_component__$P,
             SearchResultsProductCard: __vue_component__$m,
             SearchResultsToolbar: __vue_component__$d,
             AdditionalPanels: __vue_component__$k,
@@ -20230,6 +20481,10 @@ let SearchResultsTitle = class SearchResultsTitle extends Vue$1 {
         return Boolean(((_a = this.options.labels) === null || _a === void 0 ? void 0 : _a.searchResults) &&
             (this.currentQueryText || this.isProductList));
     }
+    get descriptionTop() {
+        var _a, _b;
+        return (_b = (_a = this.options.categories) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.descriptionTop;
+    }
     getLabel(label) {
         return addParamsToLabel(label, `'${this.currentQueryText}'`);
     }
@@ -20264,27 +20519,36 @@ var __vue_render__$6 = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _vm.showSearchTitle
-    ? _c(
-        "h1",
-        {
-          staticClass: "lupa-result-page-title",
-          attrs: { "data-cy": "lupa-result-page-title" },
-        },
-        [
-          _vm._v("\n  " + _vm._s(_vm.options.labels.searchResults)),
-          _vm.queryText
-            ? _c("span", [_vm._v("'" + _vm._s(_vm.queryText) + "'")])
-            : _vm._e(),
-          _vm._v(" "),
-          _vm.showProductCount
-            ? _c("span", { staticClass: "lupa-results-total-count" }, [
-                _vm._v("(" + _vm._s(_vm.totalItems) + ")"),
-              ])
-            : _vm._e(),
-        ]
-      )
-    : _vm._e()
+  return _c("div", [
+    _vm.showSearchTitle
+      ? _c(
+          "h1",
+          {
+            staticClass: "lupa-result-page-title",
+            attrs: { "data-cy": "lupa-result-page-title" },
+          },
+          [
+            _vm._v("\n    " + _vm._s(_vm.options.labels.searchResults)),
+            _vm.queryText
+              ? _c("span", [_vm._v("'" + _vm._s(_vm.queryText) + "'")])
+              : _vm._e(),
+            _vm._v(" "),
+            _vm.showProductCount
+              ? _c("span", { staticClass: "lupa-results-total-count" }, [
+                  _vm._v("(" + _vm._s(_vm.totalItems) + ")"),
+                ])
+              : _vm._e(),
+          ]
+        )
+      : _vm._e(),
+    _vm._v(" "),
+    _vm.descriptionTop
+      ? _c("div", {
+          staticClass: "lupa-result-page-description-top",
+          domProps: { innerHTML: _vm._s(_vm.descriptionTop) },
+        })
+      : _vm._e(),
+  ])
 };
 var __vue_staticRenderFns__$6 = [];
 __vue_render__$6._withStripped = true;
@@ -20484,7 +20748,12 @@ let SearchResults = class SearchResults extends Vue$1 {
         this.setDefaultLimit(this.defaultSearchResultPageSize);
     }
     handleParamsChange() {
+        var _a, _b;
         this.handleUrlChange();
+        (_b = (_a = this.options.callbacks) === null || _a === void 0 ? void 0 : _a.onUrlQueryChange) === null || _b === void 0 ? void 0 : _b.call(_a, {
+            queryKey: this.options.queryKey,
+            urlQueryString: this.searchString,
+        });
     }
     handleUrlChange(params) {
         const searchParams = params || new URLSearchParams(window.location.search);
@@ -20605,11 +20874,11 @@ SearchResults = __decorate([
     Component({
         name: "searchResults",
         components: {
-            SearchResultsFilters: __vue_component__$D,
+            SearchResultsFilters: __vue_component__$F,
             SearchResultsProducts: __vue_component__$8,
-            MobileFilterSidebar: __vue_component__$C,
+            MobileFilterSidebar: __vue_component__$E,
             SearchResultsBreadcrumbs: __vue_component__$7,
-            SearchResultsDidYouMean: __vue_component__$B,
+            SearchResultsDidYouMean: __vue_component__$D,
             SearchResultsTitle: __vue_component__$6,
             SearchResultsToolbar: __vue_component__$d,
             CategoryTopFilters: __vue_component__$5,
@@ -20780,6 +21049,11 @@ let SearchResultsEntry = class SearchResultsEntry extends Vue$1 {
         const options = cloneDeep(this.searchResultsOptions);
         return merge(DEFAULT_OPTIONS_RESULTS, options);
     }
+    fetch() {
+        var _a;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        (_a = this.$refs.searchResults) === null || _a === void 0 ? void 0 : _a.handleMounted();
+    }
 };
 __decorate([
     Prop()
@@ -20803,6 +21077,7 @@ var __vue_render__$3 = function () {
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
   return _c("SearchResults", {
+    ref: "searchResults",
     attrs: { options: _vm.fullSearchResultsOptions },
   })
 };
@@ -20914,6 +21189,11 @@ let ProductList = class ProductList extends Vue$1 {
     get componentOptions() {
         return Object.assign(Object.assign({}, this.options), { filters: Object.assign(Object.assign({}, this.options.filters), { categories: this.options.categories }) });
     }
+    fetch() {
+        var _a;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        (_a = this.$refs.searchResults) === null || _a === void 0 ? void 0 : _a.handleMounted();
+    }
 };
 __decorate([
     Prop()
@@ -20943,6 +21223,7 @@ var __vue_render__$1 = function () {
       _c(
         "SearchResults",
         {
+          ref: "searchResults",
           attrs: {
             options: _vm.componentOptions,
             "initial-filters": _vm.options.initialFilters,
@@ -20992,6 +21273,11 @@ let ProductListEntry = class ProductListEntry extends Vue$1 {
     get fullProductListOptions() {
         return cloneDeep(this.productListOptions);
     }
+    fetch() {
+        var _a;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        (_a = this.$refs.productList) === null || _a === void 0 ? void 0 : _a.fetch();
+    }
 };
 __decorate([
     Prop()
@@ -21014,7 +21300,10 @@ var __vue_render__ = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c("ProductList", { attrs: { options: _vm.productListOptions } })
+  return _c("ProductList", {
+    ref: "productList",
+    attrs: { options: _vm.productListOptions },
+  })
 };
 var __vue_staticRenderFns__ = [];
 __vue_render__._withStripped = true;
@@ -22183,44 +22472,119 @@ const app = {
 const tracking = (options) => {
     initTracking(options);
 };
-const searchBox = (options) => {
+const searchBox = (options, mountOptions) => {
+    const existingInstance = app.box[options.inputSelector];
+    if (existingInstance) {
+        existingInstance.searchBoxOptions = options;
+        if (mountOptions === null || mountOptions === void 0 ? void 0 : mountOptions.fetch) {
+            setTimeout(() => {
+                var _a;
+                (_a = existingInstance.fetch) === null || _a === void 0 ? void 0 : _a.call(existingInstance);
+            });
+        }
+        return;
+    }
     Vue$1.use(Vuex);
-    app.box = new Vue$1({
+    const SearchBoxEntryComponent = Vue$1.component("SearchBoxEntry", __vue_component__$R);
+    const instance = new SearchBoxEntryComponent({
         el: options.inputSelector,
-        components: { SearchBoxEntry: __vue_component__$P },
-        render: (h) => h(__vue_component__$P, { props: { searchBoxOptions: options } }),
+        propsData: { searchBoxOptions: options },
         store,
     });
+    app.box[options.inputSelector] = instance;
 };
-const searchResults = (options) => {
+const searchResults = (options, mountOptions) => {
+    const existingInstance = app.results[options.containerSelector];
+    if (existingInstance) {
+        existingInstance.searchResultsOptions = options;
+        if (mountOptions === null || mountOptions === void 0 ? void 0 : mountOptions.fetch) {
+            setTimeout(() => {
+                var _a;
+                (_a = existingInstance.fetch) === null || _a === void 0 ? void 0 : _a.call(existingInstance);
+            });
+        }
+        return;
+    }
     Vue$1.use(Vuex);
-    app.results = new Vue$1({
+    const SearchResultsEntryComponent = Vue$1.component("SearchResultsEntry", __vue_component__$3);
+    const instance = new SearchResultsEntryComponent({
         el: options.containerSelector,
-        components: { SearchResultsEntry: __vue_component__$3 },
-        render: (h) => h(__vue_component__$3, { props: { searchResultsOptions: options } }),
+        propsData: { searchResultsOptions: options },
         store,
     });
+    app.results[options.containerSelector] = instance;
 };
-const productList = (options) => {
+const productList = (options, mountOptions) => {
+    const existingInstance = app.productList[options.containerSelector];
+    if (existingInstance) {
+        existingInstance.productListOptions = options;
+        if (mountOptions === null || mountOptions === void 0 ? void 0 : mountOptions.fetch) {
+            setTimeout(() => {
+                var _a;
+                (_a = existingInstance.fetch) === null || _a === void 0 ? void 0 : _a.call(existingInstance);
+            });
+        }
+        return;
+    }
     Vue$1.use(Vuex);
-    app.productList = new Vue$1({
+    const ProductListEntryComponent = Vue$1.component("ProductListEntry", __vue_component__);
+    const instance = new ProductListEntryComponent({
         el: options.containerSelector,
-        components: { ProductListEntry: __vue_component__ },
-        render: (h) => h(__vue_component__, { props: { productListOptions: options } }),
+        propsData: { productListOptions: options },
         store,
     });
+    app.productList[options.containerSelector] = instance;
 };
-const clearSearchBox = () => {
-    var _a;
-    (_a = app.box) === null || _a === void 0 ? void 0 : _a.$destroy();
+const clearSearchBox = (selector) => {
+    try {
+        if (selector) {
+            const instance = app.box[selector];
+            instance === null || instance === void 0 ? void 0 : instance.$destroy();
+            return;
+        }
+        for (const key in app.box) {
+            const instance = app.box[key];
+            instance === null || instance === void 0 ? void 0 : instance.$destroy();
+        }
+        app.box = {};
+    }
+    catch (_a) {
+        // do nothing, already destroyed;
+    }
 };
-const clearSearchResults = () => {
-    var _a;
-    (_a = app.results) === null || _a === void 0 ? void 0 : _a.$destroy();
+const clearSearchResults = (selector) => {
+    try {
+        if (selector) {
+            const instance = app.box[selector];
+            instance === null || instance === void 0 ? void 0 : instance.$destroy();
+            return;
+        }
+        for (const key in app.results) {
+            const instance = app.results[key];
+            instance === null || instance === void 0 ? void 0 : instance.$destroy();
+        }
+        app.results = {};
+    }
+    catch (_a) {
+        // do nothing, already destroyed;
+    }
 };
-const clearProductList = () => {
-    var _a;
-    (_a = app.productList) === null || _a === void 0 ? void 0 : _a.$destroy();
+const clearProductList = (selector) => {
+    try {
+        if (selector) {
+            const instance = app.box[selector];
+            instance === null || instance === void 0 ? void 0 : instance.$destroy();
+            return;
+        }
+        for (const key in app.productList) {
+            const instance = app.productList[key];
+            instance === null || instance === void 0 ? void 0 : instance.$destroy();
+        }
+        app.productList = {};
+    }
+    catch (_a) {
+        // do nothing, already destroyed;
+    }
 };
 const lupaSearch = {
     searchBox,