@getlupa/client 1.10.3 → 1.11.1

package/dist/lupaSearch.umd.js

@@ -106,6 +106,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     const n = parseFloat(val);
     return isNaN(n) ? val : n;
   };
+  const toNumber = (val) => {
+    const n = isString(val) ? Number(val) : NaN;
+    return isNaN(n) ? val : n;
+  };
   let _globalThis;
   const getGlobalThis = () => {
     return _globalThis || (_globalThis = typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : {});
@@ -2004,6 +2008,319 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       }
     }
   }
+  function useTransitionState() {
+    const state = {
+      isMounted: false,
+      isLeaving: false,
+      isUnmounting: false,
+      leavingVNodes: /* @__PURE__ */ new Map()
+    };
+    onMounted(() => {
+      state.isMounted = true;
+    });
+    onBeforeUnmount(() => {
+      state.isUnmounting = true;
+    });
+    return state;
+  }
+  const TransitionHookValidator = [Function, Array];
+  const BaseTransitionPropsValidators = {
+    mode: String,
+    appear: Boolean,
+    persisted: Boolean,
+    // enter
+    onBeforeEnter: TransitionHookValidator,
+    onEnter: TransitionHookValidator,
+    onAfterEnter: TransitionHookValidator,
+    onEnterCancelled: TransitionHookValidator,
+    // leave
+    onBeforeLeave: TransitionHookValidator,
+    onLeave: TransitionHookValidator,
+    onAfterLeave: TransitionHookValidator,
+    onLeaveCancelled: TransitionHookValidator,
+    // appear
+    onBeforeAppear: TransitionHookValidator,
+    onAppear: TransitionHookValidator,
+    onAfterAppear: TransitionHookValidator,
+    onAppearCancelled: TransitionHookValidator
+  };
+  const BaseTransitionImpl = {
+    name: `BaseTransition`,
+    props: BaseTransitionPropsValidators,
+    setup(props, { slots }) {
+      const instance = getCurrentInstance();
+      const state = useTransitionState();
+      let prevTransitionKey;
+      return () => {
+        const children = slots.default && getTransitionRawChildren(slots.default(), true);
+        if (!children || !children.length) {
+          return;
+        }
+        let child = children[0];
+        if (children.length > 1) {
+          for (const c2 of children) {
+            if (c2.type !== Comment) {
+              child = c2;
+              break;
+            }
+          }
+        }
+        const rawProps = toRaw(props);
+        const { mode } = rawProps;
+        if (state.isLeaving) {
+          return emptyPlaceholder(child);
+        }
+        const innerChild = getKeepAliveChild(child);
+        if (!innerChild) {
+          return emptyPlaceholder(child);
+        }
+        const enterHooks = resolveTransitionHooks(
+          innerChild,
+          rawProps,
+          state,
+          instance
+        );
+        setTransitionHooks(innerChild, enterHooks);
+        const oldChild = instance.subTree;
+        const oldInnerChild = oldChild && getKeepAliveChild(oldChild);
+        let transitionKeyChanged = false;
+        const { getTransitionKey } = innerChild.type;
+        if (getTransitionKey) {
+          const key = getTransitionKey();
+          if (prevTransitionKey === void 0) {
+            prevTransitionKey = key;
+          } else if (key !== prevTransitionKey) {
+            prevTransitionKey = key;
+            transitionKeyChanged = true;
+          }
+        }
+        if (oldInnerChild && oldInnerChild.type !== Comment && (!isSameVNodeType(innerChild, oldInnerChild) || transitionKeyChanged)) {
+          const leavingHooks = resolveTransitionHooks(
+            oldInnerChild,
+            rawProps,
+            state,
+            instance
+          );
+          setTransitionHooks(oldInnerChild, leavingHooks);
+          if (mode === "out-in") {
+            state.isLeaving = true;
+            leavingHooks.afterLeave = () => {
+              state.isLeaving = false;
+              if (instance.update.active !== false) {
+                instance.update();
+              }
+            };
+            return emptyPlaceholder(child);
+          } else if (mode === "in-out" && innerChild.type !== Comment) {
+            leavingHooks.delayLeave = (el, earlyRemove, delayedLeave) => {
+              const leavingVNodesCache = getLeavingNodesForType(
+                state,
+                oldInnerChild
+              );
+              leavingVNodesCache[String(oldInnerChild.key)] = oldInnerChild;
+              el._leaveCb = () => {
+                earlyRemove();
+                el._leaveCb = void 0;
+                delete enterHooks.delayedLeave;
+              };
+              enterHooks.delayedLeave = delayedLeave;
+            };
+          }
+        }
+        return child;
+      };
+    }
+  };
+  const BaseTransition = BaseTransitionImpl;
+  function getLeavingNodesForType(state, vnode) {
+    const { leavingVNodes } = state;
+    let leavingVNodesCache = leavingVNodes.get(vnode.type);
+    if (!leavingVNodesCache) {
+      leavingVNodesCache = /* @__PURE__ */ Object.create(null);
+      leavingVNodes.set(vnode.type, leavingVNodesCache);
+    }
+    return leavingVNodesCache;
+  }
+  function resolveTransitionHooks(vnode, props, state, instance) {
+    const {
+      appear,
+      mode,
+      persisted = false,
+      onBeforeEnter,
+      onEnter,
+      onAfterEnter,
+      onEnterCancelled,
+      onBeforeLeave,
+      onLeave,
+      onAfterLeave,
+      onLeaveCancelled,
+      onBeforeAppear,
+      onAppear,
+      onAfterAppear,
+      onAppearCancelled
+    } = props;
+    const key = String(vnode.key);
+    const leavingVNodesCache = getLeavingNodesForType(state, vnode);
+    const callHook2 = (hook, args) => {
+      hook && callWithAsyncErrorHandling(
+        hook,
+        instance,
+        9,
+        args
+      );
+    };
+    const callAsyncHook = (hook, args) => {
+      const done = args[1];
+      callHook2(hook, args);
+      if (isArray(hook)) {
+        if (hook.every((hook2) => hook2.length <= 1))
+          done();
+      } else if (hook.length <= 1) {
+        done();
+      }
+    };
+    const hooks = {
+      mode,
+      persisted,
+      beforeEnter(el) {
+        let hook = onBeforeEnter;
+        if (!state.isMounted) {
+          if (appear) {
+            hook = onBeforeAppear || onBeforeEnter;
+          } else {
+            return;
+          }
+        }
+        if (el._leaveCb) {
+          el._leaveCb(
+            true
+            /* cancelled */
+          );
+        }
+        const leavingVNode = leavingVNodesCache[key];
+        if (leavingVNode && isSameVNodeType(vnode, leavingVNode) && leavingVNode.el._leaveCb) {
+          leavingVNode.el._leaveCb();
+        }
+        callHook2(hook, [el]);
+      },
+      enter(el) {
+        let hook = onEnter;
+        let afterHook = onAfterEnter;
+        let cancelHook = onEnterCancelled;
+        if (!state.isMounted) {
+          if (appear) {
+            hook = onAppear || onEnter;
+            afterHook = onAfterAppear || onAfterEnter;
+            cancelHook = onAppearCancelled || onEnterCancelled;
+          } else {
+            return;
+          }
+        }
+        let called = false;
+        const done = el._enterCb = (cancelled) => {
+          if (called)
+            return;
+          called = true;
+          if (cancelled) {
+            callHook2(cancelHook, [el]);
+          } else {
+            callHook2(afterHook, [el]);
+          }
+          if (hooks.delayedLeave) {
+            hooks.delayedLeave();
+          }
+          el._enterCb = void 0;
+        };
+        if (hook) {
+          callAsyncHook(hook, [el, done]);
+        } else {
+          done();
+        }
+      },
+      leave(el, remove2) {
+        const key2 = String(vnode.key);
+        if (el._enterCb) {
+          el._enterCb(
+            true
+            /* cancelled */
+          );
+        }
+        if (state.isUnmounting) {
+          return remove2();
+        }
+        callHook2(onBeforeLeave, [el]);
+        let called = false;
+        const done = el._leaveCb = (cancelled) => {
+          if (called)
+            return;
+          called = true;
+          remove2();
+          if (cancelled) {
+            callHook2(onLeaveCancelled, [el]);
+          } else {
+            callHook2(onAfterLeave, [el]);
+          }
+          el._leaveCb = void 0;
+          if (leavingVNodesCache[key2] === vnode) {
+            delete leavingVNodesCache[key2];
+          }
+        };
+        leavingVNodesCache[key2] = vnode;
+        if (onLeave) {
+          callAsyncHook(onLeave, [el, done]);
+        } else {
+          done();
+        }
+      },
+      clone(vnode2) {
+        return resolveTransitionHooks(vnode2, props, state, instance);
+      }
+    };
+    return hooks;
+  }
+  function emptyPlaceholder(vnode) {
+    if (isKeepAlive(vnode)) {
+      vnode = cloneVNode(vnode);
+      vnode.children = null;
+      return vnode;
+    }
+  }
+  function getKeepAliveChild(vnode) {
+    return isKeepAlive(vnode) ? vnode.children ? vnode.children[0] : void 0 : vnode;
+  }
+  function setTransitionHooks(vnode, hooks) {
+    if (vnode.shapeFlag & 6 && vnode.component) {
+      setTransitionHooks(vnode.component.subTree, hooks);
+    } else if (vnode.shapeFlag & 128) {
+      vnode.ssContent.transition = hooks.clone(vnode.ssContent);
+      vnode.ssFallback.transition = hooks.clone(vnode.ssFallback);
+    } else {
+      vnode.transition = hooks;
+    }
+  }
+  function getTransitionRawChildren(children, keepComment = false, parentKey) {
+    let ret = [];
+    let keyedFragmentCount = 0;
+    for (let i = 0; i < children.length; i++) {
+      let child = children[i];
+      const key = parentKey == null ? child.key : String(parentKey) + String(child.key != null ? child.key : i);
+      if (child.type === Fragment) {
+        if (child.patchFlag & 128)
+          keyedFragmentCount++;
+        ret = ret.concat(
+          getTransitionRawChildren(child.children, keepComment, key)
+        );
+      } else if (keepComment || child.type !== Comment) {
+        ret.push(key != null ? cloneVNode(child, { key }) : child);
+      }
+    }
+    if (keyedFragmentCount > 1) {
+      for (let i = 0; i < ret.length; i++) {
+        ret[i].patchFlag = -2;
+      }
+    }
+    return ret;
+  }
   function defineComponent(options, extraOptions) {
     return isFunction(options) ? (
       // #8326: extend call and options.name access are considered side-effects
@@ -2375,7 +2692,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     const ctx = instance.ctx;
     shouldCacheAccess = false;
     if (options.beforeCreate) {
-      callHook(options.beforeCreate, instance, "bc");
+      callHook$1(options.beforeCreate, instance, "bc");
     }
     const {
       // state
@@ -2462,7 +2779,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       });
     }
     if (created) {
-      callHook(created, instance, "c");
+      callHook$1(created, instance, "c");
     }
     function registerLifecycleHook(register, hook) {
       if (isArray(hook)) {
@@ -2540,7 +2857,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       }
     }
   }
-  function callHook(hook, instance, type) {
+  function callHook$1(hook, instance, type) {
     callWithAsyncErrorHandling(
       isArray(hook) ? hook.map((h2) => h2.bind(instance.proxy)) : hook.bind(instance.proxy),
       instance,
@@ -5042,6 +5359,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     return instance;
   }
   let currentInstance = null;
+  const getCurrentInstance = () => currentInstance || currentRenderingInstance;
   let internalSetCurrentInstance;
   let globalCurrentInstanceSetters;
   let settersKey = "__VUE_INSTANCE_SETTERS__";
@@ -5572,6 +5890,268 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     }
     return key in el;
   }
+  const TRANSITION = "transition";
+  const ANIMATION = "animation";
+  const Transition = (props, { slots }) => h$1(BaseTransition, resolveTransitionProps(props), slots);
+  Transition.displayName = "Transition";
+  const DOMTransitionPropsValidators = {
+    name: String,
+    type: String,
+    css: {
+      type: Boolean,
+      default: true
+    },
+    duration: [String, Number, Object],
+    enterFromClass: String,
+    enterActiveClass: String,
+    enterToClass: String,
+    appearFromClass: String,
+    appearActiveClass: String,
+    appearToClass: String,
+    leaveFromClass: String,
+    leaveActiveClass: String,
+    leaveToClass: String
+  };
+  Transition.props = /* @__PURE__ */ extend(
+    {},
+    BaseTransitionPropsValidators,
+    DOMTransitionPropsValidators
+  );
+  const callHook = (hook, args = []) => {
+    if (isArray(hook)) {
+      hook.forEach((h2) => h2(...args));
+    } else if (hook) {
+      hook(...args);
+    }
+  };
+  const hasExplicitCallback = (hook) => {
+    return hook ? isArray(hook) ? hook.some((h2) => h2.length > 1) : hook.length > 1 : false;
+  };
+  function resolveTransitionProps(rawProps) {
+    const baseProps = {};
+    for (const key in rawProps) {
+      if (!(key in DOMTransitionPropsValidators)) {
+        baseProps[key] = rawProps[key];
+      }
+    }
+    if (rawProps.css === false) {
+      return baseProps;
+    }
+    const {
+      name = "v",
+      type,
+      duration,
+      enterFromClass = `${name}-enter-from`,
+      enterActiveClass = `${name}-enter-active`,
+      enterToClass = `${name}-enter-to`,
+      appearFromClass = enterFromClass,
+      appearActiveClass = enterActiveClass,
+      appearToClass = enterToClass,
+      leaveFromClass = `${name}-leave-from`,
+      leaveActiveClass = `${name}-leave-active`,
+      leaveToClass = `${name}-leave-to`
+    } = rawProps;
+    const durations = normalizeDuration(duration);
+    const enterDuration = durations && durations[0];
+    const leaveDuration = durations && durations[1];
+    const {
+      onBeforeEnter,
+      onEnter,
+      onEnterCancelled,
+      onLeave,
+      onLeaveCancelled,
+      onBeforeAppear = onBeforeEnter,
+      onAppear = onEnter,
+      onAppearCancelled = onEnterCancelled
+    } = baseProps;
+    const finishEnter = (el, isAppear, done) => {
+      removeTransitionClass(el, isAppear ? appearToClass : enterToClass);
+      removeTransitionClass(el, isAppear ? appearActiveClass : enterActiveClass);
+      done && done();
+    };
+    const finishLeave = (el, done) => {
+      el._isLeaving = false;
+      removeTransitionClass(el, leaveFromClass);
+      removeTransitionClass(el, leaveToClass);
+      removeTransitionClass(el, leaveActiveClass);
+      done && done();
+    };
+    const makeEnterHook = (isAppear) => {
+      return (el, done) => {
+        const hook = isAppear ? onAppear : onEnter;
+        const resolve2 = () => finishEnter(el, isAppear, done);
+        callHook(hook, [el, resolve2]);
+        nextFrame(() => {
+          removeTransitionClass(el, isAppear ? appearFromClass : enterFromClass);
+          addTransitionClass(el, isAppear ? appearToClass : enterToClass);
+          if (!hasExplicitCallback(hook)) {
+            whenTransitionEnds(el, type, enterDuration, resolve2);
+          }
+        });
+      };
+    };
+    return extend(baseProps, {
+      onBeforeEnter(el) {
+        callHook(onBeforeEnter, [el]);
+        addTransitionClass(el, enterFromClass);
+        addTransitionClass(el, enterActiveClass);
+      },
+      onBeforeAppear(el) {
+        callHook(onBeforeAppear, [el]);
+        addTransitionClass(el, appearFromClass);
+        addTransitionClass(el, appearActiveClass);
+      },
+      onEnter: makeEnterHook(false),
+      onAppear: makeEnterHook(true),
+      onLeave(el, done) {
+        el._isLeaving = true;
+        const resolve2 = () => finishLeave(el, done);
+        addTransitionClass(el, leaveFromClass);
+        forceReflow();
+        addTransitionClass(el, leaveActiveClass);
+        nextFrame(() => {
+          if (!el._isLeaving) {
+            return;
+          }
+          removeTransitionClass(el, leaveFromClass);
+          addTransitionClass(el, leaveToClass);
+          if (!hasExplicitCallback(onLeave)) {
+            whenTransitionEnds(el, type, leaveDuration, resolve2);
+          }
+        });
+        callHook(onLeave, [el, resolve2]);
+      },
+      onEnterCancelled(el) {
+        finishEnter(el, false);
+        callHook(onEnterCancelled, [el]);
+      },
+      onAppearCancelled(el) {
+        finishEnter(el, true);
+        callHook(onAppearCancelled, [el]);
+      },
+      onLeaveCancelled(el) {
+        finishLeave(el);
+        callHook(onLeaveCancelled, [el]);
+      }
+    });
+  }
+  function normalizeDuration(duration) {
+    if (duration == null) {
+      return null;
+    } else if (isObject(duration)) {
+      return [NumberOf(duration.enter), NumberOf(duration.leave)];
+    } else {
+      const n = NumberOf(duration);
+      return [n, n];
+    }
+  }
+  function NumberOf(val) {
+    const res = toNumber(val);
+    return res;
+  }
+  function addTransitionClass(el, cls) {
+    cls.split(/\s+/).forEach((c2) => c2 && el.classList.add(c2));
+    (el._vtc || (el._vtc = /* @__PURE__ */ new Set())).add(cls);
+  }
+  function removeTransitionClass(el, cls) {
+    cls.split(/\s+/).forEach((c2) => c2 && el.classList.remove(c2));
+    const { _vtc } = el;
+    if (_vtc) {
+      _vtc.delete(cls);
+      if (!_vtc.size) {
+        el._vtc = void 0;
+      }
+    }
+  }
+  function nextFrame(cb) {
+    requestAnimationFrame(() => {
+      requestAnimationFrame(cb);
+    });
+  }
+  let endId = 0;
+  function whenTransitionEnds(el, expectedType, explicitTimeout, resolve2) {
+    const id = el._endId = ++endId;
+    const resolveIfNotStale = () => {
+      if (id === el._endId) {
+        resolve2();
+      }
+    };
+    if (explicitTimeout) {
+      return setTimeout(resolveIfNotStale, explicitTimeout);
+    }
+    const { type, timeout, propCount } = getTransitionInfo(el, expectedType);
+    if (!type) {
+      return resolve2();
+    }
+    const endEvent = type + "end";
+    let ended = 0;
+    const end = () => {
+      el.removeEventListener(endEvent, onEnd);
+      resolveIfNotStale();
+    };
+    const onEnd = (e) => {
+      if (e.target === el && ++ended >= propCount) {
+        end();
+      }
+    };
+    setTimeout(() => {
+      if (ended < propCount) {
+        end();
+      }
+    }, timeout + 1);
+    el.addEventListener(endEvent, onEnd);
+  }
+  function getTransitionInfo(el, expectedType) {
+    const styles = window.getComputedStyle(el);
+    const getStyleProperties = (key) => (styles[key] || "").split(", ");
+    const transitionDelays = getStyleProperties(`${TRANSITION}Delay`);
+    const transitionDurations = getStyleProperties(`${TRANSITION}Duration`);
+    const transitionTimeout = getTimeout(transitionDelays, transitionDurations);
+    const animationDelays = getStyleProperties(`${ANIMATION}Delay`);
+    const animationDurations = getStyleProperties(`${ANIMATION}Duration`);
+    const animationTimeout = getTimeout(animationDelays, animationDurations);
+    let type = null;
+    let timeout = 0;
+    let propCount = 0;
+    if (expectedType === TRANSITION) {
+      if (transitionTimeout > 0) {
+        type = TRANSITION;
+        timeout = transitionTimeout;
+        propCount = transitionDurations.length;
+      }
+    } else if (expectedType === ANIMATION) {
+      if (animationTimeout > 0) {
+        type = ANIMATION;
+        timeout = animationTimeout;
+        propCount = animationDurations.length;
+      }
+    } else {
+      timeout = Math.max(transitionTimeout, animationTimeout);
+      type = timeout > 0 ? transitionTimeout > animationTimeout ? TRANSITION : ANIMATION : null;
+      propCount = type ? type === TRANSITION ? transitionDurations.length : animationDurations.length : 0;
+    }
+    const hasTransform = type === TRANSITION && /\b(transform|all)(,|$)/.test(
+      getStyleProperties(`${TRANSITION}Property`).toString()
+    );
+    return {
+      type,
+      timeout,
+      propCount,
+      hasTransform
+    };
+  }
+  function getTimeout(delays, durations) {
+    while (delays.length < durations.length) {
+      delays = delays.concat(delays);
+    }
+    return Math.max(...durations.map((d2, i) => toMs(d2) + toMs(delays[i])));
+  }
+  function toMs(s) {
+    return Number(s.slice(0, -1).replace(",", ".")) * 1e3;
+  }
+  function forceReflow() {
+    return document.body.offsetHeight;
+  }
   const getModelAssigner = (vnode) => {
     const fn = vnode.props["onUpdate:modelValue"] || false;
     return isArray(fn) ? (value) => invokeArrayFns(fn, value) : fn;
@@ -7867,7 +8447,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       resetHighlightIndex
     };
   });
-  const _hoisted_1$1d = { id: "lupa-search-box-input-container" };
+  const _hoisted_1$1e = { id: "lupa-search-box-input-container" };
   const _hoisted_2$P = { class: "lupa-input-clear" };
   const _hoisted_3$A = { id: "lupa-search-box-input" };
   const _hoisted_4$s = ["value"];
@@ -7876,7 +8456,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     key: 0,
     class: "lupa-close-label"
   };
-  const _sfc_main$1l = /* @__PURE__ */ defineComponent({
+  const _sfc_main$1m = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxInput",
     props: {
       options: {},
@@ -7957,7 +8537,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
       __expose({ focus });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$1d, [
+        return openBlock(), createElementBlock("div", _hoisted_1$1e, [
           createBaseVNode("div", _hoisted_2$P, [
             createBaseVNode("div", {
               class: normalizeClass(["lupa-input-clear-content", { "lupa-input-clear-filled": inputValue.value }]),
@@ -7999,7 +8579,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _sfc_main$1k = /* @__PURE__ */ defineComponent({
+  const _sfc_main$1l = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxMoreResults",
     props: {
       labels: {},
@@ -8031,9 +8611,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$1c = { class: "lupa-search-box-history-item" };
+  const _hoisted_1$1d = { class: "lupa-search-box-history-item" };
   const _hoisted_2$O = { class: "lupa-search-box-history-item-content" };
-  const _sfc_main$1j = /* @__PURE__ */ defineComponent({
+  const _sfc_main$1k = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxHistoryItem",
     props: {
       item: {},
@@ -8049,7 +8629,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         emit2("click", { query: props.item });
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$1c, [
+        return openBlock(), createElementBlock("div", _hoisted_1$1d, [
           createBaseVNode("div", _hoisted_2$O, [
             createBaseVNode("div", {
               class: normalizeClass(["lupa-search-box-history-item-text", { "lupa-search-box-history-item-highlighted": _ctx.highlighted }]),
@@ -8064,11 +8644,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$1b = {
+  const _hoisted_1$1c = {
     key: 0,
     class: "lupa-search-box-history-panel"
   };
-  const _sfc_main$1i = /* @__PURE__ */ defineComponent({
+  const _sfc_main$1j = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxHistoryPanel",
     props: {
       options: {}
@@ -8109,9 +8689,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         }
       };
       return (_ctx, _cache) => {
-        return hasHistory.value ? (openBlock(), createElementBlock("div", _hoisted_1$1b, [
+        return hasHistory.value ? (openBlock(), createElementBlock("div", _hoisted_1$1c, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(history), (item, index) => {
-            return openBlock(), createBlock(_sfc_main$1j, {
+            return openBlock(), createBlock(_sfc_main$1k, {
               key: item,
               item,
               highlighted: index === highlightIndex.value,
@@ -8127,19 +8707,19 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$1a = { class: "lupa-search-box-no-results" };
-  const _sfc_main$1h = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$1b = { class: "lupa-search-box-no-results" };
+  const _sfc_main$1i = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxNoResults",
     props: {
       labels: {}
     },
     setup(__props) {
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("p", _hoisted_1$1a, toDisplayString(_ctx.labels.noResults), 1);
+        return openBlock(), createElementBlock("p", _hoisted_1$1b, toDisplayString(_ctx.labels.noResults), 1);
       };
     }
   });
-  const _hoisted_1$19 = ["innerHTML"];
+  const _hoisted_1$1a = ["innerHTML"];
   const _hoisted_2$N = {
     key: 1,
     "data-cy": "lupa-suggestion-value",
@@ -8158,7 +8738,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     class: "lupa-suggestion-facet-value",
     "data-cy": "lupa-suggestion-facet-value"
   };
-  const _sfc_main$1g = /* @__PURE__ */ defineComponent({
+  const _sfc_main$1h = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxSuggestion",
     props: {
       suggestion: {},
@@ -8194,7 +8774,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             class: "lupa-suggestion-value",
             "data-cy": "lupa-suggestion-value",
             innerHTML: _ctx.suggestion.displayHighlight
-          }, null, 8, _hoisted_1$19)) : (openBlock(), createElementBlock("div", _hoisted_2$N, toDisplayString(_ctx.suggestion.display), 1)),
+          }, null, 8, _hoisted_1$1a)) : (openBlock(), createElementBlock("div", _hoisted_2$N, toDisplayString(_ctx.suggestion.display), 1)),
           _ctx.suggestion.facet ? (openBlock(), createElementBlock("div", _hoisted_3$z, [
             createBaseVNode("span", _hoisted_4$r, toDisplayString(facetLabel.value), 1),
             createBaseVNode("span", _hoisted_5$g, toDisplayString(_ctx.suggestion.facet.title), 1)
@@ -8203,11 +8783,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$18 = {
+  const _hoisted_1$19 = {
     id: "lupa-search-box-suggestions",
     "data-cy": "lupa-search-box-suggestions"
   };
-  const _sfc_main$1f = /* @__PURE__ */ defineComponent({
+  const _sfc_main$1g = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxSuggestions",
     props: {
       items: {},
@@ -8267,9 +8847,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         });
       });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$18, [
+        return openBlock(), createElementBlock("div", _hoisted_1$19, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(items.value, (item, index) => {
-            return openBlock(), createBlock(_sfc_main$1g, {
+            return openBlock(), createBlock(_sfc_main$1h, {
               key: getSuggestionKey(item),
               class: normalizeClass(["lupa-suggestion", index === highlightedIndex.value ? "lupa-suggestion-highlighted" : ""]),
               suggestion: item,
@@ -8297,7 +8877,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       }, timeout);
     };
   };
-  const _sfc_main$1e = /* @__PURE__ */ defineComponent({
+  const _sfc_main$1f = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxSuggestionsWrapper",
     props: {
       panel: {},
@@ -8338,7 +8918,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
       const getSuggestionsDebounced = debounce$1(getSuggestions, props.debounce);
       return (_ctx, _cache) => {
-        return openBlock(), createBlock(_sfc_main$1f, {
+        return openBlock(), createBlock(_sfc_main$1g, {
           items: searchResult.value,
           highlight: _ctx.panel.highlight,
           queryKey: _ctx.panel.queryKey,
@@ -8426,8 +9006,23 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     }
     return (_c = (_b = (_a = parts == null ? void 0 : parts.map((part) => part.replace(/(^\/+|\/+$)/g, ""))) == null ? void 0 : _a.filter((part) => part !== "")) == null ? void 0 : _b.join("/")) != null ? _c : "";
   };
-  const _hoisted_1$17 = ["src"];
-  const _sfc_main$1d = /* @__PURE__ */ defineComponent({
+  const checkHasFullImageUrl = (imageUrl) => typeof imageUrl === "string" && (imageUrl.indexOf("http://") === 0 || imageUrl.indexOf("https://") === 0);
+  const computeImageUrl = (imageUrl, rootImageUrl) => {
+    const mainUrl = Array.isArray(imageUrl) ? imageUrl[0] : imageUrl;
+    if (checkHasFullImageUrl(mainUrl)) {
+      return mainUrl;
+    }
+    return rootImageUrl ? joinUrlParts(rootImageUrl, mainUrl) : `/${mainUrl}`;
+  };
+  const replaceImageWithPlaceholder = (e, placeholder) => {
+    var _a;
+    const targetImage = e == null ? void 0 : e.target;
+    if (targetImage && !((_a = targetImage == null ? void 0 : targetImage.src) == null ? void 0 : _a.includes(placeholder))) {
+      targetImage.src = placeholder;
+    }
+  };
+  const _hoisted_1$18 = ["src"];
+  const _sfc_main$1e = /* @__PURE__ */ defineComponent({
     __name: "ProductImage",
     props: {
       item: {},
@@ -8437,33 +9032,73 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     },
     setup(__props) {
       const props = __props;
+      const isHover = ref(false);
+      const hoverImageIndex = ref(0);
+      const hoverInterval = ref(0);
       const rootImageUrl = computed(() => props.options.baseUrl);
       const image = computed(() => props.item[props.options.key]);
       const hasFullImageUrl = computed(() => {
-        const imageUrl2 = image.value;
-        return typeof imageUrl2 === "string" && (imageUrl2.indexOf("http://") === 0 || imageUrl2.indexOf("https://") === 0);
+        return checkHasFullImageUrl(image.value);
       });
       const imageUrl = computed(() => {
-        const imageUrl2 = image.value;
-        if (hasFullImageUrl.value) {
-          return imageUrl2;
-        }
-        return rootImageUrl.value ? joinUrlParts(rootImageUrl.value, imageUrl2) : `/${imageUrl2}`;
+        return computeImageUrl(image.value, rootImageUrl.value);
       });
       const hasImage = computed(() => Boolean(hasFullImageUrl.value || image.value));
       const placeholder = computed(() => props.options.placeholder);
-      const finalUrl = computed(() => {
+      const finalMainImageUrl = computed(() => {
         if (props.options.customUrl) {
           return props.options.customUrl(props.item);
         }
         return hasImage.value ? imageUrl.value : placeholder.value;
       });
-      const replaceWithPlaceholder = (e) => {
+      const hoverImages = computed(() => {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+        if ((_a = props.options.hoverImages) == null ? void 0 : _a.key) {
+          return (_g = (_f = (_e = props.item[(_b = props.options.hoverImages) == null ? void 0 : _b.key]) == null ? void 0 : _e.slice(0, (_d = (_c = props.options.hoverImages) == null ? void 0 : _c.maxImages) != null ? _d : 5)) == null ? void 0 : _f.map((i) => computeImageUrl(i, rootImageUrl.value))) != null ? _g : [];
+        }
+        if (props.options.hoverImages) {
+          return (_l = (_k = (_h = props.options.hoverImages) == null ? void 0 : _h.display(props.item)) == null ? void 0 : _k.slice(0, (_j = (_i = props.options.hoverImages) == null ? void 0 : _i.maxImages) != null ? _j : 5)) != null ? _l : [];
+        }
+        return [];
+      });
+      const hasHoverImages = computed(() => {
         var _a;
-        const targetImage = e == null ? void 0 : e.target;
-        if (targetImage && !((_a = targetImage == null ? void 0 : targetImage.src) == null ? void 0 : _a.includes(placeholder.value))) {
-          targetImage.src = placeholder.value;
+        return Boolean((_a = hoverImages.value) == null ? void 0 : _a.length);
+      });
+      const replaceWithPlaceholder = (e) => {
+        replaceImageWithPlaceholder(e, placeholder.value);
+      };
+      const setNextHoverImage = () => {
+        hoverImageIndex.value = (hoverImageIndex.value + 1) % hoverImages.value.length;
+      };
+      const currentHoverImage = computed(() => {
+        return hoverImages.value[hoverImageIndex.value];
+      });
+      const finalUrl = computed(() => {
+        return isHover.value ? currentHoverImage.value : finalMainImageUrl.value;
+      });
+      const handleMouseEnter = () => {
+        var _a, _b;
+        if (!hasHoverImages.value) {
+          return;
+        }
+        isHover.value = true;
+        hoverImageIndex.value = 0;
+        if (hoverInterval.value) {
+          return;
         }
+        hoverInterval.value = setInterval(
+          setNextHoverImage,
+          (_b = (_a = props.options.hoverImages) == null ? void 0 : _a.cycleInterval) != null ? _b : 2e3
+        );
+      };
+      const handleMouseLeave = () => {
+        if (!hasHoverImages.value) {
+          return;
+        }
+        isHover.value = false;
+        clearInterval(hoverInterval.value);
+        hoverInterval.value = 0;
       };
       const imageAlt = computed(() => {
         const alt = props.options.alt;
@@ -8472,20 +9107,48 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         }
         return "";
       });
+      const preloadImages = (images) => {
+        images.forEach((src) => {
+          const img = new Image();
+          img.src = src;
+        });
+      };
+      onMounted(() => {
+        if (hasHoverImages.value) {
+          preloadImages(hoverImages.value);
+        }
+      });
+      watch(hoverImages, (newImages) => {
+        if (newImages.length) {
+          preloadImages(newImages);
+        }
+      });
+      onBeforeUnmount(() => {
+        clearInterval(hoverInterval.value);
+      });
       return (_ctx, _cache) => {
-        var _a, _b;
         return openBlock(), createElementBlock("div", {
-          class: normalizeClass((_a = _ctx.wrapperClass) != null ? _a : "")
+          class: normalizeClass({ [_ctx.wrapperClass]: Boolean(_ctx.wrapperClass), "lupa-images-hover": isHover.value }),
+          onMouseenter: handleMouseEnter,
+          onMouseleave: handleMouseLeave
         }, [
-          createBaseVNode("img", mergeProps({
-            class: (_b = _ctx.imageClass) != null ? _b : "",
-            src: finalUrl.value
-          }, { alt: imageAlt.value ? imageAlt.value : void 0 }, { onError: replaceWithPlaceholder }), null, 16, _hoisted_1$17)
-        ], 2);
+          createVNode(Transition, { name: "lupa-fade" }, {
+            default: withCtx(() => [
+              (openBlock(), createElementBlock("img", mergeProps({
+                class: ["lupa-images-hover-image", { [_ctx.imageClass]: true, "lupa-images-hover-image": isHover.value }],
+                src: finalUrl.value
+              }, { alt: imageAlt.value ? imageAlt.value : void 0 }, {
+                onError: replaceWithPlaceholder,
+                key: finalUrl.value
+              }), null, 16, _hoisted_1$18))
+            ]),
+            _: 1
+          })
+        ], 34);
       };
     }
   });
-  const _sfc_main$1c = /* @__PURE__ */ defineComponent({
+  const _sfc_main$1d = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductImage",
     props: {
       item: {},
@@ -8493,7 +9156,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     },
     setup(__props) {
       return (_ctx, _cache) => {
-        return openBlock(), createBlock(_sfc_main$1d, {
+        return openBlock(), createBlock(_sfc_main$1e, {
           item: _ctx.item,
           options: _ctx.options,
           "wrapper-class": "lupa-search-box-image-wrapper",
@@ -8502,12 +9165,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$16 = ["innerHTML"];
+  const _hoisted_1$17 = ["innerHTML"];
   const _hoisted_2$M = {
     key: 1,
     class: "lupa-search-box-product-title"
   };
-  const _sfc_main$1b = /* @__PURE__ */ defineComponent({
+  const _sfc_main$1c = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductTitle",
     props: {
       item: {},
@@ -8527,18 +9190,18 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           key: 0,
           class: "lupa-search-box-product-title",
           innerHTML: title.value
-        }, null, 8, _hoisted_1$16)) : (openBlock(), createElementBlock("div", _hoisted_2$M, [
+        }, null, 8, _hoisted_1$17)) : (openBlock(), createElementBlock("div", _hoisted_2$M, [
           createBaseVNode("strong", null, toDisplayString(title.value), 1)
         ]));
       };
     }
   });
-  const _hoisted_1$15 = ["innerHTML"];
+  const _hoisted_1$16 = ["innerHTML"];
   const _hoisted_2$L = {
     key: 1,
     class: "lupa-search-box-product-description"
   };
-  const _sfc_main$1a = /* @__PURE__ */ defineComponent({
+  const _sfc_main$1b = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductDescription",
     props: {
       item: {},
@@ -8558,12 +9221,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           key: 0,
           class: "lupa-search-box-product-description",
           innerHTML: description.value
-        }, null, 8, _hoisted_1$15)) : (openBlock(), createElementBlock("div", _hoisted_2$L, toDisplayString(description.value), 1));
+        }, null, 8, _hoisted_1$16)) : (openBlock(), createElementBlock("div", _hoisted_2$L, toDisplayString(description.value), 1));
       };
     }
   });
-  const _hoisted_1$14 = { class: "lupa-search-box-product-price" };
-  const _sfc_main$19 = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$15 = { class: "lupa-search-box-product-price" };
+  const _sfc_main$1a = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductPrice",
     props: {
       item: {},
@@ -8581,14 +9244,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         );
       });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$14, [
+        return openBlock(), createElementBlock("div", _hoisted_1$15, [
           createBaseVNode("strong", null, toDisplayString(price.value), 1)
         ]);
       };
     }
   });
-  const _hoisted_1$13 = { class: "lupa-search-box-product-regular-price" };
-  const _sfc_main$18 = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$14 = { class: "lupa-search-box-product-regular-price" };
+  const _sfc_main$19 = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductRegularPrice",
     props: {
       item: {},
@@ -8606,16 +9269,16 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         );
       });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$13, toDisplayString(price.value), 1);
+        return openBlock(), createElementBlock("div", _hoisted_1$14, toDisplayString(price.value), 1);
       };
     }
   });
-  const _hoisted_1$12 = ["innerHTML"];
+  const _hoisted_1$13 = ["innerHTML"];
   const _hoisted_2$K = { key: 0 };
   const _hoisted_3$y = { key: 1 };
   const _hoisted_4$q = { class: "lupa-search-box-custom-label" };
   const _hoisted_5$f = { class: "lupa-search-box-custom-text" };
-  const _sfc_main$17 = /* @__PURE__ */ defineComponent({
+  const _sfc_main$18 = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductCustom",
     props: {
       item: {},
@@ -8641,7 +9304,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           key: 0,
           class: [className.value, "lupa-search-box-product-custom"],
           innerHTML: text.value
-        }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$12)) : (openBlock(), createElementBlock("div", mergeProps({
+        }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$13)) : (openBlock(), createElementBlock("div", mergeProps({
           key: 1,
           class: [className.value, "lupa-search-box-product-custom"]
         }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
@@ -8653,8 +9316,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$11 = ["innerHTML"];
-  const _sfc_main$16 = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$12 = ["innerHTML"];
+  const _sfc_main$17 = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductCustomHtml",
     props: {
       item: {},
@@ -8674,7 +9337,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         return openBlock(), createElementBlock("div", mergeProps({
           class: className.value,
           innerHTML: text.value
-        }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$11);
+        }, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$12);
       };
     }
   });
@@ -8872,10 +9535,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       clearSearchResult
     };
   });
-  const _hoisted_1$10 = { class: "lupa-search-box-add-to-cart-wrapper" };
+  const _hoisted_1$11 = { class: "lupa-search-box-add-to-cart-wrapper" };
   const _hoisted_2$J = { class: "lupa-search-box-product-addtocart" };
   const _hoisted_3$x = ["onClick", "disabled"];
-  const _sfc_main$15 = /* @__PURE__ */ defineComponent({
+  const _sfc_main$16 = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductAddToCart",
     props: {
       item: {},
@@ -8902,7 +9565,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         loading.value = false;
       });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$10, [
+        return openBlock(), createElementBlock("div", _hoisted_1$11, [
           createBaseVNode("div", _hoisted_2$J, [
             createBaseVNode("button", {
               onClick: withModifiers(handleClick, ["stop", "prevent"]),
@@ -8916,23 +9579,23 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$$ = {
+  const _hoisted_1$10 = {
     key: 1,
     class: "lupa-search-box-element-badge-wrapper"
   };
   const __default__$4 = {
     components: {
-      SearchBoxProductImage: _sfc_main$1c,
-      SearchBoxProductTitle: _sfc_main$1b,
-      SearchBoxProductDescription: _sfc_main$1a,
-      SearchBoxProductPrice: _sfc_main$19,
-      SearchBoxProductRegularPrice: _sfc_main$18,
-      SearchBoxProductCustom: _sfc_main$17,
-      SearchBoxProductCustomHtml: _sfc_main$16,
-      SearchBoxProductAddToCart: _sfc_main$15
+      SearchBoxProductImage: _sfc_main$1d,
+      SearchBoxProductTitle: _sfc_main$1c,
+      SearchBoxProductDescription: _sfc_main$1b,
+      SearchBoxProductPrice: _sfc_main$1a,
+      SearchBoxProductRegularPrice: _sfc_main$19,
+      SearchBoxProductCustom: _sfc_main$18,
+      SearchBoxProductCustomHtml: _sfc_main$17,
+      SearchBoxProductAddToCart: _sfc_main$16
     }
   };
-  const _sfc_main$14 = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$4), {
+  const _sfc_main$15 = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$4), {
     __name: "SearchBoxProductElement",
     props: {
       item: {},
@@ -8990,7 +9653,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             class: normalizeClass({ "lupa-loading-dynamic-data": isLoadingDynamicData((_a = _ctx.item) == null ? void 0 : _a.id) }),
             inStock: _ctx.isInStock
           }, null, 8, ["item", "options", "labels", "class", "inStock"])) : createCommentVNode("", true)
-        ], 64)) : (openBlock(), createElementBlock("div", _hoisted_1$$, [
+        ], 64)) : (openBlock(), createElementBlock("div", _hoisted_1$10, [
           displayElement.value ? (openBlock(), createBlock(resolveDynamicComponent(elementComponent.value), {
             key: 0,
             item: enhancedItem.value,
@@ -9004,14 +9667,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   }));
-  const _hoisted_1$_ = { class: "lupa-badge-title" };
+  const _hoisted_1$$ = { class: "lupa-badge-title" };
   const _hoisted_2$I = ["src"];
   const _hoisted_3$w = { key: 1 };
   const _hoisted_4$p = {
     key: 0,
     class: "lupa-badge-full-text"
   };
-  const _sfc_main$13 = /* @__PURE__ */ defineComponent({
+  const _sfc_main$14 = /* @__PURE__ */ defineComponent({
     __name: "SearchResultGeneratedBadge",
     props: {
       options: {},
@@ -9044,7 +9707,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           class: normalizeClass(["lupa-dynamic-badge", customClassName.value]),
           style: normalizeStyle({ background: _ctx.badge.backgroundColor, color: _ctx.badge.color })
         }, [
-          createBaseVNode("span", _hoisted_1$_, [
+          createBaseVNode("span", _hoisted_1$$, [
             image.value ? (openBlock(), createElementBlock("img", {
               key: 0,
               src: image.value
@@ -9056,8 +9719,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$Z = { class: "lupa-generated-badges" };
-  const _sfc_main$12 = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$_ = { class: "lupa-generated-badges" };
+  const _sfc_main$13 = /* @__PURE__ */ defineComponent({
     __name: "SearchResultGeneratedBadges",
     props: {
       options: {}
@@ -9083,9 +9746,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         })).filter((b) => Boolean(b.id));
       });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$Z, [
+        return openBlock(), createElementBlock("div", _hoisted_1$_, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(badges.value, (badge) => {
-            return openBlock(), createBlock(_sfc_main$13, {
+            return openBlock(), createBlock(_sfc_main$14, {
               key: badge.id,
               badge,
               options: _ctx.options
@@ -9095,8 +9758,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$Y = ["innerHTML"];
-  const _sfc_main$11 = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$Z = ["innerHTML"];
+  const _sfc_main$12 = /* @__PURE__ */ defineComponent({
     __name: "CustomBadge",
     props: {
       badge: {}
@@ -9115,12 +9778,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         return openBlock(), createElementBlock("div", {
           class: normalizeClass(className.value),
           innerHTML: text.value
-        }, null, 10, _hoisted_1$Y);
+        }, null, 10, _hoisted_1$Z);
       };
     }
   });
-  const _hoisted_1$X = { class: "lupa-text-badges" };
-  const _sfc_main$10 = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$Y = { class: "lupa-text-badges" };
+  const _sfc_main$11 = /* @__PURE__ */ defineComponent({
     __name: "TextBadge",
     props: {
       badge: {}
@@ -9135,7 +9798,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         return badges.value.slice(0, props.badge.maxItems);
       });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$X, [
+        return openBlock(), createElementBlock("div", _hoisted_1$Y, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(displayBadges.value, (item) => {
             return openBlock(), createElementBlock("div", {
               class: "lupa-badge lupa-text-badge",
@@ -9146,9 +9809,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$W = { class: "lupa-image-badges" };
+  const _hoisted_1$X = { class: "lupa-image-badges" };
   const _hoisted_2$H = ["src"];
-  const _sfc_main$$ = /* @__PURE__ */ defineComponent({
+  const _sfc_main$10 = /* @__PURE__ */ defineComponent({
     __name: "ImageBadge",
     props: {
       badge: {}
@@ -9168,7 +9831,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         return `${props.badge.rootImageUrl}${src}`;
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$W, [
+        return openBlock(), createElementBlock("div", _hoisted_1$X, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(displayBadges.value, (item) => {
             return openBlock(), createElementBlock("div", {
               class: "lupa-badge lupa-image-badge",
@@ -9183,15 +9846,15 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$V = { id: "lupa-search-results-badges" };
+  const _hoisted_1$W = { id: "lupa-search-results-badges" };
   const __default__$3 = {
     components: {
-      CustomBadge: _sfc_main$11,
-      TextBadge: _sfc_main$10,
-      ImageBadge: _sfc_main$$
+      CustomBadge: _sfc_main$12,
+      TextBadge: _sfc_main$11,
+      ImageBadge: _sfc_main$10
     }
   };
-  const _sfc_main$_ = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$3), {
+  const _sfc_main$$ = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$3), {
     __name: "SearchResultsBadgeWrapper",
     props: {
       position: {},
@@ -9247,7 +9910,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         }
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$V, [
+        return openBlock(), createElementBlock("div", _hoisted_1$W, [
           createBaseVNode("div", {
             id: "lupa-badges",
             class: normalizeClass(anchorPosition.value)
@@ -9258,7 +9921,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                 badge
               }, null, 8, ["badge"]);
             }), 128)),
-            positionValue.value === "card" ? (openBlock(), createBlock(_sfc_main$12, {
+            positionValue.value === "card" ? (openBlock(), createBlock(_sfc_main$13, {
               key: 0,
               options: _ctx.options
             }, null, 8, ["options"])) : createCommentVNode("", true)
@@ -9267,14 +9930,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   }));
-  const _hoisted_1$U = ["href"];
+  const _hoisted_1$V = ["href"];
   const _hoisted_2$G = { class: "lupa-search-box-product-image-section" };
   const _hoisted_3$v = { class: "lupa-search-box-product-details-section" };
   const _hoisted_4$o = {
     key: 0,
     class: "lupa-search-box-product-add-to-cart-section"
   };
-  const _sfc_main$Z = /* @__PURE__ */ defineComponent({
+  const _sfc_main$_ = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProduct",
     props: {
       item: {},
@@ -9335,7 +9998,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         }), [
           createBaseVNode("div", _hoisted_2$G, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(imageElements.value, (element) => {
-              return openBlock(), createBlock(_sfc_main$14, {
+              return openBlock(), createBlock(_sfc_main$15, {
                 class: "lupa-search-box-product-element",
                 item: _ctx.item,
                 element,
@@ -9348,7 +10011,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           createBaseVNode("div", _hoisted_3$v, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(detailElements.value, (element) => {
               var _a;
-              return openBlock(), createBlock(_sfc_main$14, {
+              return openBlock(), createBlock(_sfc_main$15, {
                 key: element.key,
                 class: "lupa-search-box-product-element",
                 item: _ctx.item,
@@ -9359,7 +10022,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                 badgeOptions.value && ((_a = badgeOptions.value) == null ? void 0 : _a.anchorElementKey) === element.key ? {
                   name: "badges",
                   fn: withCtx(() => [
-                    createVNode(_sfc_main$_, {
+                    createVNode(_sfc_main$$, {
                       options: badgeOptions.value,
                       position: "card"
                     }, null, 8, ["options"])
@@ -9370,7 +10033,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             }), 128))
           ]),
           addToCartElement.value ? (openBlock(), createElementBlock("div", _hoisted_4$o, [
-            createVNode(_sfc_main$14, {
+            createVNode(_sfc_main$15, {
               class: "lupa-search-box-product-element",
               item: _ctx.item,
               element: addToCartElement.value,
@@ -9379,7 +10042,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               isInStock: isInStock.value
             }, null, 8, ["item", "element", "labels", "link", "isInStock"])
           ])) : createCommentVNode("", true)
-        ], 16, _hoisted_1$U);
+        ], 16, _hoisted_1$V);
       };
     }
   });
@@ -9440,8 +10103,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     };
     return { trackSearch, trackResults, trackEvent };
   });
-  const _hoisted_1$T = { id: "lupa-search-box-products" };
-  const _sfc_main$Y = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$U = { id: "lupa-search-box-products" };
+  const _sfc_main$Z = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProducts",
     props: {
       items: {},
@@ -9502,7 +10165,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         handleRoutingEvent(link, event, boxRoutingBehavior.value === "event");
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$T, [
+        return openBlock(), createElementBlock("div", _hoisted_1$U, [
           _ctx.$slots.productCard ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.items, (item, index) => {
             return renderSlot(_ctx.$slots, "productCard", {
               key: index,
@@ -9514,7 +10177,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               itemClicked: handleProductClick
             });
           }), 128)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.items, (item, index) => {
-            return openBlock(), createBlock(_sfc_main$Z, {
+            return openBlock(), createBlock(_sfc_main$_, {
               key: index,
               item,
               panelOptions: _ctx.panelOptions,
@@ -9528,7 +10191,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _sfc_main$X = /* @__PURE__ */ defineComponent({
+  const _sfc_main$Y = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxProductsWrapper",
     props: {
       panel: {},
@@ -9580,7 +10243,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       const getItemsDebounced = debounce$1(getItems, props.debounce);
       return (_ctx, _cache) => {
         var _a, _b;
-        return openBlock(), createBlock(_sfc_main$Y, {
+        return openBlock(), createBlock(_sfc_main$Z, {
           items: (_b = (_a = searchResult.value) == null ? void 0 : _a.items) != null ? _b : [],
           panelOptions: _ctx.panel,
           labels: _ctx.labels,
@@ -9598,7 +10261,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _sfc_main$W = /* @__PURE__ */ defineComponent({
+  const _sfc_main$X = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxRelatedSourceWrapper",
     props: {
       panel: {},
@@ -9670,7 +10333,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       });
       return (_ctx, _cache) => {
         var _a, _b;
-        return openBlock(), createBlock(_sfc_main$Y, {
+        return openBlock(), createBlock(_sfc_main$Z, {
           items: (_b = (_a = searchResult.value) == null ? void 0 : _a.items) != null ? _b : [],
           panelOptions: documentPanelOptions.value,
           labels: _ctx.labels,
@@ -9688,7 +10351,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$S = {
+  const _hoisted_1$T = {
     key: 0,
     id: "lupa-search-box-panel"
   };
@@ -9707,12 +10370,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   };
   const __default__$2 = {
     components: {
-      SearchBoxSuggestionsWrapper: _sfc_main$1e,
-      SearchBoxProductsWrapper: _sfc_main$X,
-      SearchBoxRelatedSourceWrapper: _sfc_main$W
+      SearchBoxSuggestionsWrapper: _sfc_main$1f,
+      SearchBoxProductsWrapper: _sfc_main$Y,
+      SearchBoxRelatedSourceWrapper: _sfc_main$X
     }
   };
-  const _sfc_main$V = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$2), {
+  const _sfc_main$W = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$2), {
     __name: "SearchBoxMainPanel",
     props: {
       options: {},
@@ -9858,7 +10521,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           ref_key: "panelContainer",
           ref: panelContainer
         }, [
-          displayResults.value ? (openBlock(), createElementBlock("div", _hoisted_1$S, [
+          displayResults.value ? (openBlock(), createElementBlock("div", _hoisted_1$T, [
             labels.value.closePanel ? (openBlock(), createElementBlock("a", {
               key: 0,
               class: "lupa-search-box-close-panel",
@@ -9903,18 +10566,18 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                 ], 10, _hoisted_2$F);
               }), 128))
             ], 4),
-            !unref(hasAnyResults) && _ctx.options.showNoResultsPanel ? (openBlock(), createBlock(_sfc_main$1h, {
+            !unref(hasAnyResults) && _ctx.options.showNoResultsPanel ? (openBlock(), createBlock(_sfc_main$1i, {
               key: 1,
               labels: labels.value
             }, null, 8, ["labels"])) : createCommentVNode("", true),
-            unref(hasAnyResults) || !_ctx.options.hideMoreResultsButtonOnNoResults ? (openBlock(), createBlock(_sfc_main$1k, {
+            unref(hasAnyResults) || !_ctx.options.hideMoreResultsButtonOnNoResults ? (openBlock(), createBlock(_sfc_main$1l, {
               key: 2,
               labels: labels.value,
               showTotalCount: (_a = _ctx.options.showTotalCount) != null ? _a : false,
               onGoToResults: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("go-to-results"))
             }, null, 8, ["labels", "showTotalCount"])) : createCommentVNode("", true)
           ])) : displayHistory.value ? (openBlock(), createElementBlock("div", _hoisted_5$e, [
-            createVNode(_sfc_main$1i, {
+            createVNode(_sfc_main$1j, {
               options: _ctx.options.history,
               history: history.value,
               onGoToResults: handleGoToResults,
@@ -9939,9 +10602,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     const elements = getElements(triggers);
     elements.forEach((e) => e == null ? void 0 : e.removeEventListener(BIND_EVENT, event));
   };
-  const _hoisted_1$R = { id: "lupa-search-box" };
+  const _hoisted_1$S = { id: "lupa-search-box" };
   const _hoisted_2$E = { class: "lupa-search-box-wrapper" };
-  const _sfc_main$U = /* @__PURE__ */ defineComponent({
+  const _sfc_main$V = /* @__PURE__ */ defineComponent({
     __name: "SearchBox",
     props: {
       options: {},
@@ -10186,9 +10849,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
       return (_ctx, _cache) => {
         var _a2;
-        return openBlock(), createElementBlock("div", _hoisted_1$R, [
+        return openBlock(), createElementBlock("div", _hoisted_1$S, [
           createBaseVNode("div", _hoisted_2$E, [
-            createVNode(_sfc_main$1l, {
+            createVNode(_sfc_main$1m, {
               options: inputOptions.value,
               suggestedValue: suggestedValue.value,
               "can-close": (_a2 = _ctx.isSearchContainer) != null ? _a2 : false,
@@ -10199,7 +10862,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               onFocus: _cache[0] || (_cache[0] = ($event) => opened.value = true),
               onClose: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("close"))
             }, null, 8, ["options", "suggestedValue", "can-close", "emit-input-on-focus"]),
-            opened.value || _ctx.isSearchContainer ? (openBlock(), createBlock(_sfc_main$V, {
+            opened.value || _ctx.isSearchContainer ? (openBlock(), createBlock(_sfc_main$W, {
               key: 0,
               options: panelOptions.value,
               inputValue: inputValue.value,
@@ -10287,7 +10950,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     }
     return searchParams;
   };
-  const _hoisted_1$Q = {
+  const _hoisted_1$R = {
     key: 0,
     id: "lupa-search-results-did-you-mean"
   };
@@ -10300,7 +10963,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     "data-cy": "did-you-mean-label"
   };
   const _hoisted_4$m = { key: 1 };
-  const _sfc_main$T = /* @__PURE__ */ defineComponent({
+  const _sfc_main$U = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsDidYouMean",
     props: {
       labels: {}
@@ -10332,7 +10995,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         paramStore.goToResults({ searchText, facet });
       };
       return (_ctx, _cache) => {
-        return unref(searchResult).suggestedSearchText || didYouMeanValue.value ? (openBlock(), createElementBlock("div", _hoisted_1$Q, [
+        return unref(searchResult).suggestedSearchText || didYouMeanValue.value ? (openBlock(), createElementBlock("div", _hoisted_1$R, [
           unref(searchResult).suggestedSearchText ? (openBlock(), createElementBlock("div", _hoisted_2$D, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.labels.noResultsSuggestion.split(" "), (label, index) => {
               return openBlock(), createElementBlock("span", { key: index }, [
@@ -10358,12 +11021,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$P = {
+  const _hoisted_1$Q = {
     key: 0,
     class: "lupa-search-results-summary"
   };
   const _hoisted_2$C = ["innerHTML"];
-  const _sfc_main$S = /* @__PURE__ */ defineComponent({
+  const _sfc_main$T = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsSummary",
     props: {
       label: {},
@@ -10378,7 +11041,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         return addParamsToLabel(props.label, range, `<span>${totalItems.value}</span>`);
       });
       return (_ctx, _cache) => {
-        return unref(totalItems) > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$P, [
+        return unref(totalItems) > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$Q, [
           createBaseVNode("div", { innerHTML: summaryLabel.value }, null, 8, _hoisted_2$C),
           _ctx.clearable ? (openBlock(), createElementBlock("span", {
             key: 0,
@@ -10390,7 +11053,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$O = {
+  const _hoisted_1$P = {
     key: 0,
     class: "lupa-result-page-title",
     "data-cy": "lupa-result-page-title"
@@ -10401,7 +11064,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     class: "lupa-results-total-count"
   };
   const _hoisted_4$l = ["innerHTML"];
-  const _sfc_main$R = /* @__PURE__ */ defineComponent({
+  const _sfc_main$S = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsTitle",
     props: {
       options: {},
@@ -10436,12 +11099,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       });
       return (_ctx, _cache) => {
         return openBlock(), createElementBlock("div", null, [
-          showSearchTitle.value ? (openBlock(), createElementBlock("h1", _hoisted_1$O, [
+          showSearchTitle.value ? (openBlock(), createElementBlock("h1", _hoisted_1$P, [
             createTextVNode(toDisplayString(_ctx.options.labels.searchResults), 1),
             queryText.value ? (openBlock(), createElementBlock("span", _hoisted_2$B, "'" + toDisplayString(queryText.value) + "'", 1)) : createCommentVNode("", true),
             showProductCount.value ? (openBlock(), createElementBlock("span", _hoisted_3$s, "(" + toDisplayString(unref(totalItems)) + ")", 1)) : createCommentVNode("", true)
           ])) : createCommentVNode("", true),
-          _ctx.showSummary ? (openBlock(), createBlock(_sfc_main$S, {
+          _ctx.showSummary ? (openBlock(), createBlock(_sfc_main$T, {
             key: 1,
             label: summaryLabel.value
           }, null, 8, ["label"])) : createCommentVNode("", true),
@@ -10454,7 +11117,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$N = { class: "lupa-search-result-filter-value" };
+  const _hoisted_1$O = { class: "lupa-search-result-filter-value" };
   const _hoisted_2$A = {
     class: "lupa-current-filter-label",
     "data-cy": "lupa-current-filter-label"
@@ -10463,7 +11126,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     class: "lupa-current-filter-value",
     "data-cy": "lupa-current-filter-value"
   };
-  const _sfc_main$Q = /* @__PURE__ */ defineComponent({
+  const _sfc_main$R = /* @__PURE__ */ defineComponent({
     __name: "CurrentFilterDisplay",
     props: {
       filter: {}
@@ -10475,7 +11138,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         emit2("remove", { filter: props.filter });
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$N, [
+        return openBlock(), createElementBlock("div", _hoisted_1$O, [
           createBaseVNode("div", {
             class: "lupa-current-filter-action",
             onClick: handleClick
@@ -10486,7 +11149,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$M = { class: "lupa-filter-title-text" };
+  const _hoisted_1$N = { class: "lupa-filter-title-text" };
   const _hoisted_2$z = {
     key: 0,
     class: "lupa-filter-count"
@@ -10496,7 +11159,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     class: "filter-values"
   };
   const _hoisted_4$k = { class: "lupa-current-filter-list" };
-  const _sfc_main$P = /* @__PURE__ */ defineComponent({
+  const _sfc_main$Q = /* @__PURE__ */ defineComponent({
     __name: "CurrentFilters",
     props: {
       options: {},
@@ -10557,7 +11220,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             class: "lupa-current-filter-title",
             onClick: _cache[0] || (_cache[0] = ($event) => isOpen.value = !isOpen.value)
           }, [
-            createBaseVNode("div", _hoisted_1$M, [
+            createBaseVNode("div", _hoisted_1$N, [
               createTextVNode(toDisplayString((_c = (_b = (_a = _ctx.options) == null ? void 0 : _a.labels) == null ? void 0 : _b.title) != null ? _c : "") + " ", 1),
               _ctx.expandable ? (openBlock(), createElementBlock("span", _hoisted_2$z, " (" + toDisplayString(unref(currentFilterCount)) + ") ", 1)) : createCommentVNode("", true)
             ]),
@@ -10569,7 +11232,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           !_ctx.expandable || isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_3$q, [
             createBaseVNode("div", _hoisted_4$k, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(unref(displayFilters), (filter) => {
-                return openBlock(), createBlock(_sfc_main$Q, {
+                return openBlock(), createBlock(_sfc_main$R, {
                   key: filter.key + "_" + filter.value,
                   filter,
                   onRemove: handleRemove
@@ -10586,8 +11249,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$L = ["href"];
-  const _sfc_main$O = /* @__PURE__ */ defineComponent({
+  const _hoisted_1$M = ["href"];
+  const _sfc_main$P = /* @__PURE__ */ defineComponent({
     __name: "CategoryFilterItem",
     props: {
       options: {},
@@ -10624,12 +11287,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             "data-cy": "lupa-child-category-item",
             href: urlLink.value,
             onClick: handleNavigation
-          }, toDisplayString(title.value), 9, _hoisted_1$L)
+          }, toDisplayString(title.value), 9, _hoisted_1$M)
         ], 2);
       };
     }
   });
-  const _hoisted_1$K = {
+  const _hoisted_1$L = {
     class: "lupa-category-filter",
     "data-cy": "lupa-category-filter"
   };
@@ -10637,7 +11300,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   const _hoisted_3$p = ["href"];
   const _hoisted_4$j = ["href"];
   const _hoisted_5$d = { class: "lupa-child-category-list" };
-  const _sfc_main$N = /* @__PURE__ */ defineComponent({
+  const _sfc_main$O = /* @__PURE__ */ defineComponent({
     __name: "CategoryFilter",
     props: {
       options: {}
@@ -10723,7 +11386,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
       __expose({ fetch: fetch2 });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$K, [
+        return openBlock(), createElementBlock("div", _hoisted_1$L, [
           createBaseVNode("div", _hoisted_2$y, [
             hasBackButton.value ? (openBlock(), createElementBlock("a", {
               key: 0,
@@ -10744,7 +11407,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           ], 2),
           createBaseVNode("div", _hoisted_5$d, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(categoryChildren.value, (child) => {
-              return openBlock(), createBlock(_sfc_main$O, {
+              return openBlock(), createBlock(_sfc_main$P, {
                 key: getCategoryKey(child),
                 item: child,
                 options: _ctx.options
@@ -10755,7 +11418,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$J = {
+  const _hoisted_1$K = {
     class: "lupa-search-result-facet-term-values",
     "data-cy": "lupa-search-result-facet-term-values"
   };
@@ -10771,7 +11434,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   };
   const _hoisted_9$1 = { key: 0 };
   const _hoisted_10$1 = { key: 1 };
-  const _sfc_main$M = /* @__PURE__ */ defineComponent({
+  const _sfc_main$N = /* @__PURE__ */ defineComponent({
     __name: "TermFacet",
     props: {
       options: {},
@@ -10840,7 +11503,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         return selectedItems == null ? void 0 : selectedItems.includes((_b = item.title) == null ? void 0 : _b.toString());
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$J, [
+        return openBlock(), createElementBlock("div", _hoisted_1$K, [
           isFilterable.value ? withDirectives((openBlock(), createElementBlock("input", {
             key: 0,
             class: "lupa-term-filter",
@@ -11858,7 +12521,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   m.render = function(e, t, r, i, n, o) {
     return openBlock(), createElementBlock("div", mergeProps(e.sliderProps, { ref: "slider" }), null, 16);
   }, m.__file = "src/Slider.vue";
-  const _hoisted_1$I = { class: "lupa-search-result-facet-stats-values" };
+  const _hoisted_1$J = { class: "lupa-search-result-facet-stats-values" };
   const _hoisted_2$w = {
     key: 0,
     class: "lupa-stats-facet-summary"
@@ -11886,7 +12549,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     key: 2,
     class: "lupa-stats-slider-wrapper"
   };
-  const _sfc_main$L = /* @__PURE__ */ defineComponent({
+  const _sfc_main$M = /* @__PURE__ */ defineComponent({
     __name: "StatsFacet",
     props: {
       options: {},
@@ -12055,7 +12718,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         innerSliderRange.value = value;
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$I, [
+        return openBlock(), createElementBlock("div", _hoisted_1$J, [
           !isInputVisible.value ? (openBlock(), createElementBlock("div", _hoisted_2$w, toDisplayString(statsSummary.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$n, [
             createBaseVNode("div", null, [
               rangeLabelFrom.value ? (openBlock(), createElementBlock("div", _hoisted_4$h, toDisplayString(rangeLabelFrom.value), 1)) : createCommentVNode("", true),
@@ -12122,7 +12785,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$H = { class: "lupa-term-checkbox-wrapper" };
+  const _hoisted_1$I = { class: "lupa-term-checkbox-wrapper" };
   const _hoisted_2$v = { class: "lupa-term-checkbox-label" };
   const _hoisted_3$m = { class: "lupa-term-label" };
   const _hoisted_4$g = {
@@ -12133,7 +12796,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     key: 0,
     class: "lupa-facet-level"
   };
-  const _sfc_main$K = /* @__PURE__ */ defineComponent({
+  const _sfc_main$L = /* @__PURE__ */ defineComponent({
     __name: "HierarchyFacetLevel",
     props: {
       options: {},
@@ -12179,7 +12842,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             "data-cy": "lupa-facet-term",
             onClick: _cache[0] || (_cache[0] = ($event) => handleFacetClick(_ctx.item))
           }, [
-            createBaseVNode("div", _hoisted_1$H, [
+            createBaseVNode("div", _hoisted_1$I, [
               createBaseVNode("span", {
                 class: normalizeClass(["lupa-term-checkbox", { checked: isChecked.value }])
               }, null, 2)
@@ -12205,13 +12868,13 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$G = {
+  const _hoisted_1$H = {
     class: "lupa-search-result-facet-term-values lupa-search-result-facet-hierarchy-values",
     "data-cy": "lupa-search-result-facet-term-values"
   };
   const _hoisted_2$u = { key: 0 };
   const _hoisted_3$l = ["placeholder"];
-  const _sfc_main$J = /* @__PURE__ */ defineComponent({
+  const _sfc_main$K = /* @__PURE__ */ defineComponent({
     __name: "HierarchyFacet",
     props: {
       options: {},
@@ -12261,7 +12924,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         showAll.value = true;
       };
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("div", _hoisted_1$G, [
+        return openBlock(), createElementBlock("div", _hoisted_1$H, [
           isFilterable.value ? (openBlock(), createElementBlock("div", _hoisted_2$u, [
             withDirectives(createBaseVNode("input", {
               class: "lupa-term-filter",
@@ -12273,7 +12936,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             ])
           ])) : createCommentVNode("", true),
           (openBlock(true), createElementBlock(Fragment, null, renderList(displayValues.value, (item) => {
-            return openBlock(), createBlock(_sfc_main$K, {
+            return openBlock(), createBlock(_sfc_main$L, {
               key: item.title,
               options: _ctx.options,
               item,
@@ -12293,7 +12956,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$F = { class: "lupa-facet-label-text" };
+  const _hoisted_1$G = { class: "lupa-facet-label-text" };
   const _hoisted_2$t = {
     key: 0,
     class: "lupa-facet-content",
@@ -12301,12 +12964,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   };
   const __default__$1 = {
     components: {
-      TermFacet: _sfc_main$M,
-      StatsFacet: _sfc_main$L,
-      HierarchyFacet: _sfc_main$J
+      TermFacet: _sfc_main$N,
+      StatsFacet: _sfc_main$M,
+      HierarchyFacet: _sfc_main$K
     }
   };
-  const _sfc_main$I = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$1), {
+  const _sfc_main$J = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$1), {
     __name: "FacetDisplay",
     props: {
       options: {},
@@ -12418,7 +13081,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             "data-cy": "lupa-search-result-facet-label",
             onClick: toggleFacet
           }, [
-            createBaseVNode("div", _hoisted_1$F, toDisplayString(facet.value.label), 1),
+            createBaseVNode("div", _hoisted_1$G, toDisplayString(facet.value.label), 1),
             createBaseVNode("div", {
               class: normalizeClass(["lupa-facet-label-caret", isOpen.value && "open"])
             }, null, 2)
@@ -12441,12 +13104,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   }));
-  const _hoisted_1$E = { class: "lupa-search-result-facet-section" };
+  const _hoisted_1$F = { class: "lupa-search-result-facet-section" };
   const _hoisted_2$s = {
     key: 0,
     class: "lupa-facets-title"
   };
-  const _sfc_main$H = /* @__PURE__ */ defineComponent({
+  const _sfc_main$I = /* @__PURE__ */ defineComponent({
     __name: "FacetList",
     props: {
       options: {},
@@ -12480,14 +13143,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
       return (_ctx, _cache) => {
         var _a;
-        return openBlock(), createElementBlock("div", _hoisted_1$E, [
+        return openBlock(), createElementBlock("div", _hoisted_1$F, [
           _ctx.options.labels.title ? (openBlock(), createElementBlock("div", _hoisted_2$s, toDisplayString(_ctx.options.labels.title), 1)) : createCommentVNode("", true),
           createBaseVNode("div", {
             class: normalizeClass(["lupa-search-result-facet-list", "lupa-" + ((_a = _ctx.facetStyle) != null ? _a : "")])
           }, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(displayFacets.value, (facet) => {
               var _a2;
-              return openBlock(), createBlock(_sfc_main$I, {
+              return openBlock(), createBlock(_sfc_main$J, {
                 key: facet.key,
                 facet,
                 currentFilters: currentFiltersValue.value,
@@ -12502,6 +13165,31 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
+  const _hoisted_1$E = ["onClick"];
+  const _sfc_main$H = /* @__PURE__ */ defineComponent({
+    __name: "FacetsButton",
+    props: {
+      options: {}
+    },
+    emits: ["filter"],
+    setup(__props, { emit: emit2 }) {
+      const props = __props;
+      const label = computed(() => {
+        var _a, _b;
+        return (_b = (_a = props.options.labels) == null ? void 0 : _a.facetFilterButton) != null ? _b : "";
+      });
+      const handleClick = () => {
+        emit2("filter");
+      };
+      return (_ctx, _cache) => {
+        return label.value ? (openBlock(), createElementBlock("button", {
+          key: 0,
+          class: "lupa-facets-button-filter",
+          onClick: withModifiers(handleClick, ["stop"])
+        }, toDisplayString(label.value), 9, _hoisted_1$E)) : createCommentVNode("", true);
+      };
+    }
+  });
   const _hoisted_1$D = { class: "lupa-search-result-facets" };
   const _sfc_main$G = /* @__PURE__ */ defineComponent({
     __name: "Facets",
@@ -12510,7 +13198,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       facetStyle: {},
       clearable: { type: Boolean }
     },
-    setup(__props) {
+    emits: ["filter"],
+    setup(__props, { emit: emit2 }) {
       const props = __props;
       const paramStore = useParamsStore();
       const searchResultStore = useSearchResultStore();
@@ -12540,6 +13229,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           timeout: (_f = (_e = searchResultOptions.value.scrollToResults) == null ? void 0 : _e.timeout) != null ? _f : 500
         };
       });
+      const showFilterButton = computed(() => {
+        return props.options.filterBehavior === "withFilterButton";
+      });
       const handleFacetSelect = (facetAction) => {
         switch (facetAction.type) {
           case "terms":
@@ -12578,9 +13270,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         const param = getFacetKey(facet.key, facet.type);
         paramStore.removeParameters({ paramsToRemove: [param] });
       };
+      const filter = () => {
+        emit2("filter");
+      };
       return (_ctx, _cache) => {
         return openBlock(), createElementBlock("div", _hoisted_1$D, [
-          regularFacets.value ? (openBlock(), createBlock(_sfc_main$H, {
+          regularFacets.value ? (openBlock(), createBlock(_sfc_main$I, {
             key: 0,
             options: _ctx.options,
             facets: regularFacets.value,
@@ -12589,7 +13284,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             clearable: _ctx.clearable,
             onSelect: handleFacetSelect,
             onClear: clear2
-          }, null, 8, ["options", "facets", "currentFilters", "facetStyle", "clearable"])) : createCommentVNode("", true)
+          }, null, 8, ["options", "facets", "currentFilters", "facetStyle", "clearable"])) : createCommentVNode("", true),
+          showFilterButton.value ? (openBlock(), createBlock(_sfc_main$H, {
+            key: 1,
+            options: _ctx.options,
+            onFilter: filter
+          }, null, 8, ["options"])) : createCommentVNode("", true)
         ]);
       };
     }
@@ -12604,7 +13304,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       options: {},
       expandable: { type: Boolean }
     },
-    setup(__props, { expose: __expose }) {
+    emits: ["filter"],
+    setup(__props, { expose: __expose, emit: emit2 }) {
       const props = __props;
       const categoryFilters = ref(null);
       const desktopFiltersVisible = computed(() => {
@@ -12618,6 +13319,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       const showCurrentFilters = computed(() => {
         return currentFiltersVisible.value ? Boolean(props.options.facets) : false;
       });
+      const filter = () => {
+        emit2("filter");
+      };
       const fetch2 = () => {
         var _a;
         if (categoryFilters.value) {
@@ -12628,12 +13332,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       return (_ctx, _cache) => {
         var _a;
         return openBlock(), createElementBlock("div", _hoisted_1$C, [
-          showCurrentFilters.value ? (openBlock(), createBlock(_sfc_main$P, {
+          showCurrentFilters.value ? (openBlock(), createBlock(_sfc_main$Q, {
             key: 0,
             options: _ctx.options.currentFilters,
             expandable: (_a = _ctx.expandable) != null ? _a : false
           }, null, 8, ["options", "expandable"])) : createCommentVNode("", true),
-          _ctx.options.categories ? (openBlock(), createBlock(_sfc_main$N, {
+          _ctx.options.categories ? (openBlock(), createBlock(_sfc_main$O, {
             key: 1,
             options: _ctx.options.categories,
             ref_key: "categoryFilters",
@@ -12641,7 +13345,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           }, null, 8, ["options"])) : createCommentVNode("", true),
           _ctx.options.facets ? (openBlock(), createBlock(_sfc_main$G, {
             key: 2,
-            options: _ctx.options.facets
+            options: _ctx.options.facets,
+            onFilter: filter
           }, null, 8, ["options"])) : createCommentVNode("", true)
         ]);
       };
@@ -12665,7 +13370,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     props: {
       options: {}
     },
-    setup(__props) {
+    emits: ["filter"],
+    setup(__props, { emit: emit2 }) {
       const props = __props;
       const searchResultStore = useSearchResultStore();
       const { currentFilterCount } = storeToRefs(searchResultStore);
@@ -12685,6 +13391,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       const handleMobileToggle = () => {
         searchResultStore.setSidebarState({ visible: false });
       };
+      const filter = () => {
+        emit2("filter");
+        handleMobileToggle();
+      };
       return (_ctx, _cache) => {
         return isMobileSidebarVisible.value ? (openBlock(), createElementBlock("div", _hoisted_1$B, [
           createBaseVNode("div", {
@@ -12705,7 +13415,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             createBaseVNode("div", _hoisted_7$4, [
               createVNode(_sfc_main$F, {
                 options: _ctx.options,
-                expandable: isActiveFiltersExpanded.value
+                expandable: isActiveFiltersExpanded.value,
+                onFilter: filter
               }, null, 8, ["options", "expandable"])
             ])
           ])
@@ -12776,7 +13487,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     props: {
       options: {}
     },
-    setup(__props) {
+    emits: ["filter"],
+    setup(__props, { emit: emit2 }) {
+      const filter = () => {
+        emit2("filter");
+      };
       return (_ctx, _cache) => {
         var _a;
         return openBlock(), createElementBlock("div", _hoisted_1$z, [
@@ -12784,7 +13499,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             key: 0,
             options: _ctx.options.facets,
             "facet-style": (_a = _ctx.options.facets.style) == null ? void 0 : _a.type,
-            clearable: true
+            clearable: true,
+            onFilter: filter
           }, null, 8, ["options", "facet-style"])) : createCommentVNode("", true)
         ]);
       };
@@ -13221,7 +13937,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         }, [
           createBaseVNode("div", _hoisted_1$t, [
             showLayoutSelection.value ? (openBlock(), createBlock(_sfc_main$B, { key: 0 })) : (openBlock(), createElementBlock("div", _hoisted_2$m)),
-            showItemSummary.value ? (openBlock(), createBlock(_sfc_main$S, {
+            showItemSummary.value ? (openBlock(), createBlock(_sfc_main$T, {
               key: 2,
               label: searchSummaryLabel.value,
               clearable: unref(hasAnyFilter) && showFilterClear.value,
@@ -13262,7 +13978,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     },
     setup(__props) {
       return (_ctx, _cache) => {
-        return openBlock(), createBlock(_sfc_main$1d, {
+        return openBlock(), createBlock(_sfc_main$1e, {
           item: _ctx.item,
           options: _ctx.options,
           "wrapper-class": "lupa-search-results-image-wrapper",
@@ -13900,7 +14616,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           "data-cy": "lupa-search-result-product-card",
           class: ["lupa-search-result-product-card", !isInStock.value ? "lupa-out-of-stock" : ""]
         }, customDocumentHtmlAttributes.value, { onClick: handleClick }), [
-          createVNode(_sfc_main$_, { options: badgesOptions.value }, null, 8, ["options"]),
+          createVNode(_sfc_main$$, { options: badgesOptions.value }, null, 8, ["options"]),
           createBaseVNode("div", {
             class: normalizeClass(["lupa-search-result-product-contents", listLayoutClass.value])
           }, [
@@ -13920,7 +14636,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                   link: link.value
                 }, null, 8, ["item", "element", "labels", "inStock", "link"]);
               }), 128)),
-              createVNode(_sfc_main$_, {
+              createVNode(_sfc_main$$, {
                 options: badgesOptions.value,
                 position: "image",
                 class: "lupa-image-badges"
@@ -14263,7 +14979,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       options: {},
       ssr: { type: Boolean }
     },
-    setup(__props) {
+    emits: ["filter"],
+    setup(__props, { emit: emit2 }) {
       const props = __props;
       const searchResultStore = useSearchResultStore();
       const paramStore = useParamsStore();
@@ -14354,6 +15071,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           params: [{ name: optionStore.getQueryParamName(QUERY_PARAMS$1.PAGE), value: "1" }]
         });
       };
+      const filter = () => {
+        emit2("filter");
+      };
       return (_ctx, _cache) => {
         var _a;
         return openBlock(), createElementBlock("div", _hoisted_1$d, [
@@ -14370,9 +15090,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               key: 1,
               class: "lupa-toolbar-mobile",
               options: _ctx.options,
-              "pagination-location": "top"
+              "pagination-location": "top",
+              onFilter: filter
             }, null, 8, ["options"])) : createCommentVNode("", true),
-            currentFilterOptions.value ? (openBlock(), createBlock(_sfc_main$P, {
+            currentFilterOptions.value ? (openBlock(), createBlock(_sfc_main$Q, {
               key: 2,
               class: normalizeClass(currentFiltersClass.value),
               "data-cy": "lupa-search-result-filters-mobile-toolbar",
@@ -14727,8 +15448,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           class: normalizeClass(["lupa-search-result-wrapper", { "lupa-search-wrapper-no-results": !unref(hasResults) }])
         }, [
           _ctx.isContainer ? (openBlock(), createElementBlock("div", _hoisted_1$b, [
-            createVNode(_sfc_main$T, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
-            createVNode(_sfc_main$R, {
+            createVNode(_sfc_main$U, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
+            createVNode(_sfc_main$S, {
               "show-summary": true,
               options: _ctx.options,
               "is-product-list": (_a = _ctx.isProductList) != null ? _a : false
@@ -14740,7 +15461,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           }, null, 8, ["options"])) : createCommentVNode("", true),
           _ctx.options.filters ? (openBlock(), createBlock(_sfc_main$E, {
             key: 2,
-            options: _ctx.options.filters
+            options: _ctx.options.filters,
+            onFilter: handleParamsChange
           }, null, 8, ["options"])) : createCommentVNode("", true),
           unref(currentQueryText) || _ctx.isProductList ? (openBlock(), createBlock(_sfc_main$D, {
             key: 3,
@@ -14751,17 +15473,19 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               key: 0,
               options: (_b = _ctx.options.filters) != null ? _b : {},
               ref_key: "searchResultsFilters",
-              ref: searchResultsFilters
+              ref: searchResultsFilters,
+              onFilter: handleParamsChange
             }, null, 8, ["options"])) : createCommentVNode("", true),
             createBaseVNode("div", _hoisted_3$4, [
-              createVNode(_sfc_main$T, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
-              createVNode(_sfc_main$R, {
+              createVNode(_sfc_main$U, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
+              createVNode(_sfc_main$S, {
                 options: _ctx.options,
                 "is-product-list": (_c = _ctx.isProductList) != null ? _c : false
               }, null, 8, ["options", "is-product-list"]),
               createVNode(_sfc_main$e, {
                 options: _ctx.options,
-                ssr: ssrEnabled.value
+                ssr: ssrEnabled.value,
+                onFilter: handleParamsChange
               }, {
                 append: withCtx(() => [
                   renderSlot(_ctx.$slots, "default")
@@ -14770,8 +15494,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               }, 8, ["options", "ssr"])
             ])
           ])) : (openBlock(), createElementBlock(Fragment, { key: 5 }, [
-            createVNode(_sfc_main$T, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
-            createVNode(_sfc_main$R, {
+            createVNode(_sfc_main$U, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
+            createVNode(_sfc_main$S, {
               options: _ctx.options,
               "is-product-list": (_d = _ctx.isProductList) != null ? _d : false
             }, null, 8, ["options", "is-product-list"]),
@@ -14780,11 +15504,13 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                 key: 0,
                 options: (_e = _ctx.options.filters) != null ? _e : {},
                 ref_key: "searchResultsFilters",
-                ref: searchResultsFilters
+                ref: searchResultsFilters,
+                onFilter: handleParamsChange
               }, null, 8, ["options"])) : createCommentVNode("", true),
               createVNode(_sfc_main$e, {
                 options: _ctx.options,
-                ssr: ssrEnabled.value
+                ssr: ssrEnabled.value,
+                onFilter: handleParamsChange
               }, createSlots({
                 append: withCtx(() => [
                   renderSlot(_ctx.$slots, "default")
@@ -17314,8 +18040,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         function createRelationalOperation(operator) {
           return function(value, other) {
             if (!(typeof value == "string" && typeof other == "string")) {
-              value = toNumber(value);
-              other = toNumber(other);
+              value = toNumber2(value);
+              other = toNumber2(other);
             }
             return operator(value, other);
           };
@@ -17349,7 +18075,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         function createRound(methodName) {
           var func = Math2[methodName];
           return function(number, precision) {
-            number = toNumber(number);
+            number = toNumber2(number);
             precision = precision == null ? 0 : nativeMin(toInteger(precision), 292);
             if (precision && nativeIsFinite(number)) {
               var pair = (toString(number) + "e").split("e"), value = func(pair[0] + "e" + (+pair[1] + precision));
@@ -18707,11 +19433,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           if (typeof func != "function") {
             throw new TypeError2(FUNC_ERROR_TEXT);
           }
-          wait = toNumber(wait) || 0;
+          wait = toNumber2(wait) || 0;
           if (isObject2(options)) {
             leading = !!options.leading;
             maxing = "maxWait" in options;
-            maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;
+            maxWait = maxing ? nativeMax(toNumber2(options.maxWait) || 0, wait) : maxWait;
             trailing = "trailing" in options ? !!options.trailing : trailing;
           }
           function invokeFunc(time) {
@@ -18787,7 +19513,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           return baseDelay(func, 1, args);
         });
         var delay = baseRest(function(func, wait, args) {
-          return baseDelay(func, toNumber(wait) || 0, args);
+          return baseDelay(func, toNumber2(wait) || 0, args);
         });
         function flip(func) {
           return createWrap(func, WRAP_FLIP_FLAG);
@@ -19084,7 +19810,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           if (!value) {
             return value === 0 ? value : 0;
           }
-          value = toNumber(value);
+          value = toNumber2(value);
           if (value === INFINITY || value === -INFINITY) {
             var sign = value < 0 ? -1 : 1;
             return sign * MAX_INTEGER;
@@ -19098,7 +19824,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         function toLength(value) {
           return value ? baseClamp(toInteger(value), 0, MAX_ARRAY_LENGTH) : 0;
         }
-        function toNumber(value) {
+        function toNumber2(value) {
           if (typeof value == "number") {
             return value;
           }
@@ -19361,14 +20087,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             lower = undefined$1;
           }
           if (upper !== undefined$1) {
-            upper = toNumber(upper);
+            upper = toNumber2(upper);
             upper = upper === upper ? upper : 0;
           }
           if (lower !== undefined$1) {
-            lower = toNumber(lower);
+            lower = toNumber2(lower);
             lower = lower === lower ? lower : 0;
           }
-          return baseClamp(toNumber(number), lower, upper);
+          return baseClamp(toNumber2(number), lower, upper);
         }
         function inRange(number, start, end) {
           start = toFinite(start);
@@ -19378,7 +20104,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           } else {
             end = toFinite(end);
           }
-          number = toNumber(number);
+          number = toNumber2(number);
           return baseInRange(number, start, end);
         }
         function random(lower, upper, floating) {
@@ -20164,7 +20890,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         lodash2.toInteger = toInteger;
         lodash2.toLength = toLength;
         lodash2.toLower = toLower;
-        lodash2.toNumber = toNumber;
+        lodash2.toNumber = toNumber2;
         lodash2.toSafeInteger = toSafeInteger;
         lodash2.toString = toString;
         lodash2.toUpper = toUpper;
@@ -20406,7 +21132,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             onClick: withModifiers(innerClick, ["stop"])
           }, [
             createBaseVNode("div", _hoisted_2$7, [
-              createVNode(_sfc_main$U, {
+              createVNode(_sfc_main$V, {
                 options: fullSearchBoxOptions.value,
                 "is-search-container": true,
                 ref_key: "searchBox",
@@ -21777,7 +22503,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     class: "lupa-chat-spinner-main"
   };
   const _hoisted_5 = { class: "lupasearch-chat-input" };
-  const _sfc_main$1m = /* @__PURE__ */ defineComponent({
+  const _sfc_main$1n = /* @__PURE__ */ defineComponent({
     __name: "ChatContainer",
     props: {
       options: {}
@@ -24310,8 +25036,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         function createRelationalOperation(operator) {
           return function(value, other) {
             if (!(typeof value == "string" && typeof other == "string")) {
-              value = toNumber(value);
-              other = toNumber(other);
+              value = toNumber2(value);
+              other = toNumber2(other);
             }
             return operator(value, other);
           };
@@ -24345,7 +25071,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         function createRound(methodName) {
           var func = Math2[methodName];
           return function(number, precision) {
-            number = toNumber(number);
+            number = toNumber2(number);
             precision = precision == null ? 0 : nativeMin(toInteger(precision), 292);
             if (precision && nativeIsFinite(number)) {
               var pair = (toString(number) + "e").split("e"), value = func(pair[0] + "e" + (+pair[1] + precision));
@@ -25703,11 +26429,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           if (typeof func != "function") {
             throw new TypeError2(FUNC_ERROR_TEXT);
           }
-          wait = toNumber(wait) || 0;
+          wait = toNumber2(wait) || 0;
           if (isObject2(options)) {
             leading = !!options.leading;
             maxing = "maxWait" in options;
-            maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;
+            maxWait = maxing ? nativeMax(toNumber2(options.maxWait) || 0, wait) : maxWait;
             trailing = "trailing" in options ? !!options.trailing : trailing;
           }
           function invokeFunc(time) {
@@ -25783,7 +26509,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           return baseDelay(func, 1, args);
         });
         var delay = baseRest(function(func, wait, args) {
-          return baseDelay(func, toNumber(wait) || 0, args);
+          return baseDelay(func, toNumber2(wait) || 0, args);
         });
         function flip(func) {
           return createWrap(func, WRAP_FLIP_FLAG);
@@ -26080,7 +26806,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           if (!value) {
             return value === 0 ? value : 0;
           }
-          value = toNumber(value);
+          value = toNumber2(value);
           if (value === INFINITY || value === -INFINITY) {
             var sign = value < 0 ? -1 : 1;
             return sign * MAX_INTEGER;
@@ -26094,7 +26820,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         function toLength(value) {
           return value ? baseClamp(toInteger(value), 0, MAX_ARRAY_LENGTH) : 0;
         }
-        function toNumber(value) {
+        function toNumber2(value) {
           if (typeof value == "number") {
             return value;
           }
@@ -26357,14 +27083,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             lower = undefined$1;
           }
           if (upper !== undefined$1) {
-            upper = toNumber(upper);
+            upper = toNumber2(upper);
             upper = upper === upper ? upper : 0;
           }
           if (lower !== undefined$1) {
-            lower = toNumber(lower);
+            lower = toNumber2(lower);
             lower = lower === lower ? lower : 0;
           }
-          return baseClamp(toNumber(number), lower, upper);
+          return baseClamp(toNumber2(number), lower, upper);
         }
         function inRange(number, start, end) {
           start = toFinite(start);
@@ -26374,7 +27100,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           } else {
             end = toFinite(end);
           }
-          number = toNumber(number);
+          number = toNumber2(number);
           return baseInRange(number, start, end);
         }
         function random(lower, upper, floating) {
@@ -27160,7 +27886,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         lodash2.toInteger = toInteger;
         lodash2.toLength = toLength;
         lodash2.toLower = toLower;
-        lodash2.toNumber = toNumber;
+        lodash2.toNumber = toNumber2;
         lodash2.toSafeInteger = toSafeInteger;
         lodash2.toString = toString;
         lodash2.toUpper = toUpper;
@@ -27418,7 +28144,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
       __expose({ fetch: fetch2 });
       return (_ctx, _cache) => {
-        return openBlock(), createBlock(unref(_sfc_main$U), {
+        return openBlock(), createBlock(unref(_sfc_main$V), {
           options: fullSearchBoxOptions.value,
           ref_key: "searchBox",
           ref: searchBox2
@@ -28255,7 +28981,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       }
       return;
     }
-    const instance = createVue(options.displayOptions.containerSelector, _sfc_main$1m, {
+    const instance = createVue(options.displayOptions.containerSelector, _sfc_main$1n, {
       options
     });
     if (!instance) {