@getlupa/client 1.10.3 → 1.11.1

package/dist/lupaSearch.js

@@ -104,6 +104,10 @@ const looseToNumber = (val) => {
   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 : {});
@@ -2002,6 +2006,319 @@ function invokeDirectiveHook(vnode, prevVNode, instance, name) {
     }
   }
 }
+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
@@ -2373,7 +2690,7 @@ function applyOptions(instance) {
   const ctx = instance.ctx;
   shouldCacheAccess = false;
   if (options.beforeCreate) {
-    callHook(options.beforeCreate, instance, "bc");
+    callHook$1(options.beforeCreate, instance, "bc");
   }
   const {
     // state
@@ -2460,7 +2777,7 @@ function applyOptions(instance) {
     });
   }
   if (created) {
-    callHook(created, instance, "c");
+    callHook$1(created, instance, "c");
   }
   function registerLifecycleHook(register, hook) {
     if (isArray(hook)) {
@@ -2538,7 +2855,7 @@ function resolveInjections(injectOptions, ctx, checkDuplicateProperties = NOOP)
     }
   }
 }
-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,
@@ -5040,6 +5357,7 @@ function createComponentInstance(vnode, parent, suspense) {
   return instance;
 }
 let currentInstance = null;
+const getCurrentInstance = () => currentInstance || currentRenderingInstance;
 let internalSetCurrentInstance;
 let globalCurrentInstanceSetters;
 let settersKey = "__VUE_INSTANCE_SETTERS__";
@@ -5570,6 +5888,268 @@ function shouldSetAsProp(el, key, value, isSVG) {
   }
   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;
@@ -7865,7 +8445,7 @@ const useSearchBoxStore = defineStore("searchBox", () => {
     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"];
@@ -7874,7 +8454,7 @@ const _hoisted_6$9 = {
   key: 0,
   class: "lupa-close-label"
 };
-const _sfc_main$1l = /* @__PURE__ */ defineComponent({
+const _sfc_main$1m = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxInput",
   props: {
     options: {},
@@ -7955,7 +8535,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
     };
     __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 }]),
@@ -7997,7 +8577,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$1k = /* @__PURE__ */ defineComponent({
+const _sfc_main$1l = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxMoreResults",
   props: {
     labels: {},
@@ -8029,9 +8609,9 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {},
@@ -8047,7 +8627,7 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
       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 }]),
@@ -8062,11 +8642,11 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {}
@@ -8107,9 +8687,9 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
       }
     };
     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,
@@ -8125,19 +8705,19 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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",
@@ -8156,7 +8736,7 @@ const _hoisted_5$g = {
   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: {},
@@ -8192,7 +8772,7 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
           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)
@@ -8201,11 +8781,11 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {},
@@ -8265,9 +8845,9 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
       });
     });
     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,
@@ -8295,7 +8875,7 @@ const debounce$1 = (func, timeout) => {
     }, timeout);
   };
 };
-const _sfc_main$1e = /* @__PURE__ */ defineComponent({
+const _sfc_main$1f = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxSuggestionsWrapper",
   props: {
     panel: {},
@@ -8336,7 +8916,7 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
     };
     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,
@@ -8424,8 +9004,23 @@ const joinUrlParts = (...parts) => {
   }
   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: {},
@@ -8435,33 +9030,73 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
   },
   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;
@@ -8470,20 +9105,48 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
       }
       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: {},
@@ -8491,7 +9154,7 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
   },
   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",
@@ -8500,12 +9163,12 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {},
@@ -8525,18 +9188,18 @@ const _sfc_main$1b = /* @__PURE__ */ defineComponent({
         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: {},
@@ -8556,12 +9219,12 @@ const _sfc_main$1a = /* @__PURE__ */ defineComponent({
         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: {},
@@ -8579,14 +9242,14 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
       );
     });
     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: {},
@@ -8604,16 +9267,16 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
       );
     });
     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: {},
@@ -8639,7 +9302,7 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
         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)), [
@@ -8651,8 +9314,8 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {},
@@ -8672,7 +9335,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
       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);
     };
   }
 });
@@ -8870,10 +9533,10 @@ const useSearchResultStore = defineStore("searchResult", () => {
     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: {},
@@ -8900,7 +9563,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
       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"]),
@@ -8914,23 +9577,23 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {},
@@ -8988,7 +9651,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValu
           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,
@@ -9002,14 +9665,14 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValu
     };
   }
 }));
-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: {},
@@ -9042,7 +9705,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
         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
@@ -9054,8 +9717,8 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {}
@@ -9081,9 +9744,9 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
       })).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
@@ -9093,8 +9756,8 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {}
@@ -9113,12 +9776,12 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
       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: {}
@@ -9133,7 +9796,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
       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",
@@ -9144,9 +9807,9 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {}
@@ -9166,7 +9829,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
       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",
@@ -9181,15 +9844,15 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {},
@@ -9245,7 +9908,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
       }
     };
     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)
@@ -9256,7 +9919,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
               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)
@@ -9265,14 +9928,14 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
     };
   }
 }));
-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: {},
@@ -9333,7 +9996,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
       }), [
         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,
@@ -9346,7 +10009,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
         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,
@@ -9357,7 +10020,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
               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"])
@@ -9368,7 +10031,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
           }), 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,
@@ -9377,7 +10040,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
             isInStock: isInStock.value
           }, null, 8, ["item", "element", "labels", "link", "isInStock"])
         ])) : createCommentVNode("", true)
-      ], 16, _hoisted_1$U);
+      ], 16, _hoisted_1$V);
     };
   }
 });
@@ -9438,8 +10101,8 @@ const useTrackingStore = defineStore("tracking", () => {
   };
   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: {},
@@ -9500,7 +10163,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
       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,
@@ -9512,7 +10175,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
             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,
@@ -9526,7 +10189,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$X = /* @__PURE__ */ defineComponent({
+const _sfc_main$Y = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxProductsWrapper",
   props: {
     panel: {},
@@ -9578,7 +10241,7 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
     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,
@@ -9596,7 +10259,7 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$W = /* @__PURE__ */ defineComponent({
+const _sfc_main$X = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxRelatedSourceWrapper",
   props: {
     panel: {},
@@ -9668,7 +10331,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
     });
     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,
@@ -9686,7 +10349,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$S = {
+const _hoisted_1$T = {
   key: 0,
   id: "lupa-search-box-panel"
 };
@@ -9705,12 +10368,12 @@ const _hoisted_5$e = {
 };
 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: {},
@@ -9856,7 +10519,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
         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",
@@ -9901,18 +10564,18 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
               ], 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,
@@ -9937,9 +10600,9 @@ const unbindSearchTriggers = (triggers = [], event) => {
   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: {},
@@ -10184,9 +10847,9 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
     };
     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,
@@ -10197,7 +10860,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
             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,
@@ -10285,7 +10948,7 @@ const getSearchParams = (url, params, baseUrl) => {
   }
   return searchParams;
 };
-const _hoisted_1$Q = {
+const _hoisted_1$R = {
   key: 0,
   id: "lupa-search-results-did-you-mean"
 };
@@ -10298,7 +10961,7 @@ const _hoisted_3$t = {
   "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: {}
@@ -10330,7 +10993,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
       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 }, [
@@ -10356,12 +11019,12 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {},
@@ -10376,7 +11039,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
       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,
@@ -10388,7 +11051,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$O = {
+const _hoisted_1$P = {
   key: 0,
   class: "lupa-result-page-title",
   "data-cy": "lupa-result-page-title"
@@ -10399,7 +11062,7 @@ const _hoisted_3$s = {
   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: {},
@@ -10434,12 +11097,12 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
     });
     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),
@@ -10452,7 +11115,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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"
@@ -10461,7 +11124,7 @@ const _hoisted_3$r = {
   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: {}
@@ -10473,7 +11136,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
       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
@@ -10484,7 +11147,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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"
@@ -10494,7 +11157,7 @@ const _hoisted_3$q = {
   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: {},
@@ -10555,7 +11218,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
           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)
           ]),
@@ -10567,7 +11230,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
         !_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
@@ -10584,8 +11247,8 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {},
@@ -10622,12 +11285,12 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
           "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"
 };
@@ -10635,7 +11298,7 @@ const _hoisted_2$y = { class: "lupa-category-back" };
 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: {}
@@ -10721,7 +11384,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
     };
     __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,
@@ -10742,7 +11405,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
         ], 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
@@ -10753,7 +11416,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$J = {
+const _hoisted_1$K = {
   class: "lupa-search-result-facet-term-values",
   "data-cy": "lupa-search-result-facet-term-values"
 };
@@ -10769,7 +11432,7 @@ const _hoisted_8$1 = {
 };
 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: {},
@@ -10838,7 +11501,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
       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",
@@ -11856,7 +12519,7 @@ var m = { name: "Slider", emits: ["input", "update:modelValue", "start", "slide"
 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"
@@ -11884,7 +12547,7 @@ const _hoisted_13 = {
   key: 2,
   class: "lupa-stats-slider-wrapper"
 };
-const _sfc_main$L = /* @__PURE__ */ defineComponent({
+const _sfc_main$M = /* @__PURE__ */ defineComponent({
   __name: "StatsFacet",
   props: {
     options: {},
@@ -12053,7 +12716,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
       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),
@@ -12120,7 +12783,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = {
@@ -12131,7 +12794,7 @@ const _hoisted_5$a = {
   key: 0,
   class: "lupa-facet-level"
 };
-const _sfc_main$K = /* @__PURE__ */ defineComponent({
+const _sfc_main$L = /* @__PURE__ */ defineComponent({
   __name: "HierarchyFacetLevel",
   props: {
     options: {},
@@ -12177,7 +12840,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
           "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)
@@ -12203,13 +12866,13 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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: {},
@@ -12259,7 +12922,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
       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",
@@ -12271,7 +12934,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
           ])
         ])) : 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,
@@ -12291,7 +12954,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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",
@@ -12299,12 +12962,12 @@ const _hoisted_2$t = {
 };
 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: {},
@@ -12416,7 +13079,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
           "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)
@@ -12439,12 +13102,12 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
     };
   }
 }));
-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: {},
@@ -12478,14 +13141,14 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     };
     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,
@@ -12500,6 +13163,31 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     };
   }
 });
+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",
@@ -12508,7 +13196,8 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     facetStyle: {},
     clearable: { type: Boolean }
   },
-  setup(__props) {
+  emits: ["filter"],
+  setup(__props, { emit: emit2 }) {
     const props = __props;
     const paramStore = useParamsStore();
     const searchResultStore = useSearchResultStore();
@@ -12538,6 +13227,9 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
         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":
@@ -12576,9 +13268,12 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
       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,
@@ -12587,7 +13282,12 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
           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)
       ]);
     };
   }
@@ -12602,7 +13302,8 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     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(() => {
@@ -12616,6 +13317,9 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     const showCurrentFilters = computed(() => {
       return currentFiltersVisible.value ? Boolean(props.options.facets) : false;
     });
+    const filter = () => {
+      emit2("filter");
+    };
     const fetch2 = () => {
       var _a;
       if (categoryFilters.value) {
@@ -12626,12 +13330,12 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     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",
@@ -12639,7 +13343,8 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
         }, 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)
       ]);
     };
@@ -12663,7 +13368,8 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
   props: {
     options: {}
   },
-  setup(__props) {
+  emits: ["filter"],
+  setup(__props, { emit: emit2 }) {
     const props = __props;
     const searchResultStore = useSearchResultStore();
     const { currentFilterCount } = storeToRefs(searchResultStore);
@@ -12683,6 +13389,10 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
     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", {
@@ -12703,7 +13413,8 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
           createBaseVNode("div", _hoisted_7$4, [
             createVNode(_sfc_main$F, {
               options: _ctx.options,
-              expandable: isActiveFiltersExpanded.value
+              expandable: isActiveFiltersExpanded.value,
+              onFilter: filter
             }, null, 8, ["options", "expandable"])
           ])
         ])
@@ -12774,7 +13485,11 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
   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, [
@@ -12782,7 +13497,8 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
           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)
       ]);
     };
@@ -13219,7 +13935,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
       }, [
         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,
@@ -13260,7 +13976,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
   },
   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",
@@ -13898,7 +14614,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
         "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])
         }, [
@@ -13918,7 +14634,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
                 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"
@@ -14261,7 +14977,8 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     options: {},
     ssr: { type: Boolean }
   },
-  setup(__props) {
+  emits: ["filter"],
+  setup(__props, { emit: emit2 }) {
     const props = __props;
     const searchResultStore = useSearchResultStore();
     const paramStore = useParamsStore();
@@ -14352,6 +15069,9 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
         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, [
@@ -14368,9 +15088,10 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
             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",
@@ -14725,8 +15446,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
         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
@@ -14738,7 +15459,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
         }, 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,
@@ -14749,17 +15471,19 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
             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")
@@ -14768,8 +15492,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
             }, 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"]),
@@ -14778,11 +15502,13 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
               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")
@@ -17312,8 +18038,8 @@ lodash$1.exports;
       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);
         };
@@ -17347,7 +18073,7 @@ lodash$1.exports;
       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));
@@ -18705,11 +19431,11 @@ lodash$1.exports;
         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) {
@@ -18785,7 +19511,7 @@ lodash$1.exports;
         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);
@@ -19082,7 +19808,7 @@ lodash$1.exports;
         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;
@@ -19096,7 +19822,7 @@ lodash$1.exports;
       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;
         }
@@ -19359,14 +20085,14 @@ lodash$1.exports;
           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);
@@ -19376,7 +20102,7 @@ lodash$1.exports;
         } else {
           end = toFinite(end);
         }
-        number = toNumber(number);
+        number = toNumber2(number);
         return baseInRange(number, start, end);
       }
       function random(lower, upper, floating) {
@@ -20162,7 +20888,7 @@ lodash$1.exports;
       lodash2.toInteger = toInteger;
       lodash2.toLength = toLength;
       lodash2.toLower = toLower;
-      lodash2.toNumber = toNumber;
+      lodash2.toNumber = toNumber2;
       lodash2.toSafeInteger = toSafeInteger;
       lodash2.toString = toString;
       lodash2.toUpper = toUpper;
@@ -20404,7 +21130,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
           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",
@@ -21775,7 +22501,7 @@ const _hoisted_4 = {
   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: {}
@@ -24308,8 +25034,8 @@ lodash.exports;
       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);
         };
@@ -24343,7 +25069,7 @@ lodash.exports;
       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));
@@ -25701,11 +26427,11 @@ lodash.exports;
         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) {
@@ -25781,7 +26507,7 @@ lodash.exports;
         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);
@@ -26078,7 +26804,7 @@ lodash.exports;
         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;
@@ -26092,7 +26818,7 @@ lodash.exports;
       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;
         }
@@ -26355,14 +27081,14 @@ lodash.exports;
           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);
@@ -26372,7 +27098,7 @@ lodash.exports;
         } else {
           end = toFinite(end);
         }
-        number = toNumber(number);
+        number = toNumber2(number);
         return baseInRange(number, start, end);
       }
       function random(lower, upper, floating) {
@@ -27158,7 +27884,7 @@ lodash.exports;
       lodash2.toInteger = toInteger;
       lodash2.toLength = toLength;
       lodash2.toLower = toLower;
-      lodash2.toNumber = toNumber;
+      lodash2.toNumber = toNumber2;
       lodash2.toSafeInteger = toSafeInteger;
       lodash2.toString = toString;
       lodash2.toUpper = toUpper;
@@ -27416,7 +28142,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
     __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
@@ -28253,7 +28979,7 @@ const chat = (options, mountOptions) => {
     }
     return;
   }
-  const instance = createVue(options.displayOptions.containerSelector, _sfc_main$1m, {
+  const instance = createVue(options.displayOptions.containerSelector, _sfc_main$1n, {
     options
   });
   if (!instance) {