@getlupa/client 1.15.12 → 1.15.14

package/dist/lupaSearch.iife.js

@@ -18,6 +18,18 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 var __async = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
@@ -6406,7 +6418,7 @@ var __async = (__this, __arguments, generator) => {
     return a;
   };
   var __spreadProps2 = (a, b) => __defProps2(a, __getOwnPropDescs2(b));
-  var __objRest = (source, exclude) => {
+  var __objRest2 = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp2.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -14883,7 +14895,7 @@ var __async = (__this, __arguments, generator) => {
   function fromJSON$1(json, inputs) {
     if (Array.isArray(json))
       return json.map((n) => fromJSON$1(n));
-    let _a = json, { inputs: ownInputs } = _a, defaults = __objRest(_a, ["inputs"]);
+    let _a = json, { inputs: ownInputs } = _a, defaults = __objRest2(_a, ["inputs"]);
     if (ownInputs) {
       inputs = [];
       for (let input2 of ownInputs) {
@@ -14900,7 +14912,7 @@ var __async = (__this, __arguments, generator) => {
       defaults.nodes = json.nodes.map((n) => fromJSON$1(n, inputs));
     }
     if (defaults.source) {
-      let _b = defaults.source, { inputId } = _b, source = __objRest(_b, ["inputId"]);
+      let _b = defaults.source, { inputId } = _b, source = __objRest2(_b, ["inputId"]);
       defaults.source = source;
       if (inputId != null) {
         defaults.source.input = inputs[inputId];
@@ -18978,7 +18990,7 @@ and ensure you are accounting for this risk.
       });
       const displayElement = computed(() => {
         const element = props.element;
-        const item = props.item;
+        const item = enhancedItem.value;
         if (!element.display) {
           return true;
         }
@@ -19794,7 +19806,8 @@ and ensure you are accounting for this risk.
         return props.panel.showGoToResults;
       });
       const extractedInitialFilters = computed(() => {
-        return __spreadValues2({}, processExtractionObject(props.searchBoxOptions.initialFilters));
+        var _a;
+        return __spreadValues2({}, processExtractionObject((_a = props.panel) == null ? void 0 : _a.initialFilters));
       });
       const inputValueProp = computed(() => props.inputValue);
       onMounted(() => {
@@ -20246,9 +20259,6 @@ and ensure you are accounting for this risk.
       const focused = ref(false);
       const searchBoxInput = ref(null);
       const { highlightedDocument } = storeToRefs(searchBoxStore);
-      computed(() => {
-        return __spreadValues2({}, processExtractionObject(props.options.initialFilters));
-      });
       const searchValue = computed(() => {
         return suggestedValue.value.override ? suggestedValue.value.item.suggestion : inputValue.value;
       });
@@ -20274,8 +20284,7 @@ and ensure you are accounting for this risk.
           "hideMoreResultsButtonOnNoResults",
           "showNoResultsPanel",
           "expandOnSinglePanel",
-          "showMoreResultsButton",
-          "initialFilters"
+          "showMoreResultsButton"
         ])
       );
       const searchTriggers = computed(() => {
@@ -25038,7 +25047,8 @@ and ensure you are accounting for this risk.
         relatedQueries.value = queries;
       }));
       const hasEnoughRelatedQueries = computed(() => {
-        return relatedQueries.value.length > 1;
+        var _a;
+        return ((_a = relatedQueries.value) == null ? void 0 : _a.length) > 1;
       });
       const handleRelatedQueryClick = (query) => {
         var _a;
@@ -25176,12 +25186,12 @@ and ensure you are accounting for this risk.
     "data-cy": "lupa-no-results-in-page"
   };
   const _hoisted_4$4 = {
-    key: 3,
+    key: 4,
     class: "lupa-empty-results",
     "data-cy": "lupa-no-results"
   };
-  const _hoisted_5$1 = { key: 4 };
-  const _hoisted_6$1 = { key: 5 };
+  const _hoisted_5$1 = { key: 5 };
+  const _hoisted_6$1 = { key: 6 };
   const _sfc_main$g = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsProducts",
     props: {
@@ -25302,10 +25312,11 @@ and ensure you are accounting for this risk.
             location: "top",
             sdkOptions: _ctx.options.options
           }, null, 8, ["options", "sdkOptions"]),
-          createVNode(_sfc_main$i, {
+          _ctx.options.relatedQueries ? (openBlock(), createBlock(_sfc_main$i, {
+            key: 1,
             options: _ctx.options.relatedQueries
-          }, null, 8, ["options"]),
-          unref(hasResults) ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          }, null, 8, ["options"])) : createCommentVNode("", true),
+          unref(hasResults) ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
             showTopFilters.value ? (openBlock(), createBlock(_sfc_main$H, {
               key: 0,
               options: (_a = _ctx.options.filters) != null ? _a : {}
@@ -25325,7 +25336,7 @@ and ensure you are accounting for this risk.
               expandable: !desktopFiltersExpanded.value
             }, null, 8, ["class", "options", "expandable"])) : createCommentVNode("", true)
           ], 64)) : createCommentVNode("", true),
-          unref(hasResults) ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+          unref(hasResults) ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
             createVNode(_sfc_main$B, {
               class: "lupa-toolbar-top",
               options: _ctx.options,
@@ -39665,6 +39676,49 @@ and ensure you are accounting for this risk.
       return null;
     }
   };
+  const mergeSearchBoxConfiguration = (options, overrides) => {
+    var _a, _b, _c;
+    for (const panel of (_a = options.panels) != null ? _a : []) {
+      if (panel.type !== SearchBoxPanelType.DOCUMENT) {
+        continue;
+      }
+      const overridePanel = (_b = overrides.panels) == null ? void 0 : _b.find((p2) => p2.queryKey === panel.queryKey);
+      if (!overridePanel || overridePanel.type !== SearchBoxPanelType.DOCUMENT || !overridePanel) {
+        continue;
+      }
+      panel.elements = (_c = panel.elements) == null ? void 0 : _c.map((element) => {
+        var _a2;
+        const overrideElement = (_a2 = overridePanel == null ? void 0 : overridePanel.elements) == null ? void 0 : _a2.find((e2) => e2.key === element.key);
+        if (!overrideElement) {
+          return element;
+        }
+        return __spreadValues(__spreadValues({}, element), overrideElement);
+      });
+    }
+    const _d = overrides, { panels } = _d, overridesWithoutPanels = __objRest(_d, ["panels"]);
+    return merge(options, overridesWithoutPanels);
+  };
+  const mergeSearchResultsConfiguration = (options, overrides) => {
+    var _a;
+    if (!overrides.elements) {
+      return merge(options, overrides);
+    }
+    const elements = (_a = options.elements) == null ? void 0 : _a.map((element) => {
+      var _a2;
+      const overrideElement = (_a2 = overrides.elements) == null ? void 0 : _a2.find((e2) => e2.key === element.key);
+      if (!overrideElement) {
+        return element;
+      }
+      return __spreadValues(__spreadValues({}, element), overrideElement);
+    });
+    options.elements = elements;
+    const _b = overrides, { elements: _ } = _b, overridesWithoutElements = __objRest(_b, ["elements"]);
+    return merge(options, overridesWithoutElements);
+  };
+  const PluginConfigurationMerger = {
+    mergeSearchBoxConfiguration,
+    mergeSearchResultsConfiguration
+  };
   const PREVIEW_PARAMETER = "lupaSearchPreview";
   const MAX_ELEMENT_MOUNT_RETRIES = 25;
   let styleElement = null;
@@ -39760,7 +39814,10 @@ and ensure you are accounting for this risk.
       );
       return;
     }
-    const mergedOptions = merge(resolvedConfiguration, (_a = optionOverrides == null ? void 0 : optionOverrides.searchBox) != null ? _a : {});
+    const mergedOptions = PluginConfigurationMerger.mergeSearchBoxConfiguration(
+      resolvedConfiguration,
+      (_a = optionOverrides == null ? void 0 : optionOverrides.searchBox) != null ? _a : {}
+    );
     searchBox(__spreadProps(__spreadValues({}, mergedOptions), { options }), { fetch: fetch2, allowedMountUrls });
   });
   const mountSearchResults = (configuration, options, optionOverrides, fetch2 = true, remount = false) => __async(this, null, function* () {
@@ -39781,7 +39838,10 @@ and ensure you are accounting for this risk.
       );
       return;
     }
-    const mergedOptions = merge(resolvedConfiguration, (_a = optionOverrides == null ? void 0 : optionOverrides.searchResults) != null ? _a : {});
+    const mergedOptions = PluginConfigurationMerger.mergeSearchResultsConfiguration(
+      resolvedConfiguration,
+      (_a = optionOverrides == null ? void 0 : optionOverrides.searchResults) != null ? _a : {}
+    );
     searchResults(__spreadProps(__spreadValues({}, mergedOptions), { options }), { fetch: fetch2, allowedMountUrls });
   });
   const mountProductList = (configuration, options, optionOverrides, fetch2 = true, remount = false) => __async(this, null, function* () {

package/dist/lupaSearch.js

@@ -18,6 +18,18 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 var __async = (__this, __arguments, generator) => {
   return new Promise((resolve2, reject) => {
     var fulfilled = (value) => {
@@ -6406,7 +6418,7 @@ var __spreadValues2 = (a, b) => {
   return a;
 };
 var __spreadProps2 = (a, b) => __defProps2(a, __getOwnPropDescs2(b));
-var __objRest = (source, exclude) => {
+var __objRest2 = (source, exclude) => {
   var target = {};
   for (var prop in source)
     if (__hasOwnProp2.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -14883,7 +14895,7 @@ let Rule$2 = rule;
 function fromJSON$1(json, inputs) {
   if (Array.isArray(json))
     return json.map((n) => fromJSON$1(n));
-  let _a = json, { inputs: ownInputs } = _a, defaults = __objRest(_a, ["inputs"]);
+  let _a = json, { inputs: ownInputs } = _a, defaults = __objRest2(_a, ["inputs"]);
   if (ownInputs) {
     inputs = [];
     for (let input2 of ownInputs) {
@@ -14900,7 +14912,7 @@ function fromJSON$1(json, inputs) {
     defaults.nodes = json.nodes.map((n) => fromJSON$1(n, inputs));
   }
   if (defaults.source) {
-    let _b = defaults.source, { inputId } = _b, source = __objRest(_b, ["inputId"]);
+    let _b = defaults.source, { inputId } = _b, source = __objRest2(_b, ["inputId"]);
     defaults.source = source;
     if (inputId != null) {
       defaults.source.input = inputs[inputId];
@@ -18978,7 +18990,7 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValu
     });
     const displayElement = computed(() => {
       const element = props.element;
-      const item = props.item;
+      const item = enhancedItem.value;
       if (!element.display) {
         return true;
       }
@@ -19794,7 +19806,8 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
       return props.panel.showGoToResults;
     });
     const extractedInitialFilters = computed(() => {
-      return __spreadValues2({}, processExtractionObject(props.searchBoxOptions.initialFilters));
+      var _a;
+      return __spreadValues2({}, processExtractionObject((_a = props.panel) == null ? void 0 : _a.initialFilters));
     });
     const inputValueProp = computed(() => props.inputValue);
     onMounted(() => {
@@ -20246,9 +20259,6 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
     const focused = ref(false);
     const searchBoxInput = ref(null);
     const { highlightedDocument } = storeToRefs(searchBoxStore);
-    computed(() => {
-      return __spreadValues2({}, processExtractionObject(props.options.initialFilters));
-    });
     const searchValue = computed(() => {
       return suggestedValue.value.override ? suggestedValue.value.item.suggestion : inputValue.value;
     });
@@ -20274,8 +20284,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
         "hideMoreResultsButtonOnNoResults",
         "showNoResultsPanel",
         "expandOnSinglePanel",
-        "showMoreResultsButton",
-        "initialFilters"
+        "showMoreResultsButton"
       ])
     );
     const searchTriggers = computed(() => {
@@ -25038,7 +25047,8 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       relatedQueries.value = queries;
     }));
     const hasEnoughRelatedQueries = computed(() => {
-      return relatedQueries.value.length > 1;
+      var _a;
+      return ((_a = relatedQueries.value) == null ? void 0 : _a.length) > 1;
     });
     const handleRelatedQueryClick = (query) => {
       var _a;
@@ -25176,12 +25186,12 @@ const _hoisted_3$7 = {
   "data-cy": "lupa-no-results-in-page"
 };
 const _hoisted_4$4 = {
-  key: 3,
+  key: 4,
   class: "lupa-empty-results",
   "data-cy": "lupa-no-results"
 };
-const _hoisted_5$1 = { key: 4 };
-const _hoisted_6$1 = { key: 5 };
+const _hoisted_5$1 = { key: 5 };
+const _hoisted_6$1 = { key: 6 };
 const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsProducts",
   props: {
@@ -25302,10 +25312,11 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
           location: "top",
           sdkOptions: _ctx.options.options
         }, null, 8, ["options", "sdkOptions"]),
-        createVNode(_sfc_main$i, {
+        _ctx.options.relatedQueries ? (openBlock(), createBlock(_sfc_main$i, {
+          key: 1,
           options: _ctx.options.relatedQueries
-        }, null, 8, ["options"]),
-        unref(hasResults) ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+        }, null, 8, ["options"])) : createCommentVNode("", true),
+        unref(hasResults) ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
           showTopFilters.value ? (openBlock(), createBlock(_sfc_main$H, {
             key: 0,
             options: (_a = _ctx.options.filters) != null ? _a : {}
@@ -25325,7 +25336,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
             expandable: !desktopFiltersExpanded.value
           }, null, 8, ["class", "options", "expandable"])) : createCommentVNode("", true)
         ], 64)) : createCommentVNode("", true),
-        unref(hasResults) ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+        unref(hasResults) ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
           createVNode(_sfc_main$B, {
             class: "lupa-toolbar-top",
             options: _ctx.options,
@@ -39665,6 +39676,49 @@ const getQueryParam = (name) => {
     return null;
   }
 };
+const mergeSearchBoxConfiguration = (options, overrides) => {
+  var _a, _b, _c;
+  for (const panel of (_a = options.panels) != null ? _a : []) {
+    if (panel.type !== SearchBoxPanelType.DOCUMENT) {
+      continue;
+    }
+    const overridePanel = (_b = overrides.panels) == null ? void 0 : _b.find((p2) => p2.queryKey === panel.queryKey);
+    if (!overridePanel || overridePanel.type !== SearchBoxPanelType.DOCUMENT || !overridePanel) {
+      continue;
+    }
+    panel.elements = (_c = panel.elements) == null ? void 0 : _c.map((element) => {
+      var _a2;
+      const overrideElement = (_a2 = overridePanel == null ? void 0 : overridePanel.elements) == null ? void 0 : _a2.find((e2) => e2.key === element.key);
+      if (!overrideElement) {
+        return element;
+      }
+      return __spreadValues(__spreadValues({}, element), overrideElement);
+    });
+  }
+  const _d = overrides, { panels } = _d, overridesWithoutPanels = __objRest(_d, ["panels"]);
+  return merge(options, overridesWithoutPanels);
+};
+const mergeSearchResultsConfiguration = (options, overrides) => {
+  var _a;
+  if (!overrides.elements) {
+    return merge(options, overrides);
+  }
+  const elements = (_a = options.elements) == null ? void 0 : _a.map((element) => {
+    var _a2;
+    const overrideElement = (_a2 = overrides.elements) == null ? void 0 : _a2.find((e2) => e2.key === element.key);
+    if (!overrideElement) {
+      return element;
+    }
+    return __spreadValues(__spreadValues({}, element), overrideElement);
+  });
+  options.elements = elements;
+  const _b = overrides, { elements: _ } = _b, overridesWithoutElements = __objRest(_b, ["elements"]);
+  return merge(options, overridesWithoutElements);
+};
+const PluginConfigurationMerger = {
+  mergeSearchBoxConfiguration,
+  mergeSearchResultsConfiguration
+};
 const PREVIEW_PARAMETER = "lupaSearchPreview";
 const MAX_ELEMENT_MOUNT_RETRIES = 25;
 let styleElement = null;
@@ -39760,7 +39814,10 @@ const mountSearchBox = (configuration, options, optionOverrides, fetch2 = true,
     );
     return;
   }
-  const mergedOptions = merge(resolvedConfiguration, (_a = optionOverrides == null ? void 0 : optionOverrides.searchBox) != null ? _a : {});
+  const mergedOptions = PluginConfigurationMerger.mergeSearchBoxConfiguration(
+    resolvedConfiguration,
+    (_a = optionOverrides == null ? void 0 : optionOverrides.searchBox) != null ? _a : {}
+  );
   searchBox(__spreadProps(__spreadValues({}, mergedOptions), { options }), { fetch: fetch2, allowedMountUrls });
 });
 const mountSearchResults = (configuration, options, optionOverrides, fetch2 = true, remount = false) => __async(exports, null, function* () {
@@ -39781,7 +39838,10 @@ const mountSearchResults = (configuration, options, optionOverrides, fetch2 = tr
     );
     return;
   }
-  const mergedOptions = merge(resolvedConfiguration, (_a = optionOverrides == null ? void 0 : optionOverrides.searchResults) != null ? _a : {});
+  const mergedOptions = PluginConfigurationMerger.mergeSearchResultsConfiguration(
+    resolvedConfiguration,
+    (_a = optionOverrides == null ? void 0 : optionOverrides.searchResults) != null ? _a : {}
+  );
   searchResults(__spreadProps(__spreadValues({}, mergedOptions), { options }), { fetch: fetch2, allowedMountUrls });
 });
 const mountProductList = (configuration, options, optionOverrides, fetch2 = true, remount = false) => __async(exports, null, function* () {

package/dist/lupaSearch.mjs

@@ -17,6 +17,18 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 var __async = (__this, __arguments, generator) => {
   return new Promise((resolve2, reject) => {
     var fulfilled = (value) => {
@@ -6404,7 +6416,7 @@ var __spreadValues2 = (a, b) => {
   return a;
 };
 var __spreadProps2 = (a, b) => __defProps2(a, __getOwnPropDescs2(b));
-var __objRest = (source, exclude) => {
+var __objRest2 = (source, exclude) => {
   var target = {};
   for (var prop in source)
     if (__hasOwnProp2.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -14881,7 +14893,7 @@ let Rule$2 = rule;
 function fromJSON$1(json, inputs) {
   if (Array.isArray(json))
     return json.map((n) => fromJSON$1(n));
-  let _a = json, { inputs: ownInputs } = _a, defaults = __objRest(_a, ["inputs"]);
+  let _a = json, { inputs: ownInputs } = _a, defaults = __objRest2(_a, ["inputs"]);
   if (ownInputs) {
     inputs = [];
     for (let input2 of ownInputs) {
@@ -14898,7 +14910,7 @@ function fromJSON$1(json, inputs) {
     defaults.nodes = json.nodes.map((n) => fromJSON$1(n, inputs));
   }
   if (defaults.source) {
-    let _b = defaults.source, { inputId } = _b, source = __objRest(_b, ["inputId"]);
+    let _b = defaults.source, { inputId } = _b, source = __objRest2(_b, ["inputId"]);
     defaults.source = source;
     if (inputId != null) {
       defaults.source.input = inputs[inputId];
@@ -18976,7 +18988,7 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValu
     });
     const displayElement = computed(() => {
       const element = props.element;
-      const item = props.item;
+      const item = enhancedItem.value;
       if (!element.display) {
         return true;
       }
@@ -19792,7 +19804,8 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
       return props.panel.showGoToResults;
     });
     const extractedInitialFilters = computed(() => {
-      return __spreadValues2({}, processExtractionObject(props.searchBoxOptions.initialFilters));
+      var _a;
+      return __spreadValues2({}, processExtractionObject((_a = props.panel) == null ? void 0 : _a.initialFilters));
     });
     const inputValueProp = computed(() => props.inputValue);
     onMounted(() => {
@@ -20244,9 +20257,6 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
     const focused = ref(false);
     const searchBoxInput = ref(null);
     const { highlightedDocument } = storeToRefs(searchBoxStore);
-    computed(() => {
-      return __spreadValues2({}, processExtractionObject(props.options.initialFilters));
-    });
     const searchValue = computed(() => {
       return suggestedValue.value.override ? suggestedValue.value.item.suggestion : inputValue.value;
     });
@@ -20272,8 +20282,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
         "hideMoreResultsButtonOnNoResults",
         "showNoResultsPanel",
         "expandOnSinglePanel",
-        "showMoreResultsButton",
-        "initialFilters"
+        "showMoreResultsButton"
       ])
     );
     const searchTriggers = computed(() => {
@@ -25036,7 +25045,8 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       relatedQueries.value = queries;
     }));
     const hasEnoughRelatedQueries = computed(() => {
-      return relatedQueries.value.length > 1;
+      var _a;
+      return ((_a = relatedQueries.value) == null ? void 0 : _a.length) > 1;
     });
     const handleRelatedQueryClick = (query) => {
       var _a;
@@ -25174,12 +25184,12 @@ const _hoisted_3$7 = {
   "data-cy": "lupa-no-results-in-page"
 };
 const _hoisted_4$4 = {
-  key: 3,
+  key: 4,
   class: "lupa-empty-results",
   "data-cy": "lupa-no-results"
 };
-const _hoisted_5$1 = { key: 4 };
-const _hoisted_6$1 = { key: 5 };
+const _hoisted_5$1 = { key: 5 };
+const _hoisted_6$1 = { key: 6 };
 const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "SearchResultsProducts",
   props: {
@@ -25300,10 +25310,11 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
           location: "top",
           sdkOptions: _ctx.options.options
         }, null, 8, ["options", "sdkOptions"]),
-        createVNode(_sfc_main$i, {
+        _ctx.options.relatedQueries ? (openBlock(), createBlock(_sfc_main$i, {
+          key: 1,
           options: _ctx.options.relatedQueries
-        }, null, 8, ["options"]),
-        unref(hasResults) ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+        }, null, 8, ["options"])) : createCommentVNode("", true),
+        unref(hasResults) ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
           showTopFilters.value ? (openBlock(), createBlock(_sfc_main$H, {
             key: 0,
             options: (_a = _ctx.options.filters) != null ? _a : {}
@@ -25323,7 +25334,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
             expandable: !desktopFiltersExpanded.value
           }, null, 8, ["class", "options", "expandable"])) : createCommentVNode("", true)
         ], 64)) : createCommentVNode("", true),
-        unref(hasResults) ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+        unref(hasResults) ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
           createVNode(_sfc_main$B, {
             class: "lupa-toolbar-top",
             options: _ctx.options,
@@ -39663,6 +39674,49 @@ const getQueryParam = (name) => {
     return null;
   }
 };
+const mergeSearchBoxConfiguration = (options, overrides) => {
+  var _a, _b, _c;
+  for (const panel of (_a = options.panels) != null ? _a : []) {
+    if (panel.type !== SearchBoxPanelType.DOCUMENT) {
+      continue;
+    }
+    const overridePanel = (_b = overrides.panels) == null ? void 0 : _b.find((p2) => p2.queryKey === panel.queryKey);
+    if (!overridePanel || overridePanel.type !== SearchBoxPanelType.DOCUMENT || !overridePanel) {
+      continue;
+    }
+    panel.elements = (_c = panel.elements) == null ? void 0 : _c.map((element) => {
+      var _a2;
+      const overrideElement = (_a2 = overridePanel == null ? void 0 : overridePanel.elements) == null ? void 0 : _a2.find((e2) => e2.key === element.key);
+      if (!overrideElement) {
+        return element;
+      }
+      return __spreadValues(__spreadValues({}, element), overrideElement);
+    });
+  }
+  const _d = overrides, { panels } = _d, overridesWithoutPanels = __objRest(_d, ["panels"]);
+  return merge(options, overridesWithoutPanels);
+};
+const mergeSearchResultsConfiguration = (options, overrides) => {
+  var _a;
+  if (!overrides.elements) {
+    return merge(options, overrides);
+  }
+  const elements = (_a = options.elements) == null ? void 0 : _a.map((element) => {
+    var _a2;
+    const overrideElement = (_a2 = overrides.elements) == null ? void 0 : _a2.find((e2) => e2.key === element.key);
+    if (!overrideElement) {
+      return element;
+    }
+    return __spreadValues(__spreadValues({}, element), overrideElement);
+  });
+  options.elements = elements;
+  const _b = overrides, { elements: _ } = _b, overridesWithoutElements = __objRest(_b, ["elements"]);
+  return merge(options, overridesWithoutElements);
+};
+const PluginConfigurationMerger = {
+  mergeSearchBoxConfiguration,
+  mergeSearchResultsConfiguration
+};
 const PREVIEW_PARAMETER = "lupaSearchPreview";
 const MAX_ELEMENT_MOUNT_RETRIES = 25;
 let styleElement = null;
@@ -39758,7 +39812,10 @@ const mountSearchBox = (configuration, options, optionOverrides, fetch2 = true,
     );
     return;
   }
-  const mergedOptions = merge(resolvedConfiguration, (_a = optionOverrides == null ? void 0 : optionOverrides.searchBox) != null ? _a : {});
+  const mergedOptions = PluginConfigurationMerger.mergeSearchBoxConfiguration(
+    resolvedConfiguration,
+    (_a = optionOverrides == null ? void 0 : optionOverrides.searchBox) != null ? _a : {}
+  );
   searchBox(__spreadProps(__spreadValues({}, mergedOptions), { options }), { fetch: fetch2, allowedMountUrls });
 });
 const mountSearchResults = (configuration, options, optionOverrides, fetch2 = true, remount = false) => __async(void 0, null, function* () {
@@ -39779,7 +39836,10 @@ const mountSearchResults = (configuration, options, optionOverrides, fetch2 = tr
     );
     return;
   }
-  const mergedOptions = merge(resolvedConfiguration, (_a = optionOverrides == null ? void 0 : optionOverrides.searchResults) != null ? _a : {});
+  const mergedOptions = PluginConfigurationMerger.mergeSearchResultsConfiguration(
+    resolvedConfiguration,
+    (_a = optionOverrides == null ? void 0 : optionOverrides.searchResults) != null ? _a : {}
+  );
   searchResults(__spreadProps(__spreadValues({}, mergedOptions), { options }), { fetch: fetch2, allowedMountUrls });
 });
 const mountProductList = (configuration, options, optionOverrides, fetch2 = true, remount = false) => __async(void 0, null, function* () {

package/dist/lupaSearch.umd.js

@@ -20,6 +20,18 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 var __async = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
@@ -6408,7 +6420,7 @@ var __async = (__this, __arguments, generator) => {
     return a;
   };
   var __spreadProps2 = (a, b) => __defProps2(a, __getOwnPropDescs2(b));
-  var __objRest = (source, exclude) => {
+  var __objRest2 = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp2.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -14885,7 +14897,7 @@ var __async = (__this, __arguments, generator) => {
   function fromJSON$1(json, inputs) {
     if (Array.isArray(json))
       return json.map((n) => fromJSON$1(n));
-    let _a = json, { inputs: ownInputs } = _a, defaults = __objRest(_a, ["inputs"]);
+    let _a = json, { inputs: ownInputs } = _a, defaults = __objRest2(_a, ["inputs"]);
     if (ownInputs) {
       inputs = [];
       for (let input2 of ownInputs) {
@@ -14902,7 +14914,7 @@ var __async = (__this, __arguments, generator) => {
       defaults.nodes = json.nodes.map((n) => fromJSON$1(n, inputs));
     }
     if (defaults.source) {
-      let _b = defaults.source, { inputId } = _b, source = __objRest(_b, ["inputId"]);
+      let _b = defaults.source, { inputId } = _b, source = __objRest2(_b, ["inputId"]);
       defaults.source = source;
       if (inputId != null) {
         defaults.source.input = inputs[inputId];
@@ -18980,7 +18992,7 @@ and ensure you are accounting for this risk.
       });
       const displayElement = computed(() => {
         const element = props.element;
-        const item = props.item;
+        const item = enhancedItem.value;
         if (!element.display) {
           return true;
         }
@@ -19796,7 +19808,8 @@ and ensure you are accounting for this risk.
         return props.panel.showGoToResults;
       });
       const extractedInitialFilters = computed(() => {
-        return __spreadValues2({}, processExtractionObject(props.searchBoxOptions.initialFilters));
+        var _a;
+        return __spreadValues2({}, processExtractionObject((_a = props.panel) == null ? void 0 : _a.initialFilters));
       });
       const inputValueProp = computed(() => props.inputValue);
       onMounted(() => {
@@ -20248,9 +20261,6 @@ and ensure you are accounting for this risk.
       const focused = ref(false);
       const searchBoxInput = ref(null);
       const { highlightedDocument } = storeToRefs(searchBoxStore);
-      computed(() => {
-        return __spreadValues2({}, processExtractionObject(props.options.initialFilters));
-      });
       const searchValue = computed(() => {
         return suggestedValue.value.override ? suggestedValue.value.item.suggestion : inputValue.value;
       });
@@ -20276,8 +20286,7 @@ and ensure you are accounting for this risk.
           "hideMoreResultsButtonOnNoResults",
           "showNoResultsPanel",
           "expandOnSinglePanel",
-          "showMoreResultsButton",
-          "initialFilters"
+          "showMoreResultsButton"
         ])
       );
       const searchTriggers = computed(() => {
@@ -25040,7 +25049,8 @@ and ensure you are accounting for this risk.
         relatedQueries.value = queries;
       }));
       const hasEnoughRelatedQueries = computed(() => {
-        return relatedQueries.value.length > 1;
+        var _a;
+        return ((_a = relatedQueries.value) == null ? void 0 : _a.length) > 1;
       });
       const handleRelatedQueryClick = (query) => {
         var _a;
@@ -25178,12 +25188,12 @@ and ensure you are accounting for this risk.
     "data-cy": "lupa-no-results-in-page"
   };
   const _hoisted_4$4 = {
-    key: 3,
+    key: 4,
     class: "lupa-empty-results",
     "data-cy": "lupa-no-results"
   };
-  const _hoisted_5$1 = { key: 4 };
-  const _hoisted_6$1 = { key: 5 };
+  const _hoisted_5$1 = { key: 5 };
+  const _hoisted_6$1 = { key: 6 };
   const _sfc_main$g = /* @__PURE__ */ defineComponent({
     __name: "SearchResultsProducts",
     props: {
@@ -25304,10 +25314,11 @@ and ensure you are accounting for this risk.
             location: "top",
             sdkOptions: _ctx.options.options
           }, null, 8, ["options", "sdkOptions"]),
-          createVNode(_sfc_main$i, {
+          _ctx.options.relatedQueries ? (openBlock(), createBlock(_sfc_main$i, {
+            key: 1,
             options: _ctx.options.relatedQueries
-          }, null, 8, ["options"]),
-          unref(hasResults) ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          }, null, 8, ["options"])) : createCommentVNode("", true),
+          unref(hasResults) ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
             showTopFilters.value ? (openBlock(), createBlock(_sfc_main$H, {
               key: 0,
               options: (_a = _ctx.options.filters) != null ? _a : {}
@@ -25327,7 +25338,7 @@ and ensure you are accounting for this risk.
               expandable: !desktopFiltersExpanded.value
             }, null, 8, ["class", "options", "expandable"])) : createCommentVNode("", true)
           ], 64)) : createCommentVNode("", true),
-          unref(hasResults) ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+          unref(hasResults) ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
             createVNode(_sfc_main$B, {
               class: "lupa-toolbar-top",
               options: _ctx.options,
@@ -39667,6 +39678,49 @@ and ensure you are accounting for this risk.
       return null;
     }
   };
+  const mergeSearchBoxConfiguration = (options, overrides) => {
+    var _a, _b, _c;
+    for (const panel of (_a = options.panels) != null ? _a : []) {
+      if (panel.type !== SearchBoxPanelType.DOCUMENT) {
+        continue;
+      }
+      const overridePanel = (_b = overrides.panels) == null ? void 0 : _b.find((p2) => p2.queryKey === panel.queryKey);
+      if (!overridePanel || overridePanel.type !== SearchBoxPanelType.DOCUMENT || !overridePanel) {
+        continue;
+      }
+      panel.elements = (_c = panel.elements) == null ? void 0 : _c.map((element) => {
+        var _a2;
+        const overrideElement = (_a2 = overridePanel == null ? void 0 : overridePanel.elements) == null ? void 0 : _a2.find((e2) => e2.key === element.key);
+        if (!overrideElement) {
+          return element;
+        }
+        return __spreadValues(__spreadValues({}, element), overrideElement);
+      });
+    }
+    const _d = overrides, { panels } = _d, overridesWithoutPanels = __objRest(_d, ["panels"]);
+    return merge(options, overridesWithoutPanels);
+  };
+  const mergeSearchResultsConfiguration = (options, overrides) => {
+    var _a;
+    if (!overrides.elements) {
+      return merge(options, overrides);
+    }
+    const elements = (_a = options.elements) == null ? void 0 : _a.map((element) => {
+      var _a2;
+      const overrideElement = (_a2 = overrides.elements) == null ? void 0 : _a2.find((e2) => e2.key === element.key);
+      if (!overrideElement) {
+        return element;
+      }
+      return __spreadValues(__spreadValues({}, element), overrideElement);
+    });
+    options.elements = elements;
+    const _b = overrides, { elements: _ } = _b, overridesWithoutElements = __objRest(_b, ["elements"]);
+    return merge(options, overridesWithoutElements);
+  };
+  const PluginConfigurationMerger = {
+    mergeSearchBoxConfiguration,
+    mergeSearchResultsConfiguration
+  };
   const PREVIEW_PARAMETER = "lupaSearchPreview";
   const MAX_ELEMENT_MOUNT_RETRIES = 25;
   let styleElement = null;
@@ -39762,7 +39816,10 @@ and ensure you are accounting for this risk.
       );
       return;
     }
-    const mergedOptions = merge(resolvedConfiguration, (_a = optionOverrides == null ? void 0 : optionOverrides.searchBox) != null ? _a : {});
+    const mergedOptions = PluginConfigurationMerger.mergeSearchBoxConfiguration(
+      resolvedConfiguration,
+      (_a = optionOverrides == null ? void 0 : optionOverrides.searchBox) != null ? _a : {}
+    );
     searchBox(__spreadProps(__spreadValues({}, mergedOptions), { options }), { fetch: fetch2, allowedMountUrls });
   });
   const mountSearchResults = (configuration, options, optionOverrides, fetch2 = true, remount = false) => __async(this, null, function* () {
@@ -39783,7 +39840,10 @@ and ensure you are accounting for this risk.
       );
       return;
     }
-    const mergedOptions = merge(resolvedConfiguration, (_a = optionOverrides == null ? void 0 : optionOverrides.searchResults) != null ? _a : {});
+    const mergedOptions = PluginConfigurationMerger.mergeSearchResultsConfiguration(
+      resolvedConfiguration,
+      (_a = optionOverrides == null ? void 0 : optionOverrides.searchResults) != null ? _a : {}
+    );
     searchResults(__spreadProps(__spreadValues({}, mergedOptions), { options }), { fetch: fetch2, allowedMountUrls });
   });
   const mountProductList = (configuration, options, optionOverrides, fetch2 = true, remount = false) => __async(this, null, function* () {

package/dist/src/modules/pluginManager/PluginConfigurationMerger.d.ts

@@ -0,0 +1,85 @@
+import { ResolvedSearchBoxOptions, ResolvedSearchResultOptions } from '../../types/ResolvedOptions';
+import { SearchBoxOptions, SearchResultsOptions } from '@getlupa/vue';
+declare const _default: {
+    mergeSearchBoxConfiguration: (options: ResolvedSearchBoxOptions, overrides: Partial<SearchBoxOptions>) => import("@getlupa/vue/dist/src/types/search-box/SearchBoxOptions").SearchBoxInputOptions & {
+        history: import("@getlupa/vue/dist/src/types/search-box/SearchBoxHistory").SearchBoxHistory;
+        panels: import("@getlupa/vue/dist/src/types/search-box/SearchBoxPanel").SearchBoxPanel[];
+        options: import("@getlupa/vue").SdkOptions;
+        debounce?: number;
+        showTotalCount?: boolean;
+        showNoResultsPanel?: boolean;
+        hideMoreResultsButtonOnNoResults?: boolean;
+        showMoreResultsButton?: boolean;
+        expandOnSinglePanel?: boolean;
+        forceFullReloadOnParams?: string[];
+        initialFilters?: import("@getlupa/client-sdk/Types").FilterGroup | Record<string, import("@getlupa/vue/dist/src/types/DataExtraction").DataExtraction>;
+    } & {
+        inputSelector: string;
+        searchTriggers?: string[];
+        routingBehavior?: import("@getlupa/vue").RoutingBehavior;
+        dynamicData?: import("@getlupa/vue").DynamicData;
+        callbacks?: import("@getlupa/vue").SearchBoxEventCallbacks;
+        redirections?: import("@getlupa/vue").RedirectionOptions;
+        queryParameterNames?: Record<import("@getlupa/vue/dist/src/types/General").LupaQueryParamValue, string>;
+        keepOpen?: boolean;
+    } & {
+        allowedMountUrls?: string[];
+    } & {
+        minInputLength?: number;
+        labels?: import("@getlupa/vue/dist/src/types/search-box/SearchBoxOptions").SearchBoxOptionLabels;
+        links?: import("@getlupa/vue/dist/src/types/search-box/SearchBoxOptions").SearchBoxOptionLinks;
+        inputAttributes?: Record<string, string>;
+        showSubmitButton?: boolean;
+        history?: import("@getlupa/vue/dist/src/types/search-box/SearchBoxHistory").SearchBoxHistory;
+        options?: import("@getlupa/vue").SdkOptions;
+        debounce?: number;
+        showTotalCount?: boolean;
+        showNoResultsPanel?: boolean;
+        hideMoreResultsButtonOnNoResults?: boolean;
+        showMoreResultsButton?: boolean;
+        expandOnSinglePanel?: boolean;
+        forceFullReloadOnParams?: string[];
+        initialFilters?: import("@getlupa/client-sdk/Types").FilterGroup | Record<string, import("@getlupa/vue/dist/src/types/DataExtraction").DataExtraction>;
+        inputSelector?: string;
+        searchTriggers?: string[];
+        routingBehavior?: import("@getlupa/vue").RoutingBehavior;
+        dynamicData?: import("@getlupa/vue").DynamicData;
+        callbacks?: import("@getlupa/vue").SearchBoxEventCallbacks;
+        redirections?: import("@getlupa/vue").RedirectionOptions;
+        queryParameterNames?: Record<import("@getlupa/vue/dist/src/types/General").LupaQueryParamValue, string>;
+        keepOpen?: boolean;
+    };
+    mergeSearchResultsConfiguration: (options: ResolvedSearchResultOptions, overrides: Partial<SearchResultsOptions>) => import("@getlupa/vue/dist/src/types/search-results/SearchResultsProductCardOptions").SearchResultsProductCardOptions & import("@getlupa/vue/dist/src/types/search-results/SearchResultsOptions").SearchResultsAdditionalPanels & {
+        grid: import("@getlupa/vue/dist/src/types/search-results/SearchResultsOptions").ProductGrid;
+        options: import("@getlupa/vue").SdkOptions;
+        queryKey: string;
+        pagination: import("@getlupa/vue/dist/src/types/search-results/SearchResultsOptions").SearchResultsPagination;
+        sort: import("@getlupa/vue").SearchResultsSortOptions[];
+        filters?: import("@getlupa/vue").SearchResultsFilterOptions;
+        searchTitlePosition?: string;
+        hideResultsOnReload?: boolean;
+        relatedQueries?: import("@getlupa/vue/dist/src/types/search-results/RelatedQueryOptions").RelatedQueryOptions;
+        redirectionSuggestions?: import("@getlupa/vue/dist/src/types/search-results/RedirectionSuggestionOptionts").RedirectionSuggestionOptions[];
+        toolbar?: {
+            layoutSelector?: boolean;
+            itemSummary?: boolean;
+            clearFilters?: boolean;
+            totalCount?: boolean;
+        };
+    } & {
+        containerSelector: string;
+        breadcrumbs: import("@getlupa/vue/dist/src/types/search-results/SearchResultsOptions").SearchResultsBreadcrumb[];
+        classMap?: Record<string, string>;
+        disallowEmptyQuery?: boolean;
+        callbacks?: import("@getlupa/vue").SearchResultEventCallbacks;
+        categories?: import("@getlupa/vue").CategoryFilterOptions;
+        dynamicData?: import("@getlupa/vue").DynamicData;
+        ssr?: import("@getlupa/vue").SsrOptions;
+        redirections?: import("@getlupa/vue").RedirectionOptions;
+        scrollToResults?: import("@getlupa/vue").ScrollToResultsOptions;
+        initialFilters?: import("@getlupa/client-sdk/Types").FilterGroup | Record<string, import("@getlupa/vue/dist/src/types/DataExtraction").DataExtraction>;
+    } & {
+        allowedMountUrls?: string[];
+    } & Partial<SearchResultsOptions>;
+};
+export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getlupa/client",
-  "version": "1.15.12",
+  "version": "1.15.14",
   "main": "dist/lupaSearch.js",
   "module": "dist/index.mjs",
   "types": "dist/src/index.d.ts",
@@ -20,7 +20,7 @@
   },
   "devDependencies": {
     "@getlupa/client-sdk": "^1.3.4",
-    "@getlupa/vue": "0.15.12",
+    "@getlupa/vue": "0.15.14",
     "@rushstack/eslint-patch": "^1.3.2",
     "@tsconfig/node18": "^2.0.1",
     "@types/jsdom": "^21.1.1",