@getlupa/client 1.14.6 → 1.14.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/lupaSearch.iife.js +793 -542
- package/dist/lupaSearch.js +793 -542
- package/dist/lupaSearch.mjs +793 -542
- package/dist/lupaSearch.umd.js +793 -542
- package/dist/style.css +1 -1
- package/package.json +2 -2
package/dist/lupaSearch.mjs
CHANGED
|
@@ -7649,12 +7649,11 @@ var SearchBoxPanelType = /* @__PURE__ */ ((SearchBoxPanelType2) => {
|
|
|
7649
7649
|
return SearchBoxPanelType2;
|
|
7650
7650
|
})(SearchBoxPanelType || {});
|
|
7651
7651
|
var BadgeType = /* @__PURE__ */ ((BadgeType2) => {
|
|
7652
|
-
BadgeType2["DISCOUNTPERCENTAGE"] = "discountPercentage";
|
|
7653
|
-
BadgeType2["DISCOUNTAMOUNT"] = "discountAmount";
|
|
7654
7652
|
BadgeType2["NEWITEM"] = "newItem";
|
|
7655
7653
|
BadgeType2["TEXT"] = "text";
|
|
7656
7654
|
BadgeType2["IMAGE"] = "image";
|
|
7657
7655
|
BadgeType2["CUSTOM_HTML"] = "customHtml";
|
|
7656
|
+
BadgeType2["DISCOUNT"] = "discount";
|
|
7658
7657
|
return BadgeType2;
|
|
7659
7658
|
})(BadgeType || {});
|
|
7660
7659
|
const retrieveHistory = () => {
|
|
@@ -8594,11 +8593,11 @@ const useSearchBoxStore = defineStore("searchBox", () => {
|
|
|
8594
8593
|
resetHighlightIndex
|
|
8595
8594
|
};
|
|
8596
8595
|
});
|
|
8597
|
-
const _hoisted_1$
|
|
8598
|
-
const _hoisted_2$
|
|
8599
|
-
const _hoisted_3$
|
|
8600
|
-
const _hoisted_4$
|
|
8601
|
-
const _hoisted_5$
|
|
8596
|
+
const _hoisted_1$1g = { id: "lupa-search-box-input-container" };
|
|
8597
|
+
const _hoisted_2$U = { class: "lupa-input-clear" };
|
|
8598
|
+
const _hoisted_3$D = { id: "lupa-search-box-input" };
|
|
8599
|
+
const _hoisted_4$t = ["value"];
|
|
8600
|
+
const _hoisted_5$j = ["aria-label", "placeholder"];
|
|
8602
8601
|
const _hoisted_6$9 = /* @__PURE__ */ createBaseVNode("span", { class: "lupa-search-submit-icon" }, null, -1);
|
|
8603
8602
|
const _hoisted_7$7 = [
|
|
8604
8603
|
_hoisted_6$9
|
|
@@ -8607,7 +8606,7 @@ const _hoisted_8$3 = {
|
|
|
8607
8606
|
key: 0,
|
|
8608
8607
|
class: "lupa-close-label"
|
|
8609
8608
|
};
|
|
8610
|
-
const _sfc_main$
|
|
8609
|
+
const _sfc_main$1s = /* @__PURE__ */ defineComponent({
|
|
8611
8610
|
__name: "SearchBoxInput",
|
|
8612
8611
|
props: {
|
|
8613
8612
|
options: {},
|
|
@@ -8691,20 +8690,20 @@ const _sfc_main$1p = /* @__PURE__ */ defineComponent({
|
|
|
8691
8690
|
};
|
|
8692
8691
|
__expose({ focus });
|
|
8693
8692
|
return (_ctx, _cache) => {
|
|
8694
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
8695
|
-
createBaseVNode("div", _hoisted_2$
|
|
8693
|
+
return openBlock(), createElementBlock("div", _hoisted_1$1g, [
|
|
8694
|
+
createBaseVNode("div", _hoisted_2$U, [
|
|
8696
8695
|
createBaseVNode("div", {
|
|
8697
8696
|
class: normalizeClass(["lupa-input-clear-content", { "lupa-input-clear-filled": inputValue.value }]),
|
|
8698
8697
|
onClick: clear2
|
|
8699
8698
|
}, null, 2)
|
|
8700
8699
|
]),
|
|
8701
|
-
createBaseVNode("div", _hoisted_3$
|
|
8700
|
+
createBaseVNode("div", _hoisted_3$D, [
|
|
8702
8701
|
createBaseVNode("input", {
|
|
8703
8702
|
class: "lupa-hint",
|
|
8704
8703
|
"aria-hidden": "true",
|
|
8705
8704
|
value: showHint.value ? suggestedValue.value.item.suggestion : "",
|
|
8706
8705
|
disabled: ""
|
|
8707
|
-
}, null, 8, _hoisted_4$
|
|
8706
|
+
}, null, 8, _hoisted_4$t),
|
|
8708
8707
|
withDirectives(createBaseVNode("input", mergeProps({
|
|
8709
8708
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event)
|
|
8710
8709
|
}, inputAttributes.value, {
|
|
@@ -8718,7 +8717,7 @@ const _sfc_main$1p = /* @__PURE__ */ defineComponent({
|
|
|
8718
8717
|
placeholder: labels.value.placeholder,
|
|
8719
8718
|
onInput: handleInput,
|
|
8720
8719
|
onFocus: handleFocus
|
|
8721
|
-
}), null, 16, _hoisted_5$
|
|
8720
|
+
}), null, 16, _hoisted_5$j), [
|
|
8722
8721
|
[vModelText, inputValue.value]
|
|
8723
8722
|
]),
|
|
8724
8723
|
_ctx.options.showSubmitButton ? (openBlock(), createElementBlock("button", {
|
|
@@ -8737,7 +8736,7 @@ const _sfc_main$1p = /* @__PURE__ */ defineComponent({
|
|
|
8737
8736
|
};
|
|
8738
8737
|
}
|
|
8739
8738
|
});
|
|
8740
|
-
const _sfc_main$
|
|
8739
|
+
const _sfc_main$1r = /* @__PURE__ */ defineComponent({
|
|
8741
8740
|
__name: "SearchBoxMoreResults",
|
|
8742
8741
|
props: {
|
|
8743
8742
|
labels: {},
|
|
@@ -8769,9 +8768,9 @@ const _sfc_main$1o = /* @__PURE__ */ defineComponent({
|
|
|
8769
8768
|
};
|
|
8770
8769
|
}
|
|
8771
8770
|
});
|
|
8772
|
-
const _hoisted_1$
|
|
8773
|
-
const _hoisted_2$
|
|
8774
|
-
const _sfc_main$
|
|
8771
|
+
const _hoisted_1$1f = { class: "lupa-search-box-history-item" };
|
|
8772
|
+
const _hoisted_2$T = { class: "lupa-search-box-history-item-content" };
|
|
8773
|
+
const _sfc_main$1q = /* @__PURE__ */ defineComponent({
|
|
8775
8774
|
__name: "SearchBoxHistoryItem",
|
|
8776
8775
|
props: {
|
|
8777
8776
|
item: {},
|
|
@@ -8787,8 +8786,8 @@ const _sfc_main$1n = /* @__PURE__ */ defineComponent({
|
|
|
8787
8786
|
emit2("click", { query: props.item });
|
|
8788
8787
|
};
|
|
8789
8788
|
return (_ctx, _cache) => {
|
|
8790
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
8791
|
-
createBaseVNode("div", _hoisted_2$
|
|
8789
|
+
return openBlock(), createElementBlock("div", _hoisted_1$1f, [
|
|
8790
|
+
createBaseVNode("div", _hoisted_2$T, [
|
|
8792
8791
|
createBaseVNode("div", {
|
|
8793
8792
|
class: normalizeClass(["lupa-search-box-history-item-text", { "lupa-search-box-history-item-highlighted": _ctx.highlighted }]),
|
|
8794
8793
|
onClick: click2
|
|
@@ -8802,11 +8801,11 @@ const _sfc_main$1n = /* @__PURE__ */ defineComponent({
|
|
|
8802
8801
|
};
|
|
8803
8802
|
}
|
|
8804
8803
|
});
|
|
8805
|
-
const _hoisted_1$
|
|
8804
|
+
const _hoisted_1$1e = {
|
|
8806
8805
|
key: 0,
|
|
8807
8806
|
class: "lupa-search-box-history-panel"
|
|
8808
8807
|
};
|
|
8809
|
-
const _sfc_main$
|
|
8808
|
+
const _sfc_main$1p = /* @__PURE__ */ defineComponent({
|
|
8810
8809
|
__name: "SearchBoxHistoryPanel",
|
|
8811
8810
|
props: {
|
|
8812
8811
|
options: {}
|
|
@@ -8847,9 +8846,9 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
|
|
|
8847
8846
|
}
|
|
8848
8847
|
};
|
|
8849
8848
|
return (_ctx, _cache) => {
|
|
8850
|
-
return hasHistory.value ? (openBlock(), createElementBlock("div", _hoisted_1$
|
|
8849
|
+
return hasHistory.value ? (openBlock(), createElementBlock("div", _hoisted_1$1e, [
|
|
8851
8850
|
(openBlock(true), createElementBlock(Fragment, null, renderList(unref(history), (item, index) => {
|
|
8852
|
-
return openBlock(), createBlock(_sfc_main$
|
|
8851
|
+
return openBlock(), createBlock(_sfc_main$1q, {
|
|
8853
8852
|
key: item,
|
|
8854
8853
|
item,
|
|
8855
8854
|
highlighted: index === highlightIndex.value,
|
|
@@ -8865,15 +8864,15 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
|
|
|
8865
8864
|
};
|
|
8866
8865
|
}
|
|
8867
8866
|
});
|
|
8868
|
-
const _hoisted_1$
|
|
8869
|
-
const _sfc_main$
|
|
8867
|
+
const _hoisted_1$1d = { class: "lupa-search-box-no-results" };
|
|
8868
|
+
const _sfc_main$1o = /* @__PURE__ */ defineComponent({
|
|
8870
8869
|
__name: "SearchBoxNoResults",
|
|
8871
8870
|
props: {
|
|
8872
8871
|
labels: {}
|
|
8873
8872
|
},
|
|
8874
8873
|
setup(__props) {
|
|
8875
8874
|
return (_ctx, _cache) => {
|
|
8876
|
-
return openBlock(), createElementBlock("p", _hoisted_1$
|
|
8875
|
+
return openBlock(), createElementBlock("p", _hoisted_1$1d, toDisplayString(_ctx.labels.noResults), 1);
|
|
8877
8876
|
};
|
|
8878
8877
|
}
|
|
8879
8878
|
});
|
|
@@ -8905,26 +8904,26 @@ const generateGridTemplate = (elements) => {
|
|
|
8905
8904
|
}
|
|
8906
8905
|
return gridTemplate.join(" ");
|
|
8907
8906
|
};
|
|
8908
|
-
const _hoisted_1$
|
|
8909
|
-
const _hoisted_2$
|
|
8907
|
+
const _hoisted_1$1c = ["innerHTML"];
|
|
8908
|
+
const _hoisted_2$S = {
|
|
8910
8909
|
key: 1,
|
|
8911
8910
|
"data-cy": "lupa-suggestion-value",
|
|
8912
8911
|
class: "lupa-suggestion-value"
|
|
8913
8912
|
};
|
|
8914
|
-
const _hoisted_3$
|
|
8913
|
+
const _hoisted_3$C = {
|
|
8915
8914
|
key: 2,
|
|
8916
8915
|
class: "lupa-suggestion-facet",
|
|
8917
8916
|
"data-cy": "lupa-suggestion-facet"
|
|
8918
8917
|
};
|
|
8919
|
-
const _hoisted_4$
|
|
8918
|
+
const _hoisted_4$s = {
|
|
8920
8919
|
class: "lupa-suggestion-facet-label",
|
|
8921
8920
|
"data-cy": "lupa-suggestion-facet-label"
|
|
8922
8921
|
};
|
|
8923
|
-
const _hoisted_5$
|
|
8922
|
+
const _hoisted_5$i = {
|
|
8924
8923
|
class: "lupa-suggestion-facet-value",
|
|
8925
8924
|
"data-cy": "lupa-suggestion-facet-value"
|
|
8926
8925
|
};
|
|
8927
|
-
const _sfc_main$
|
|
8926
|
+
const _sfc_main$1n = /* @__PURE__ */ defineComponent({
|
|
8928
8927
|
__name: "SearchBoxSuggestion",
|
|
8929
8928
|
props: {
|
|
8930
8929
|
suggestion: {},
|
|
@@ -8960,20 +8959,20 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
|
|
|
8960
8959
|
class: "lupa-suggestion-value",
|
|
8961
8960
|
"data-cy": "lupa-suggestion-value",
|
|
8962
8961
|
innerHTML: _ctx.suggestion.displayHighlight
|
|
8963
|
-
}, null, 8, _hoisted_1$
|
|
8964
|
-
_ctx.suggestion.facet ? (openBlock(), createElementBlock("div", _hoisted_3$
|
|
8965
|
-
createBaseVNode("span", _hoisted_4$
|
|
8966
|
-
createBaseVNode("span", _hoisted_5$
|
|
8962
|
+
}, null, 8, _hoisted_1$1c)) : (openBlock(), createElementBlock("div", _hoisted_2$S, toDisplayString(_ctx.suggestion.display), 1)),
|
|
8963
|
+
_ctx.suggestion.facet ? (openBlock(), createElementBlock("div", _hoisted_3$C, [
|
|
8964
|
+
createBaseVNode("span", _hoisted_4$s, toDisplayString(facetLabel.value), 1),
|
|
8965
|
+
createBaseVNode("span", _hoisted_5$i, toDisplayString(_ctx.suggestion.facet.title), 1)
|
|
8967
8966
|
])) : createCommentVNode("", true)
|
|
8968
8967
|
]);
|
|
8969
8968
|
};
|
|
8970
8969
|
}
|
|
8971
8970
|
});
|
|
8972
|
-
const _hoisted_1$
|
|
8971
|
+
const _hoisted_1$1b = {
|
|
8973
8972
|
id: "lupa-search-box-suggestions",
|
|
8974
8973
|
"data-cy": "lupa-search-box-suggestions"
|
|
8975
8974
|
};
|
|
8976
|
-
const _sfc_main$
|
|
8975
|
+
const _sfc_main$1m = /* @__PURE__ */ defineComponent({
|
|
8977
8976
|
__name: "SearchBoxSuggestions",
|
|
8978
8977
|
props: {
|
|
8979
8978
|
items: {},
|
|
@@ -9033,9 +9032,9 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
|
|
|
9033
9032
|
});
|
|
9034
9033
|
});
|
|
9035
9034
|
return (_ctx, _cache) => {
|
|
9036
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
9035
|
+
return openBlock(), createElementBlock("div", _hoisted_1$1b, [
|
|
9037
9036
|
(openBlock(true), createElementBlock(Fragment, null, renderList(items.value, (item, index) => {
|
|
9038
|
-
return openBlock(), createBlock(_sfc_main$
|
|
9037
|
+
return openBlock(), createBlock(_sfc_main$1n, {
|
|
9039
9038
|
key: getSuggestionKey(item),
|
|
9040
9039
|
class: normalizeClass(["lupa-suggestion", index === highlightedIndex.value ? "lupa-suggestion-highlighted" : ""]),
|
|
9041
9040
|
suggestion: item,
|
|
@@ -9063,7 +9062,7 @@ const debounce$1 = (func, timeout) => {
|
|
|
9063
9062
|
}, timeout);
|
|
9064
9063
|
};
|
|
9065
9064
|
};
|
|
9066
|
-
const _sfc_main$
|
|
9065
|
+
const _sfc_main$1l = /* @__PURE__ */ defineComponent({
|
|
9067
9066
|
__name: "SearchBoxSuggestionsWrapper",
|
|
9068
9067
|
props: {
|
|
9069
9068
|
panel: {},
|
|
@@ -9105,7 +9104,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
|
|
|
9105
9104
|
const getSuggestionsDebounced = debounce$1(getSuggestions, props.debounce);
|
|
9106
9105
|
watch(() => props.panel.limit, getSuggestionsDebounced);
|
|
9107
9106
|
return (_ctx, _cache) => {
|
|
9108
|
-
return openBlock(), createBlock(_sfc_main$
|
|
9107
|
+
return openBlock(), createBlock(_sfc_main$1m, {
|
|
9109
9108
|
items: searchResult.value,
|
|
9110
9109
|
highlight: _ctx.panel.highlight,
|
|
9111
9110
|
queryKey: _ctx.panel.queryKey,
|
|
@@ -18104,9 +18103,13 @@ const renderHtmlTemplate = (template, document2 = {}) => {
|
|
|
18104
18103
|
const getFieldValue = (doc2, field = "") => {
|
|
18105
18104
|
var _a;
|
|
18106
18105
|
if (typeof field === "number") {
|
|
18107
|
-
return field;
|
|
18106
|
+
return +field;
|
|
18108
18107
|
}
|
|
18109
|
-
|
|
18108
|
+
const value = (_a = field == null ? void 0 : field.split(".")) == null ? void 0 : _a.reduce((obj, key) => obj ? obj[key] : void 0, doc2);
|
|
18109
|
+
if (+value) {
|
|
18110
|
+
return +value;
|
|
18111
|
+
}
|
|
18112
|
+
return value;
|
|
18110
18113
|
};
|
|
18111
18114
|
const processDisplayCondition = (displayCondition, doc2 = {}) => {
|
|
18112
18115
|
const { condition, fields } = displayCondition;
|
|
@@ -18179,9 +18182,9 @@ const replaceImageWithPlaceholder = (e2, placeholder) => {
|
|
|
18179
18182
|
targetImage.src = placeholder;
|
|
18180
18183
|
}
|
|
18181
18184
|
};
|
|
18182
|
-
const _hoisted_1$
|
|
18183
|
-
const _hoisted_2$
|
|
18184
|
-
const _sfc_main$
|
|
18185
|
+
const _hoisted_1$1a = ["src"];
|
|
18186
|
+
const _hoisted_2$R = ["src"];
|
|
18187
|
+
const _sfc_main$1k = /* @__PURE__ */ defineComponent({
|
|
18185
18188
|
__name: "ProductImage",
|
|
18186
18189
|
props: {
|
|
18187
18190
|
item: {},
|
|
@@ -18323,7 +18326,7 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
|
|
|
18323
18326
|
}, { alt: imageAlt.value ? imageAlt.value : void 0 }, {
|
|
18324
18327
|
onError: replaceWithPlaceholder,
|
|
18325
18328
|
key: finalUrl.value
|
|
18326
|
-
}), null, 16, _hoisted_1$
|
|
18329
|
+
}), null, 16, _hoisted_1$1a))
|
|
18327
18330
|
]),
|
|
18328
18331
|
_: 1
|
|
18329
18332
|
})) : (openBlock(), createElementBlock("img", mergeProps({
|
|
@@ -18331,12 +18334,12 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
|
|
|
18331
18334
|
class: ["lupa-images-main-image", { [_ctx.imageClass]: true }],
|
|
18332
18335
|
style: styleOverride.value,
|
|
18333
18336
|
src: finalMainImageUrl.value
|
|
18334
|
-
}, { alt: imageAlt.value ? imageAlt.value : void 0 }, { onError: replaceWithPlaceholder }), null, 16, _hoisted_2$
|
|
18337
|
+
}, { alt: imageAlt.value ? imageAlt.value : void 0 }, { onError: replaceWithPlaceholder }), null, 16, _hoisted_2$R))
|
|
18335
18338
|
], 38);
|
|
18336
18339
|
};
|
|
18337
18340
|
}
|
|
18338
18341
|
});
|
|
18339
|
-
const _sfc_main$
|
|
18342
|
+
const _sfc_main$1j = /* @__PURE__ */ defineComponent({
|
|
18340
18343
|
__name: "SearchBoxProductImage",
|
|
18341
18344
|
props: {
|
|
18342
18345
|
item: {},
|
|
@@ -18344,7 +18347,7 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
|
|
|
18344
18347
|
},
|
|
18345
18348
|
setup(__props) {
|
|
18346
18349
|
return (_ctx, _cache) => {
|
|
18347
|
-
return openBlock(), createBlock(_sfc_main$
|
|
18350
|
+
return openBlock(), createBlock(_sfc_main$1k, {
|
|
18348
18351
|
item: _ctx.item,
|
|
18349
18352
|
options: _ctx.options,
|
|
18350
18353
|
"wrapper-class": "lupa-search-box-image-wrapper",
|
|
@@ -18353,12 +18356,12 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
|
|
|
18353
18356
|
};
|
|
18354
18357
|
}
|
|
18355
18358
|
});
|
|
18356
|
-
const _hoisted_1$
|
|
18357
|
-
const _hoisted_2$
|
|
18359
|
+
const _hoisted_1$19 = ["innerHTML"];
|
|
18360
|
+
const _hoisted_2$Q = {
|
|
18358
18361
|
key: 1,
|
|
18359
18362
|
class: "lupa-search-box-product-title"
|
|
18360
18363
|
};
|
|
18361
|
-
const _sfc_main$
|
|
18364
|
+
const _sfc_main$1i = /* @__PURE__ */ defineComponent({
|
|
18362
18365
|
__name: "SearchBoxProductTitle",
|
|
18363
18366
|
props: {
|
|
18364
18367
|
item: {},
|
|
@@ -18381,18 +18384,18 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
|
|
|
18381
18384
|
key: 0,
|
|
18382
18385
|
class: "lupa-search-box-product-title",
|
|
18383
18386
|
innerHTML: sanitizedTitle.value
|
|
18384
|
-
}, null, 8, _hoisted_1$
|
|
18387
|
+
}, null, 8, _hoisted_1$19)) : (openBlock(), createElementBlock("div", _hoisted_2$Q, [
|
|
18385
18388
|
createBaseVNode("strong", null, toDisplayString(title.value), 1)
|
|
18386
18389
|
]));
|
|
18387
18390
|
};
|
|
18388
18391
|
}
|
|
18389
18392
|
});
|
|
18390
|
-
const _hoisted_1$
|
|
18391
|
-
const _hoisted_2$
|
|
18393
|
+
const _hoisted_1$18 = ["innerHTML"];
|
|
18394
|
+
const _hoisted_2$P = {
|
|
18392
18395
|
key: 1,
|
|
18393
18396
|
class: "lupa-search-box-product-description"
|
|
18394
18397
|
};
|
|
18395
|
-
const _sfc_main$
|
|
18398
|
+
const _sfc_main$1h = /* @__PURE__ */ defineComponent({
|
|
18396
18399
|
__name: "SearchBoxProductDescription",
|
|
18397
18400
|
props: {
|
|
18398
18401
|
item: {},
|
|
@@ -18415,12 +18418,12 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
|
|
|
18415
18418
|
key: 0,
|
|
18416
18419
|
class: "lupa-search-box-product-description",
|
|
18417
18420
|
innerHTML: sanitizedDescription.value
|
|
18418
|
-
}, null, 8, _hoisted_1$
|
|
18421
|
+
}, null, 8, _hoisted_1$18)) : (openBlock(), createElementBlock("div", _hoisted_2$P, toDisplayString(description.value), 1));
|
|
18419
18422
|
};
|
|
18420
18423
|
}
|
|
18421
18424
|
});
|
|
18422
|
-
const _hoisted_1$
|
|
18423
|
-
const _sfc_main$
|
|
18425
|
+
const _hoisted_1$17 = { class: "lupa-search-box-product-price" };
|
|
18426
|
+
const _sfc_main$1g = /* @__PURE__ */ defineComponent({
|
|
18424
18427
|
__name: "SearchBoxProductPrice",
|
|
18425
18428
|
props: {
|
|
18426
18429
|
item: {},
|
|
@@ -18438,13 +18441,13 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
|
|
|
18438
18441
|
);
|
|
18439
18442
|
});
|
|
18440
18443
|
return (_ctx, _cache) => {
|
|
18441
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
18444
|
+
return openBlock(), createElementBlock("div", _hoisted_1$17, [
|
|
18442
18445
|
createBaseVNode("strong", null, toDisplayString(price.value), 1)
|
|
18443
18446
|
]);
|
|
18444
18447
|
};
|
|
18445
18448
|
}
|
|
18446
18449
|
});
|
|
18447
|
-
const _sfc_main$
|
|
18450
|
+
const _sfc_main$1f = /* @__PURE__ */ defineComponent({
|
|
18448
18451
|
__name: "SearchBoxProductRegularPrice",
|
|
18449
18452
|
props: {
|
|
18450
18453
|
item: {},
|
|
@@ -18471,12 +18474,12 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
|
|
|
18471
18474
|
};
|
|
18472
18475
|
}
|
|
18473
18476
|
});
|
|
18474
|
-
const _hoisted_1$
|
|
18475
|
-
const _hoisted_2$
|
|
18476
|
-
const _hoisted_3$
|
|
18477
|
-
const _hoisted_4$
|
|
18478
|
-
const _hoisted_5$
|
|
18479
|
-
const _sfc_main$
|
|
18477
|
+
const _hoisted_1$16 = ["innerHTML"];
|
|
18478
|
+
const _hoisted_2$O = { key: 0 };
|
|
18479
|
+
const _hoisted_3$B = { key: 1 };
|
|
18480
|
+
const _hoisted_4$r = { class: "lupa-search-box-custom-label" };
|
|
18481
|
+
const _hoisted_5$h = { class: "lupa-search-box-custom-text" };
|
|
18482
|
+
const _sfc_main$1e = /* @__PURE__ */ defineComponent({
|
|
18480
18483
|
__name: "SearchBoxProductCustom",
|
|
18481
18484
|
props: {
|
|
18482
18485
|
item: {},
|
|
@@ -18502,20 +18505,20 @@ const _sfc_main$1b = /* @__PURE__ */ defineComponent({
|
|
|
18502
18505
|
key: 0,
|
|
18503
18506
|
class: [className.value, "lupa-search-box-product-custom"],
|
|
18504
18507
|
innerHTML: text.value
|
|
18505
|
-
}, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$
|
|
18508
|
+
}, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$16)) : (openBlock(), createElementBlock("div", mergeProps({
|
|
18506
18509
|
key: 1,
|
|
18507
18510
|
class: [className.value, "lupa-search-box-product-custom"]
|
|
18508
18511
|
}, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
|
|
18509
|
-
!label.value ? (openBlock(), createElementBlock("div", _hoisted_2$
|
|
18510
|
-
createBaseVNode("div", _hoisted_4$
|
|
18511
|
-
createBaseVNode("div", _hoisted_5$
|
|
18512
|
+
!label.value ? (openBlock(), createElementBlock("div", _hoisted_2$O, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$B, [
|
|
18513
|
+
createBaseVNode("div", _hoisted_4$r, toDisplayString(label.value), 1),
|
|
18514
|
+
createBaseVNode("div", _hoisted_5$h, toDisplayString(text.value), 1)
|
|
18512
18515
|
]))
|
|
18513
18516
|
], 16));
|
|
18514
18517
|
};
|
|
18515
18518
|
}
|
|
18516
18519
|
});
|
|
18517
|
-
const _hoisted_1$
|
|
18518
|
-
const _sfc_main$
|
|
18520
|
+
const _hoisted_1$15 = ["innerHTML"];
|
|
18521
|
+
const _sfc_main$1d = /* @__PURE__ */ defineComponent({
|
|
18519
18522
|
__name: "SearchBoxProductCustomHtml",
|
|
18520
18523
|
props: {
|
|
18521
18524
|
item: {},
|
|
@@ -18540,7 +18543,7 @@ const _sfc_main$1a = /* @__PURE__ */ defineComponent({
|
|
|
18540
18543
|
return openBlock(), createElementBlock("div", mergeProps({
|
|
18541
18544
|
class: className.value,
|
|
18542
18545
|
innerHTML: text.value
|
|
18543
|
-
}, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$
|
|
18546
|
+
}, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$15);
|
|
18544
18547
|
};
|
|
18545
18548
|
}
|
|
18546
18549
|
});
|
|
@@ -18774,10 +18777,10 @@ const useSearchResultStore = defineStore("searchResult", () => {
|
|
|
18774
18777
|
setRelatedCategoryChildren
|
|
18775
18778
|
};
|
|
18776
18779
|
});
|
|
18777
|
-
const _hoisted_1$
|
|
18778
|
-
const _hoisted_2$
|
|
18779
|
-
const _hoisted_3$
|
|
18780
|
-
const _sfc_main$
|
|
18780
|
+
const _hoisted_1$14 = { class: "lupa-search-box-add-to-cart-wrapper" };
|
|
18781
|
+
const _hoisted_2$N = { class: "lupa-search-box-product-addtocart" };
|
|
18782
|
+
const _hoisted_3$A = ["onClick", "disabled"];
|
|
18783
|
+
const _sfc_main$1c = /* @__PURE__ */ defineComponent({
|
|
18781
18784
|
__name: "SearchBoxProductAddToCart",
|
|
18782
18785
|
props: {
|
|
18783
18786
|
item: {},
|
|
@@ -18810,37 +18813,37 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
|
|
|
18810
18813
|
loading.value = false;
|
|
18811
18814
|
});
|
|
18812
18815
|
return (_ctx, _cache) => {
|
|
18813
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
18814
|
-
createBaseVNode("div", _hoisted_2$
|
|
18816
|
+
return openBlock(), createElementBlock("div", _hoisted_1$14, [
|
|
18817
|
+
createBaseVNode("div", _hoisted_2$N, [
|
|
18815
18818
|
createBaseVNode("button", {
|
|
18816
18819
|
onClick: withModifiers(handleClick, ["stop", "prevent"]),
|
|
18817
18820
|
class: normalizeClass(loading.value ? "lupa-add-to-cart-loading" : "lupa-add-to-cart"),
|
|
18818
18821
|
"data-cy": "lupa-add-to-cart",
|
|
18819
18822
|
type: "button",
|
|
18820
18823
|
disabled: !inStockValue.value || loading.value
|
|
18821
|
-
}, toDisplayString(label.value), 11, _hoisted_3$
|
|
18824
|
+
}, toDisplayString(label.value), 11, _hoisted_3$A)
|
|
18822
18825
|
])
|
|
18823
18826
|
]);
|
|
18824
18827
|
};
|
|
18825
18828
|
}
|
|
18826
18829
|
});
|
|
18827
|
-
const _hoisted_1$
|
|
18830
|
+
const _hoisted_1$13 = {
|
|
18828
18831
|
key: 1,
|
|
18829
18832
|
class: "lupa-search-box-element-badge-wrapper"
|
|
18830
18833
|
};
|
|
18831
18834
|
const __default__$4 = {
|
|
18832
18835
|
components: {
|
|
18833
|
-
SearchBoxProductImage: _sfc_main$
|
|
18834
|
-
SearchBoxProductTitle: _sfc_main$
|
|
18835
|
-
SearchBoxProductDescription: _sfc_main$
|
|
18836
|
-
SearchBoxProductPrice: _sfc_main$
|
|
18837
|
-
SearchBoxProductRegularPrice: _sfc_main$
|
|
18838
|
-
SearchBoxProductCustom: _sfc_main$
|
|
18839
|
-
SearchBoxProductCustomHtml: _sfc_main$
|
|
18840
|
-
SearchBoxProductAddToCart: _sfc_main$
|
|
18836
|
+
SearchBoxProductImage: _sfc_main$1j,
|
|
18837
|
+
SearchBoxProductTitle: _sfc_main$1i,
|
|
18838
|
+
SearchBoxProductDescription: _sfc_main$1h,
|
|
18839
|
+
SearchBoxProductPrice: _sfc_main$1g,
|
|
18840
|
+
SearchBoxProductRegularPrice: _sfc_main$1f,
|
|
18841
|
+
SearchBoxProductCustom: _sfc_main$1e,
|
|
18842
|
+
SearchBoxProductCustomHtml: _sfc_main$1d,
|
|
18843
|
+
SearchBoxProductAddToCart: _sfc_main$1c
|
|
18841
18844
|
}
|
|
18842
18845
|
};
|
|
18843
|
-
const _sfc_main$
|
|
18846
|
+
const _sfc_main$1b = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$4), {
|
|
18844
18847
|
__name: "SearchBoxProductElement",
|
|
18845
18848
|
props: {
|
|
18846
18849
|
item: {},
|
|
@@ -18903,7 +18906,7 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValu
|
|
|
18903
18906
|
class: normalizeClass({ "lupa-loading-dynamic-data": isLoadingDynamicData((_a = _ctx.item) == null ? void 0 : _a.id) }),
|
|
18904
18907
|
inStock: _ctx.isInStock
|
|
18905
18908
|
}, null, 8, ["item", "options", "labels", "class", "inStock"])) : createCommentVNode("", true)
|
|
18906
|
-
], 64)) : (openBlock(), createElementBlock("div", _hoisted_1$
|
|
18909
|
+
], 64)) : (openBlock(), createElementBlock("div", _hoisted_1$13, [
|
|
18907
18910
|
displayElement.value ? (openBlock(), createBlock(resolveDynamicComponent(elementComponent.value), {
|
|
18908
18911
|
key: 0,
|
|
18909
18912
|
item: enhancedItem.value,
|
|
@@ -18917,14 +18920,14 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValu
|
|
|
18917
18920
|
};
|
|
18918
18921
|
}
|
|
18919
18922
|
}));
|
|
18920
|
-
const _hoisted_1$
|
|
18921
|
-
const _hoisted_2$
|
|
18922
|
-
const _hoisted_3$
|
|
18923
|
-
const _hoisted_4$
|
|
18923
|
+
const _hoisted_1$12 = { class: "lupa-badge-title" };
|
|
18924
|
+
const _hoisted_2$M = ["src"];
|
|
18925
|
+
const _hoisted_3$z = { key: 1 };
|
|
18926
|
+
const _hoisted_4$q = {
|
|
18924
18927
|
key: 0,
|
|
18925
18928
|
class: "lupa-badge-full-text"
|
|
18926
18929
|
};
|
|
18927
|
-
const _sfc_main$
|
|
18930
|
+
const _sfc_main$1a = /* @__PURE__ */ defineComponent({
|
|
18928
18931
|
__name: "SearchResultGeneratedBadge",
|
|
18929
18932
|
props: {
|
|
18930
18933
|
options: {},
|
|
@@ -18957,20 +18960,20 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
|
|
|
18957
18960
|
class: normalizeClass(["lupa-dynamic-badge", customClassName.value]),
|
|
18958
18961
|
style: normalizeStyle({ background: _ctx.badge.backgroundColor, color: _ctx.badge.color })
|
|
18959
18962
|
}, [
|
|
18960
|
-
createBaseVNode("span", _hoisted_1$
|
|
18963
|
+
createBaseVNode("span", _hoisted_1$12, [
|
|
18961
18964
|
image.value ? (openBlock(), createElementBlock("img", {
|
|
18962
18965
|
key: 0,
|
|
18963
18966
|
src: image.value
|
|
18964
|
-
}, null, 8, _hoisted_2$
|
|
18965
|
-
hasTitleText.value && showTitle.value ? (openBlock(), createElementBlock("span", _hoisted_3$
|
|
18967
|
+
}, null, 8, _hoisted_2$M)) : createCommentVNode("", true),
|
|
18968
|
+
hasTitleText.value && showTitle.value ? (openBlock(), createElementBlock("span", _hoisted_3$z, toDisplayString(_ctx.badge.titleText), 1)) : createCommentVNode("", true)
|
|
18966
18969
|
]),
|
|
18967
|
-
hasAdditionalText.value ? (openBlock(), createElementBlock("span", _hoisted_4$
|
|
18970
|
+
hasAdditionalText.value ? (openBlock(), createElementBlock("span", _hoisted_4$q, toDisplayString(_ctx.badge.additionalText), 1)) : createCommentVNode("", true)
|
|
18968
18971
|
], 6);
|
|
18969
18972
|
};
|
|
18970
18973
|
}
|
|
18971
18974
|
});
|
|
18972
|
-
const _hoisted_1
|
|
18973
|
-
const _sfc_main$
|
|
18975
|
+
const _hoisted_1$11 = { class: "lupa-generated-badges" };
|
|
18976
|
+
const _sfc_main$19 = /* @__PURE__ */ defineComponent({
|
|
18974
18977
|
__name: "SearchResultGeneratedBadges",
|
|
18975
18978
|
props: {
|
|
18976
18979
|
options: {}
|
|
@@ -18996,9 +18999,9 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
|
|
|
18996
18999
|
})).filter((b) => Boolean(b.id));
|
|
18997
19000
|
});
|
|
18998
19001
|
return (_ctx, _cache) => {
|
|
18999
|
-
return openBlock(), createElementBlock("div", _hoisted_1
|
|
19002
|
+
return openBlock(), createElementBlock("div", _hoisted_1$11, [
|
|
19000
19003
|
(openBlock(true), createElementBlock(Fragment, null, renderList(badges.value, (badge) => {
|
|
19001
|
-
return openBlock(), createBlock(_sfc_main$
|
|
19004
|
+
return openBlock(), createBlock(_sfc_main$1a, {
|
|
19002
19005
|
key: badge.id,
|
|
19003
19006
|
badge,
|
|
19004
19007
|
options: _ctx.options
|
|
@@ -19008,8 +19011,8 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
|
|
|
19008
19011
|
};
|
|
19009
19012
|
}
|
|
19010
19013
|
});
|
|
19011
|
-
const _hoisted_1$
|
|
19012
|
-
const _sfc_main$
|
|
19014
|
+
const _hoisted_1$10 = ["innerHTML"];
|
|
19015
|
+
const _sfc_main$18 = /* @__PURE__ */ defineComponent({
|
|
19013
19016
|
__name: "CustomBadge",
|
|
19014
19017
|
props: {
|
|
19015
19018
|
badge: {}
|
|
@@ -19030,12 +19033,12 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
|
|
|
19030
19033
|
return openBlock(), createElementBlock("div", {
|
|
19031
19034
|
class: normalizeClass(className.value),
|
|
19032
19035
|
innerHTML: text.value
|
|
19033
|
-
}, null, 10, _hoisted_1$
|
|
19036
|
+
}, null, 10, _hoisted_1$10);
|
|
19034
19037
|
};
|
|
19035
19038
|
}
|
|
19036
19039
|
});
|
|
19037
|
-
const _hoisted_1
|
|
19038
|
-
const _sfc_main$
|
|
19040
|
+
const _hoisted_1$$ = { class: "lupa-text-badges" };
|
|
19041
|
+
const _sfc_main$17 = /* @__PURE__ */ defineComponent({
|
|
19039
19042
|
__name: "TextBadge",
|
|
19040
19043
|
props: {
|
|
19041
19044
|
badge: {}
|
|
@@ -19043,14 +19046,13 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
|
|
|
19043
19046
|
setup(__props) {
|
|
19044
19047
|
const props = __props;
|
|
19045
19048
|
const badges = computed(() => {
|
|
19046
|
-
|
|
19047
|
-
return (_b = (_a = props.badge) == null ? void 0 : _a.value) != null ? _b : [];
|
|
19049
|
+
return Array.isArray(props.badge.value) ? props.badge.value : [props.badge.value];
|
|
19048
19050
|
});
|
|
19049
19051
|
const displayBadges = computed(() => {
|
|
19050
19052
|
return badges.value.slice(0, props.badge.maxItems);
|
|
19051
19053
|
});
|
|
19052
19054
|
return (_ctx, _cache) => {
|
|
19053
|
-
return openBlock(), createElementBlock("div", _hoisted_1
|
|
19055
|
+
return openBlock(), createElementBlock("div", _hoisted_1$$, [
|
|
19054
19056
|
(openBlock(true), createElementBlock(Fragment, null, renderList(displayBadges.value, (item) => {
|
|
19055
19057
|
return openBlock(), createElementBlock("div", {
|
|
19056
19058
|
class: "lupa-badge lupa-text-badge",
|
|
@@ -19061,9 +19063,9 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
|
|
|
19061
19063
|
};
|
|
19062
19064
|
}
|
|
19063
19065
|
});
|
|
19064
|
-
const _hoisted_1$
|
|
19065
|
-
const _hoisted_2$
|
|
19066
|
-
const _sfc_main$
|
|
19066
|
+
const _hoisted_1$_ = { class: "lupa-image-badges" };
|
|
19067
|
+
const _hoisted_2$L = ["src"];
|
|
19068
|
+
const _sfc_main$16 = /* @__PURE__ */ defineComponent({
|
|
19067
19069
|
__name: "ImageBadge",
|
|
19068
19070
|
props: {
|
|
19069
19071
|
badge: {}
|
|
@@ -19071,7 +19073,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
|
|
|
19071
19073
|
setup(__props) {
|
|
19072
19074
|
const props = __props;
|
|
19073
19075
|
const badges = computed(() => {
|
|
19074
|
-
return props.badge.value;
|
|
19076
|
+
return Array.isArray(props.badge.value) ? props.badge.value : [props.badge.value];
|
|
19075
19077
|
});
|
|
19076
19078
|
const displayBadges = computed(() => {
|
|
19077
19079
|
return badges.value.slice(0, props.badge.maxItems);
|
|
@@ -19083,7 +19085,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
|
|
|
19083
19085
|
return `${props.badge.rootImageUrl}${src}`;
|
|
19084
19086
|
};
|
|
19085
19087
|
return (_ctx, _cache) => {
|
|
19086
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
19088
|
+
return openBlock(), createElementBlock("div", _hoisted_1$_, [
|
|
19087
19089
|
(openBlock(true), createElementBlock(Fragment, null, renderList(displayBadges.value, (item) => {
|
|
19088
19090
|
return openBlock(), createElementBlock("div", {
|
|
19089
19091
|
class: "lupa-badge lupa-image-badge",
|
|
@@ -19091,22 +19093,81 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
|
|
|
19091
19093
|
}, [
|
|
19092
19094
|
createBaseVNode("img", {
|
|
19093
19095
|
src: getImageUrl(item)
|
|
19094
|
-
}, null, 8, _hoisted_2$
|
|
19096
|
+
}, null, 8, _hoisted_2$L)
|
|
19095
19097
|
]);
|
|
19096
19098
|
}), 128))
|
|
19097
19099
|
]);
|
|
19098
19100
|
};
|
|
19099
19101
|
}
|
|
19100
19102
|
});
|
|
19101
|
-
const
|
|
19103
|
+
const _sfc_main$15 = /* @__PURE__ */ defineComponent({
|
|
19104
|
+
__name: "DiscountBadge",
|
|
19105
|
+
props: {
|
|
19106
|
+
badge: {}
|
|
19107
|
+
},
|
|
19108
|
+
setup(__props) {
|
|
19109
|
+
const props = __props;
|
|
19110
|
+
const optionStore = useOptionsStore();
|
|
19111
|
+
const { searchResultOptions } = storeToRefs(optionStore);
|
|
19112
|
+
const className = computed(() => {
|
|
19113
|
+
var _a;
|
|
19114
|
+
return (_a = props.badge.className) != null ? _a : "";
|
|
19115
|
+
});
|
|
19116
|
+
const discountValue = computed(() => {
|
|
19117
|
+
var _a, _b, _c, _d;
|
|
19118
|
+
if (props.badge.discountKey) {
|
|
19119
|
+
return (_b = (_a = props.badge.product) == null ? void 0 : _a[props.badge.discountKey]) != null ? _b : 0;
|
|
19120
|
+
}
|
|
19121
|
+
if (props.badge.regularPriceKey && props.badge.finalPriceKey) {
|
|
19122
|
+
const regularPrice = +((_c = props.badge.product) == null ? void 0 : _c[props.badge.regularPriceKey]);
|
|
19123
|
+
const finalPrice = +((_d = props.badge.product) == null ? void 0 : _d[props.badge.finalPriceKey]);
|
|
19124
|
+
if (!regularPrice || !finalPrice) {
|
|
19125
|
+
return 0;
|
|
19126
|
+
}
|
|
19127
|
+
if (props.badge.discountType === "percentage") {
|
|
19128
|
+
return (regularPrice - finalPrice) / regularPrice * 100;
|
|
19129
|
+
} else {
|
|
19130
|
+
return regularPrice - finalPrice;
|
|
19131
|
+
}
|
|
19132
|
+
}
|
|
19133
|
+
return 0;
|
|
19134
|
+
});
|
|
19135
|
+
const discountStringValue = computed(() => {
|
|
19136
|
+
var _a, _b, _c, _d;
|
|
19137
|
+
return props.badge.discountType === "percentage" ? discountValue.value.toFixed(0) : formatPrice(
|
|
19138
|
+
discountValue.value,
|
|
19139
|
+
(_b = (_a = searchResultOptions.value) == null ? void 0 : _a.labels) == null ? void 0 : _b.currency,
|
|
19140
|
+
(_d = (_c = searchResultOptions.value) == null ? void 0 : _c.labels) == null ? void 0 : _d.priceSeparator
|
|
19141
|
+
);
|
|
19142
|
+
});
|
|
19143
|
+
const hasDiscount = computed(() => {
|
|
19144
|
+
return Boolean(discountValue.value) && discountValue.value > 0;
|
|
19145
|
+
});
|
|
19146
|
+
const discount = computed(() => {
|
|
19147
|
+
var _a, _b, _c, _d;
|
|
19148
|
+
const defaultPostfix = props.badge.discountType === "percentage" ? " %" : "";
|
|
19149
|
+
const prefix = (_b = (_a = props.badge.labels) == null ? void 0 : _a.prefix) != null ? _b : "- ";
|
|
19150
|
+
const postfix = (_d = (_c = props.badge.labels) == null ? void 0 : _c.postfix) != null ? _d : defaultPostfix;
|
|
19151
|
+
return `${prefix}${discountStringValue.value}${postfix}`;
|
|
19152
|
+
});
|
|
19153
|
+
return (_ctx, _cache) => {
|
|
19154
|
+
return hasDiscount.value ? (openBlock(), createElementBlock("div", {
|
|
19155
|
+
key: 0,
|
|
19156
|
+
class: normalizeClass([className.value, "lupa-discount-badge"])
|
|
19157
|
+
}, toDisplayString(discount.value), 3)) : createCommentVNode("", true);
|
|
19158
|
+
};
|
|
19159
|
+
}
|
|
19160
|
+
});
|
|
19161
|
+
const _hoisted_1$Z = { id: "lupa-search-results-badges" };
|
|
19102
19162
|
const __default__$3 = {
|
|
19103
19163
|
components: {
|
|
19104
|
-
CustomBadge: _sfc_main$
|
|
19105
|
-
TextBadge: _sfc_main$
|
|
19106
|
-
ImageBadge: _sfc_main$
|
|
19164
|
+
CustomBadge: _sfc_main$18,
|
|
19165
|
+
TextBadge: _sfc_main$17,
|
|
19166
|
+
ImageBadge: _sfc_main$16,
|
|
19167
|
+
DiscountBadge: _sfc_main$15
|
|
19107
19168
|
}
|
|
19108
19169
|
};
|
|
19109
|
-
const _sfc_main$
|
|
19170
|
+
const _sfc_main$14 = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$3), {
|
|
19110
19171
|
__name: "SearchResultsBadgeWrapper",
|
|
19111
19172
|
props: {
|
|
19112
19173
|
position: {},
|
|
@@ -19162,12 +19223,14 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValu
|
|
|
19162
19223
|
return "ImageBadge";
|
|
19163
19224
|
case BadgeType.CUSTOM_HTML:
|
|
19164
19225
|
return "CustomBadge";
|
|
19226
|
+
case BadgeType.DISCOUNT:
|
|
19227
|
+
return "DiscountBadge";
|
|
19165
19228
|
default:
|
|
19166
19229
|
return "CustomBadge";
|
|
19167
19230
|
}
|
|
19168
19231
|
};
|
|
19169
19232
|
return (_ctx, _cache) => {
|
|
19170
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
19233
|
+
return openBlock(), createElementBlock("div", _hoisted_1$Z, [
|
|
19171
19234
|
createBaseVNode("div", {
|
|
19172
19235
|
id: "lupa-badges",
|
|
19173
19236
|
class: normalizeClass(anchorPosition.value)
|
|
@@ -19178,7 +19241,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValu
|
|
|
19178
19241
|
badge
|
|
19179
19242
|
}, null, 8, ["badge"]);
|
|
19180
19243
|
}), 128)),
|
|
19181
|
-
positionValue.value === "card" ? (openBlock(), createBlock(_sfc_main$
|
|
19244
|
+
positionValue.value === "card" ? (openBlock(), createBlock(_sfc_main$19, {
|
|
19182
19245
|
key: 0,
|
|
19183
19246
|
options: _ctx.options
|
|
19184
19247
|
}, null, 8, ["options"])) : createCommentVNode("", true)
|
|
@@ -19187,13 +19250,13 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValu
|
|
|
19187
19250
|
};
|
|
19188
19251
|
}
|
|
19189
19252
|
}));
|
|
19190
|
-
const _hoisted_1$
|
|
19191
|
-
const _hoisted_2$
|
|
19192
|
-
const _hoisted_3$
|
|
19253
|
+
const _hoisted_1$Y = ["href"];
|
|
19254
|
+
const _hoisted_2$K = { class: "lupa-search-box-product-details-section" };
|
|
19255
|
+
const _hoisted_3$y = {
|
|
19193
19256
|
key: 0,
|
|
19194
19257
|
class: "lupa-search-box-product-add-to-cart-section"
|
|
19195
19258
|
};
|
|
19196
|
-
const _sfc_main$
|
|
19259
|
+
const _sfc_main$13 = /* @__PURE__ */ defineComponent({
|
|
19197
19260
|
__name: "SearchBoxProduct",
|
|
19198
19261
|
props: {
|
|
19199
19262
|
item: {},
|
|
@@ -19279,7 +19342,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
|
|
|
19279
19342
|
style: normalizeStyle(imageStyleOverride.value)
|
|
19280
19343
|
}, [
|
|
19281
19344
|
(openBlock(true), createElementBlock(Fragment, null, renderList(imageElements.value, (element) => {
|
|
19282
|
-
return openBlock(), createBlock(_sfc_main$
|
|
19345
|
+
return openBlock(), createBlock(_sfc_main$1b, {
|
|
19283
19346
|
class: "lupa-search-box-product-element",
|
|
19284
19347
|
item: _ctx.item,
|
|
19285
19348
|
element,
|
|
@@ -19289,10 +19352,10 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
|
|
|
19289
19352
|
}, null, 8, ["item", "element", "labels", "link"]);
|
|
19290
19353
|
}), 128))
|
|
19291
19354
|
], 4),
|
|
19292
|
-
createBaseVNode("div", _hoisted_2$
|
|
19355
|
+
createBaseVNode("div", _hoisted_2$K, [
|
|
19293
19356
|
(openBlock(true), createElementBlock(Fragment, null, renderList(detailElements.value, (element) => {
|
|
19294
19357
|
var _a;
|
|
19295
|
-
return openBlock(), createBlock(_sfc_main$
|
|
19358
|
+
return openBlock(), createBlock(_sfc_main$1b, {
|
|
19296
19359
|
key: element.key,
|
|
19297
19360
|
class: "lupa-search-box-product-element",
|
|
19298
19361
|
item: _ctx.item,
|
|
@@ -19303,7 +19366,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
|
|
|
19303
19366
|
badgeOptions.value && ((_a = badgeOptions.value) == null ? void 0 : _a.anchorElementKey) === element.key ? {
|
|
19304
19367
|
name: "badges",
|
|
19305
19368
|
fn: withCtx(() => [
|
|
19306
|
-
createVNode(_sfc_main$
|
|
19369
|
+
createVNode(_sfc_main$14, {
|
|
19307
19370
|
options: badgeOptions.value,
|
|
19308
19371
|
position: "card"
|
|
19309
19372
|
}, null, 8, ["options"])
|
|
@@ -19313,8 +19376,8 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
|
|
|
19313
19376
|
]), 1032, ["item", "element", "labels", "link"]);
|
|
19314
19377
|
}), 128))
|
|
19315
19378
|
]),
|
|
19316
|
-
addToCartElement.value ? (openBlock(), createElementBlock("div", _hoisted_3$
|
|
19317
|
-
createVNode(_sfc_main$
|
|
19379
|
+
addToCartElement.value ? (openBlock(), createElementBlock("div", _hoisted_3$y, [
|
|
19380
|
+
createVNode(_sfc_main$1b, {
|
|
19318
19381
|
class: "lupa-search-box-product-element",
|
|
19319
19382
|
item: _ctx.item,
|
|
19320
19383
|
element: addToCartElement.value,
|
|
@@ -19323,7 +19386,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
|
|
|
19323
19386
|
isInStock: isInStock.value
|
|
19324
19387
|
}, null, 8, ["item", "element", "labels", "link", "isInStock"])
|
|
19325
19388
|
])) : createCommentVNode("", true)
|
|
19326
|
-
], 16, _hoisted_1$
|
|
19389
|
+
], 16, _hoisted_1$Y);
|
|
19327
19390
|
};
|
|
19328
19391
|
}
|
|
19329
19392
|
});
|
|
@@ -19384,8 +19447,8 @@ const useTrackingStore = defineStore("tracking", () => {
|
|
|
19384
19447
|
};
|
|
19385
19448
|
return { trackSearch, trackResults, trackEvent };
|
|
19386
19449
|
});
|
|
19387
|
-
const _hoisted_1$
|
|
19388
|
-
const _sfc_main$
|
|
19450
|
+
const _hoisted_1$X = { id: "lupa-search-box-products" };
|
|
19451
|
+
const _sfc_main$12 = /* @__PURE__ */ defineComponent({
|
|
19389
19452
|
__name: "SearchBoxProducts",
|
|
19390
19453
|
props: {
|
|
19391
19454
|
items: {},
|
|
@@ -19446,7 +19509,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
|
|
|
19446
19509
|
handleRoutingEvent(link, event, boxRoutingBehavior.value === "event");
|
|
19447
19510
|
};
|
|
19448
19511
|
return (_ctx, _cache) => {
|
|
19449
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
19512
|
+
return openBlock(), createElementBlock("div", _hoisted_1$X, [
|
|
19450
19513
|
_ctx.$slots.productCard ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.items, (item, index) => {
|
|
19451
19514
|
return renderSlot(_ctx.$slots, "productCard", {
|
|
19452
19515
|
key: index,
|
|
@@ -19458,7 +19521,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
|
|
|
19458
19521
|
itemClicked: handleProductClick
|
|
19459
19522
|
});
|
|
19460
19523
|
}), 128)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.items, (item, index) => {
|
|
19461
|
-
return openBlock(), createBlock(_sfc_main$
|
|
19524
|
+
return openBlock(), createBlock(_sfc_main$13, {
|
|
19462
19525
|
key: index,
|
|
19463
19526
|
item,
|
|
19464
19527
|
panelOptions: _ctx.panelOptions,
|
|
@@ -19473,9 +19536,9 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
|
|
|
19473
19536
|
};
|
|
19474
19537
|
}
|
|
19475
19538
|
});
|
|
19476
|
-
const _hoisted_1$
|
|
19477
|
-
const _hoisted_2$
|
|
19478
|
-
const _sfc_main
|
|
19539
|
+
const _hoisted_1$W = { class: "lupa-search-box-documents-go-to-results-wrapper" };
|
|
19540
|
+
const _hoisted_2$J = { key: 0 };
|
|
19541
|
+
const _sfc_main$11 = /* @__PURE__ */ defineComponent({
|
|
19479
19542
|
__name: "SearchBoxProductsGoToResultsButton",
|
|
19480
19543
|
props: {
|
|
19481
19544
|
options: {},
|
|
@@ -19505,19 +19568,19 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
|
|
|
19505
19568
|
emit2("goToResults");
|
|
19506
19569
|
};
|
|
19507
19570
|
return (_ctx, _cache) => {
|
|
19508
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
19571
|
+
return openBlock(), createElementBlock("div", _hoisted_1$W, [
|
|
19509
19572
|
createBaseVNode("button", {
|
|
19510
19573
|
class: "lupa-search-box-documents-go-to-results-button",
|
|
19511
19574
|
onClick: goToResults
|
|
19512
19575
|
}, [
|
|
19513
19576
|
createTextVNode(toDisplayString(goToResultsLabel.value) + " ", 1),
|
|
19514
|
-
totalCount.value ? (openBlock(), createElementBlock("span", _hoisted_2$
|
|
19577
|
+
totalCount.value ? (openBlock(), createElementBlock("span", _hoisted_2$J, " " + toDisplayString(totalCount.value), 1)) : createCommentVNode("", true)
|
|
19515
19578
|
])
|
|
19516
19579
|
]);
|
|
19517
19580
|
};
|
|
19518
19581
|
}
|
|
19519
19582
|
});
|
|
19520
|
-
const _sfc_main$
|
|
19583
|
+
const _sfc_main$10 = /* @__PURE__ */ defineComponent({
|
|
19521
19584
|
__name: "SearchBoxProductsWrapper",
|
|
19522
19585
|
props: {
|
|
19523
19586
|
panel: {},
|
|
@@ -19574,7 +19637,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
|
|
|
19574
19637
|
watch(() => props.panel.limit, getItemsDebounced);
|
|
19575
19638
|
return (_ctx, _cache) => {
|
|
19576
19639
|
var _a, _b;
|
|
19577
|
-
return openBlock(), createBlock(_sfc_main$
|
|
19640
|
+
return openBlock(), createBlock(_sfc_main$12, {
|
|
19578
19641
|
items: (_b = (_a = searchResult.value) == null ? void 0 : _a.items) != null ? _b : [],
|
|
19579
19642
|
panelOptions: _ctx.panel,
|
|
19580
19643
|
labels: _ctx.labels,
|
|
@@ -19584,7 +19647,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
|
|
|
19584
19647
|
default: withCtx(() => {
|
|
19585
19648
|
var _a2;
|
|
19586
19649
|
return [
|
|
19587
|
-
showGoToResultsButton.value && ((_a2 = searchResult.value) == null ? void 0 : _a2.items.length) ? (openBlock(), createBlock(_sfc_main
|
|
19650
|
+
showGoToResultsButton.value && ((_a2 = searchResult.value) == null ? void 0 : _a2.items.length) ? (openBlock(), createBlock(_sfc_main$11, {
|
|
19588
19651
|
key: 0,
|
|
19589
19652
|
options: _ctx.searchBoxOptions,
|
|
19590
19653
|
panel: _ctx.panel,
|
|
@@ -19605,7 +19668,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
|
|
|
19605
19668
|
};
|
|
19606
19669
|
}
|
|
19607
19670
|
});
|
|
19608
|
-
const _sfc_main
|
|
19671
|
+
const _sfc_main$$ = /* @__PURE__ */ defineComponent({
|
|
19609
19672
|
__name: "SearchBoxRelatedSourceWrapper",
|
|
19610
19673
|
props: {
|
|
19611
19674
|
panel: {},
|
|
@@ -19677,7 +19740,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
|
|
|
19677
19740
|
});
|
|
19678
19741
|
return (_ctx, _cache) => {
|
|
19679
19742
|
var _a, _b;
|
|
19680
|
-
return openBlock(), createBlock(_sfc_main$
|
|
19743
|
+
return openBlock(), createBlock(_sfc_main$12, {
|
|
19681
19744
|
items: (_b = (_a = searchResult.value) == null ? void 0 : _a.items) != null ? _b : [],
|
|
19682
19745
|
panelOptions: documentPanelOptions.value,
|
|
19683
19746
|
labels: _ctx.labels,
|
|
@@ -19695,31 +19758,31 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
|
|
|
19695
19758
|
};
|
|
19696
19759
|
}
|
|
19697
19760
|
});
|
|
19698
|
-
const _hoisted_1$
|
|
19761
|
+
const _hoisted_1$V = {
|
|
19699
19762
|
key: 0,
|
|
19700
19763
|
id: "lupa-search-box-panel"
|
|
19701
19764
|
};
|
|
19702
|
-
const _hoisted_2$
|
|
19703
|
-
const _hoisted_3$
|
|
19765
|
+
const _hoisted_2$I = ["data-cy"];
|
|
19766
|
+
const _hoisted_3$x = {
|
|
19704
19767
|
key: 0,
|
|
19705
19768
|
class: "lupa-panel-title lupa-panel-title-top-results"
|
|
19706
19769
|
};
|
|
19707
|
-
const _hoisted_4$
|
|
19770
|
+
const _hoisted_4$p = {
|
|
19708
19771
|
key: 1,
|
|
19709
19772
|
class: "lupa-panel-title"
|
|
19710
19773
|
};
|
|
19711
|
-
const _hoisted_5$
|
|
19774
|
+
const _hoisted_5$g = {
|
|
19712
19775
|
key: 1,
|
|
19713
19776
|
id: "lupa-search-box-panel"
|
|
19714
19777
|
};
|
|
19715
19778
|
const __default__$2 = {
|
|
19716
19779
|
components: {
|
|
19717
|
-
SearchBoxSuggestionsWrapper: _sfc_main$
|
|
19718
|
-
SearchBoxProductsWrapper: _sfc_main$
|
|
19719
|
-
SearchBoxRelatedSourceWrapper: _sfc_main
|
|
19780
|
+
SearchBoxSuggestionsWrapper: _sfc_main$1l,
|
|
19781
|
+
SearchBoxProductsWrapper: _sfc_main$10,
|
|
19782
|
+
SearchBoxRelatedSourceWrapper: _sfc_main$$
|
|
19720
19783
|
}
|
|
19721
19784
|
};
|
|
19722
|
-
const _sfc_main$
|
|
19785
|
+
const _sfc_main$_ = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$2), {
|
|
19723
19786
|
__name: "SearchBoxMainPanel",
|
|
19724
19787
|
props: {
|
|
19725
19788
|
options: {},
|
|
@@ -19875,7 +19938,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
|
|
|
19875
19938
|
ref_key: "panelContainer",
|
|
19876
19939
|
ref: panelContainer
|
|
19877
19940
|
}, [
|
|
19878
|
-
displayResults.value ? (openBlock(), createElementBlock("div", _hoisted_1$
|
|
19941
|
+
displayResults.value ? (openBlock(), createElementBlock("div", _hoisted_1$V, [
|
|
19879
19942
|
labels.value.closePanel ? (openBlock(), createElementBlock("a", {
|
|
19880
19943
|
key: 0,
|
|
19881
19944
|
class: "lupa-search-box-close-panel",
|
|
@@ -19897,8 +19960,8 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
|
|
|
19897
19960
|
style: normalizeStyle(panel.gridArea ? { gridArea: `${panel.gridArea}${index}` } : {}),
|
|
19898
19961
|
"data-cy": "lupa-panel-" + panel.type + "-index"
|
|
19899
19962
|
}, [
|
|
19900
|
-
((_a2 = panel.labels) == null ? void 0 : _a2.topResultsTitle) && showTopResultsPanelTitle(panel.queryKey) ? (openBlock(), createElementBlock("div", _hoisted_3$
|
|
19901
|
-
((_c = panel.labels) == null ? void 0 : _c.title) && showPanelTitle(panel) ? (openBlock(), createElementBlock("div", _hoisted_4$
|
|
19963
|
+
((_a2 = panel.labels) == null ? void 0 : _a2.topResultsTitle) && showTopResultsPanelTitle(panel.queryKey) ? (openBlock(), createElementBlock("div", _hoisted_3$x, toDisplayString((_b = panel.labels) == null ? void 0 : _b.topResultsTitle), 1)) : createCommentVNode("", true),
|
|
19964
|
+
((_c = panel.labels) == null ? void 0 : _c.title) && showPanelTitle(panel) ? (openBlock(), createElementBlock("div", _hoisted_4$p, toDisplayString((_d = panel.labels) == null ? void 0 : _d.title), 1)) : createCommentVNode("", true),
|
|
19902
19965
|
panel.queryKey && canShowPanel(panel) ? (openBlock(), createBlock(resolveDynamicComponent(getComponent(panel.type)), {
|
|
19903
19966
|
key: 2,
|
|
19904
19967
|
panel,
|
|
@@ -19920,21 +19983,21 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
|
|
|
19920
19983
|
key: "0"
|
|
19921
19984
|
} : void 0
|
|
19922
19985
|
]), 1064, ["panel", "search-box-options", "options", "debounce", "inputValue", "labels"])) : createCommentVNode("", true)
|
|
19923
|
-
], 14, _hoisted_2$
|
|
19986
|
+
], 14, _hoisted_2$I);
|
|
19924
19987
|
}), 128))
|
|
19925
19988
|
], 4),
|
|
19926
|
-
!unref(hasAnyResults) && _ctx.options.showNoResultsPanel ? (openBlock(), createBlock(_sfc_main$
|
|
19989
|
+
!unref(hasAnyResults) && _ctx.options.showNoResultsPanel ? (openBlock(), createBlock(_sfc_main$1o, {
|
|
19927
19990
|
key: 1,
|
|
19928
19991
|
labels: labels.value
|
|
19929
19992
|
}, null, 8, ["labels"])) : createCommentVNode("", true),
|
|
19930
|
-
unref(hasAnyResults) || !_ctx.options.hideMoreResultsButtonOnNoResults ? (openBlock(), createBlock(_sfc_main$
|
|
19993
|
+
unref(hasAnyResults) || !_ctx.options.hideMoreResultsButtonOnNoResults ? (openBlock(), createBlock(_sfc_main$1r, {
|
|
19931
19994
|
key: 2,
|
|
19932
19995
|
labels: labels.value,
|
|
19933
19996
|
showTotalCount: (_a = _ctx.options.showTotalCount) != null ? _a : false,
|
|
19934
19997
|
onGoToResults: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("go-to-results"))
|
|
19935
19998
|
}, null, 8, ["labels", "showTotalCount"])) : createCommentVNode("", true)
|
|
19936
|
-
])) : displayHistory.value ? (openBlock(), createElementBlock("div", _hoisted_5$
|
|
19937
|
-
createVNode(_sfc_main$
|
|
19999
|
+
])) : displayHistory.value ? (openBlock(), createElementBlock("div", _hoisted_5$g, [
|
|
20000
|
+
createVNode(_sfc_main$1p, {
|
|
19938
20001
|
options: _ctx.options.history,
|
|
19939
20002
|
history: history.value,
|
|
19940
20003
|
onGoToResults: handleGoToResults,
|
|
@@ -19959,9 +20022,9 @@ const unbindSearchTriggers = (triggers = [], event) => {
|
|
|
19959
20022
|
const elements = getElements(triggers);
|
|
19960
20023
|
elements.forEach((e2) => e2 == null ? void 0 : e2.removeEventListener(BIND_EVENT, event));
|
|
19961
20024
|
};
|
|
19962
|
-
const _hoisted_1$
|
|
19963
|
-
const _hoisted_2$
|
|
19964
|
-
const _sfc_main$
|
|
20025
|
+
const _hoisted_1$U = { id: "lupa-search-box" };
|
|
20026
|
+
const _hoisted_2$H = { class: "lupa-search-box-wrapper" };
|
|
20027
|
+
const _sfc_main$Z = /* @__PURE__ */ defineComponent({
|
|
19965
20028
|
__name: "SearchBox",
|
|
19966
20029
|
props: {
|
|
19967
20030
|
options: {},
|
|
@@ -20221,9 +20284,9 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
|
|
|
20221
20284
|
};
|
|
20222
20285
|
return (_ctx, _cache) => {
|
|
20223
20286
|
var _a2;
|
|
20224
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
20225
|
-
createBaseVNode("div", _hoisted_2$
|
|
20226
|
-
createVNode(_sfc_main$
|
|
20287
|
+
return openBlock(), createElementBlock("div", _hoisted_1$U, [
|
|
20288
|
+
createBaseVNode("div", _hoisted_2$H, [
|
|
20289
|
+
createVNode(_sfc_main$1s, {
|
|
20227
20290
|
options: inputOptions.value,
|
|
20228
20291
|
suggestedValue: suggestedValue.value,
|
|
20229
20292
|
"can-close": (_a2 = _ctx.isSearchContainer) != null ? _a2 : false,
|
|
@@ -20236,7 +20299,7 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
|
|
|
20236
20299
|
onSearch: handleSearch,
|
|
20237
20300
|
onClose: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("close"))
|
|
20238
20301
|
}, null, 8, ["options", "suggestedValue", "can-close", "emit-input-on-focus"]),
|
|
20239
|
-
opened.value || _ctx.isSearchContainer ? (openBlock(), createBlock(_sfc_main$
|
|
20302
|
+
opened.value || _ctx.isSearchContainer ? (openBlock(), createBlock(_sfc_main$_, {
|
|
20240
20303
|
key: 0,
|
|
20241
20304
|
options: panelOptions.value,
|
|
20242
20305
|
inputValue: inputValue.value,
|
|
@@ -20325,20 +20388,20 @@ const getSearchParams = (url, params, baseUrl) => {
|
|
|
20325
20388
|
}
|
|
20326
20389
|
return searchParams;
|
|
20327
20390
|
};
|
|
20328
|
-
const _hoisted_1$
|
|
20391
|
+
const _hoisted_1$T = {
|
|
20329
20392
|
key: 0,
|
|
20330
20393
|
id: "lupa-search-results-did-you-mean"
|
|
20331
20394
|
};
|
|
20332
|
-
const _hoisted_2$
|
|
20395
|
+
const _hoisted_2$G = {
|
|
20333
20396
|
key: 0,
|
|
20334
20397
|
"data-cy": "suggested-search-text-label"
|
|
20335
20398
|
};
|
|
20336
|
-
const _hoisted_3$
|
|
20399
|
+
const _hoisted_3$w = {
|
|
20337
20400
|
key: 1,
|
|
20338
20401
|
"data-cy": "did-you-mean-label"
|
|
20339
20402
|
};
|
|
20340
|
-
const _hoisted_4$
|
|
20341
|
-
const _sfc_main$
|
|
20403
|
+
const _hoisted_4$o = { key: 1 };
|
|
20404
|
+
const _sfc_main$Y = /* @__PURE__ */ defineComponent({
|
|
20342
20405
|
__name: "SearchResultsDidYouMean",
|
|
20343
20406
|
props: {
|
|
20344
20407
|
labels: {}
|
|
@@ -20370,8 +20433,8 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
|
|
|
20370
20433
|
paramStore.goToResults({ searchText, facet });
|
|
20371
20434
|
};
|
|
20372
20435
|
return (_ctx, _cache) => {
|
|
20373
|
-
return unref(searchResult).suggestedSearchText || didYouMeanValue.value ? (openBlock(), createElementBlock("div", _hoisted_1$
|
|
20374
|
-
unref(searchResult).suggestedSearchText ? (openBlock(), createElementBlock("div", _hoisted_2$
|
|
20436
|
+
return unref(searchResult).suggestedSearchText || didYouMeanValue.value ? (openBlock(), createElementBlock("div", _hoisted_1$T, [
|
|
20437
|
+
unref(searchResult).suggestedSearchText ? (openBlock(), createElementBlock("div", _hoisted_2$G, [
|
|
20375
20438
|
(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.labels.noResultsSuggestion.split(" "), (label, index) => {
|
|
20376
20439
|
return openBlock(), createElementBlock("span", { key: index }, [
|
|
20377
20440
|
createBaseVNode("span", {
|
|
@@ -20380,7 +20443,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
|
|
|
20380
20443
|
]);
|
|
20381
20444
|
}), 128))
|
|
20382
20445
|
])) : createCommentVNode("", true),
|
|
20383
|
-
didYouMeanValue.value ? (openBlock(), createElementBlock("div", _hoisted_3$
|
|
20446
|
+
didYouMeanValue.value ? (openBlock(), createElementBlock("div", _hoisted_3$w, [
|
|
20384
20447
|
(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.labels.didYouMean.split(" "), (label, index) => {
|
|
20385
20448
|
return openBlock(), createElementBlock("span", { key: index }, [
|
|
20386
20449
|
label.includes("{1}") ? (openBlock(), createElementBlock("span", {
|
|
@@ -20388,7 +20451,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
|
|
|
20388
20451
|
class: "lupa-did-you-mean lupa-highlighted-search-text",
|
|
20389
20452
|
"data-cy": "did-you-mean-value",
|
|
20390
20453
|
onClick: _cache[0] || (_cache[0] = ($event) => goToResults({ searchText: didYouMeanValue.value }))
|
|
20391
|
-
}, toDisplayString(didYouMeanValue.value) + " ", 1)) : (openBlock(), createElementBlock("span", _hoisted_4$
|
|
20454
|
+
}, toDisplayString(didYouMeanValue.value) + " ", 1)) : (openBlock(), createElementBlock("span", _hoisted_4$o, toDisplayString(label) + " ", 1))
|
|
20392
20455
|
]);
|
|
20393
20456
|
}), 128))
|
|
20394
20457
|
])) : createCommentVNode("", true)
|
|
@@ -20396,12 +20459,12 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
|
|
|
20396
20459
|
};
|
|
20397
20460
|
}
|
|
20398
20461
|
});
|
|
20399
|
-
const _hoisted_1$
|
|
20462
|
+
const _hoisted_1$S = {
|
|
20400
20463
|
key: 0,
|
|
20401
20464
|
class: "lupa-search-results-summary"
|
|
20402
20465
|
};
|
|
20403
|
-
const _hoisted_2$
|
|
20404
|
-
const _sfc_main$
|
|
20466
|
+
const _hoisted_2$F = ["innerHTML"];
|
|
20467
|
+
const _sfc_main$X = /* @__PURE__ */ defineComponent({
|
|
20405
20468
|
__name: "SearchResultsSummary",
|
|
20406
20469
|
props: {
|
|
20407
20470
|
label: {},
|
|
@@ -20416,8 +20479,8 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
|
|
|
20416
20479
|
return addParamsToLabel(props.label, range, `<span>${totalItems.value}</span>`);
|
|
20417
20480
|
});
|
|
20418
20481
|
return (_ctx, _cache) => {
|
|
20419
|
-
return unref(totalItems) > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$
|
|
20420
|
-
createBaseVNode("div", { innerHTML: summaryLabel.value }, null, 8, _hoisted_2$
|
|
20482
|
+
return unref(totalItems) > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$S, [
|
|
20483
|
+
createBaseVNode("div", { innerHTML: summaryLabel.value }, null, 8, _hoisted_2$F),
|
|
20421
20484
|
_ctx.clearable ? (openBlock(), createElementBlock("span", {
|
|
20422
20485
|
key: 0,
|
|
20423
20486
|
class: "lupa-filter-clear",
|
|
@@ -20428,19 +20491,19 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
|
|
|
20428
20491
|
};
|
|
20429
20492
|
}
|
|
20430
20493
|
});
|
|
20431
|
-
const _hoisted_1$
|
|
20494
|
+
const _hoisted_1$R = {
|
|
20432
20495
|
key: 0,
|
|
20433
20496
|
class: "lupa-result-page-title",
|
|
20434
20497
|
"data-cy": "lupa-result-page-title"
|
|
20435
20498
|
};
|
|
20436
|
-
const _hoisted_2$
|
|
20437
|
-
const _hoisted_3$
|
|
20499
|
+
const _hoisted_2$E = { key: 0 };
|
|
20500
|
+
const _hoisted_3$v = {
|
|
20438
20501
|
key: 1,
|
|
20439
20502
|
class: "lupa-results-total-count"
|
|
20440
20503
|
};
|
|
20441
|
-
const _hoisted_4$
|
|
20442
|
-
const _hoisted_5$
|
|
20443
|
-
const _sfc_main$
|
|
20504
|
+
const _hoisted_4$n = { class: "lupa-results-total-count-number" };
|
|
20505
|
+
const _hoisted_5$f = ["innerHTML"];
|
|
20506
|
+
const _sfc_main$W = /* @__PURE__ */ defineComponent({
|
|
20444
20507
|
__name: "SearchResultsTitle",
|
|
20445
20508
|
props: {
|
|
20446
20509
|
options: {},
|
|
@@ -20479,16 +20542,16 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
|
|
|
20479
20542
|
});
|
|
20480
20543
|
return (_ctx, _cache) => {
|
|
20481
20544
|
return openBlock(), createElementBlock("div", null, [
|
|
20482
|
-
showSearchTitle.value ? (openBlock(), createElementBlock("h1", _hoisted_1$
|
|
20545
|
+
showSearchTitle.value ? (openBlock(), createElementBlock("h1", _hoisted_1$R, [
|
|
20483
20546
|
createTextVNode(toDisplayString(_ctx.options.labels.searchResults), 1),
|
|
20484
|
-
queryText.value ? (openBlock(), createElementBlock("span", _hoisted_2$
|
|
20485
|
-
showProductCount.value ? (openBlock(), createElementBlock("span", _hoisted_3$
|
|
20547
|
+
queryText.value ? (openBlock(), createElementBlock("span", _hoisted_2$E, "'" + toDisplayString(queryText.value) + "'", 1)) : createCommentVNode("", true),
|
|
20548
|
+
showProductCount.value ? (openBlock(), createElementBlock("span", _hoisted_3$v, [
|
|
20486
20549
|
createTextVNode("(" + toDisplayString(searchResultsCountLabel.value), 1),
|
|
20487
|
-
createBaseVNode("span", _hoisted_4$
|
|
20550
|
+
createBaseVNode("span", _hoisted_4$n, toDisplayString(unref(totalItems)), 1),
|
|
20488
20551
|
createTextVNode(")")
|
|
20489
20552
|
])) : createCommentVNode("", true)
|
|
20490
20553
|
])) : createCommentVNode("", true),
|
|
20491
|
-
_ctx.showSummary ? (openBlock(), createBlock(_sfc_main$
|
|
20554
|
+
_ctx.showSummary ? (openBlock(), createBlock(_sfc_main$X, {
|
|
20492
20555
|
key: 1,
|
|
20493
20556
|
label: summaryLabel.value
|
|
20494
20557
|
}, null, 8, ["label"])) : createCommentVNode("", true),
|
|
@@ -20496,21 +20559,21 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
|
|
|
20496
20559
|
key: 2,
|
|
20497
20560
|
class: "lupa-result-page-description-top",
|
|
20498
20561
|
innerHTML: descriptionTop.value
|
|
20499
|
-
}, null, 8, _hoisted_5$
|
|
20562
|
+
}, null, 8, _hoisted_5$f)) : createCommentVNode("", true)
|
|
20500
20563
|
]);
|
|
20501
20564
|
};
|
|
20502
20565
|
}
|
|
20503
20566
|
});
|
|
20504
|
-
const _hoisted_1$
|
|
20505
|
-
const _hoisted_2$
|
|
20567
|
+
const _hoisted_1$Q = { class: "lupa-search-result-filter-value" };
|
|
20568
|
+
const _hoisted_2$D = {
|
|
20506
20569
|
class: "lupa-current-filter-label",
|
|
20507
20570
|
"data-cy": "lupa-current-filter-label"
|
|
20508
20571
|
};
|
|
20509
|
-
const _hoisted_3$
|
|
20572
|
+
const _hoisted_3$u = {
|
|
20510
20573
|
class: "lupa-current-filter-value",
|
|
20511
20574
|
"data-cy": "lupa-current-filter-value"
|
|
20512
20575
|
};
|
|
20513
|
-
const _sfc_main$
|
|
20576
|
+
const _sfc_main$V = /* @__PURE__ */ defineComponent({
|
|
20514
20577
|
__name: "CurrentFilterDisplay",
|
|
20515
20578
|
props: {
|
|
20516
20579
|
filter: {}
|
|
@@ -20522,28 +20585,28 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
|
|
|
20522
20585
|
emit2("remove", { filter: props.filter });
|
|
20523
20586
|
};
|
|
20524
20587
|
return (_ctx, _cache) => {
|
|
20525
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
20588
|
+
return openBlock(), createElementBlock("div", _hoisted_1$Q, [
|
|
20526
20589
|
createBaseVNode("div", {
|
|
20527
20590
|
class: "lupa-current-filter-action",
|
|
20528
20591
|
onClick: handleClick
|
|
20529
20592
|
}, "⨉"),
|
|
20530
|
-
createBaseVNode("div", _hoisted_2$
|
|
20531
|
-
createBaseVNode("div", _hoisted_3$
|
|
20593
|
+
createBaseVNode("div", _hoisted_2$D, toDisplayString(_ctx.filter.label) + ": ", 1),
|
|
20594
|
+
createBaseVNode("div", _hoisted_3$u, toDisplayString(_ctx.filter.value), 1)
|
|
20532
20595
|
]);
|
|
20533
20596
|
};
|
|
20534
20597
|
}
|
|
20535
20598
|
});
|
|
20536
|
-
const _hoisted_1$
|
|
20537
|
-
const _hoisted_2$
|
|
20599
|
+
const _hoisted_1$P = { class: "lupa-filter-title-text" };
|
|
20600
|
+
const _hoisted_2$C = {
|
|
20538
20601
|
key: 0,
|
|
20539
20602
|
class: "lupa-filter-count"
|
|
20540
20603
|
};
|
|
20541
|
-
const _hoisted_3$
|
|
20604
|
+
const _hoisted_3$t = {
|
|
20542
20605
|
key: 0,
|
|
20543
20606
|
class: "filter-values"
|
|
20544
20607
|
};
|
|
20545
|
-
const _hoisted_4$
|
|
20546
|
-
const _sfc_main$
|
|
20608
|
+
const _hoisted_4$m = { class: "lupa-current-filter-list" };
|
|
20609
|
+
const _sfc_main$U = /* @__PURE__ */ defineComponent({
|
|
20547
20610
|
__name: "CurrentFilters",
|
|
20548
20611
|
props: {
|
|
20549
20612
|
options: {},
|
|
@@ -20616,19 +20679,19 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
|
|
|
20616
20679
|
class: "lupa-current-filter-title",
|
|
20617
20680
|
onClick: _cache[0] || (_cache[0] = ($event) => isOpen.value = !isOpen.value)
|
|
20618
20681
|
}, [
|
|
20619
|
-
createBaseVNode("div", _hoisted_1$
|
|
20682
|
+
createBaseVNode("div", _hoisted_1$P, [
|
|
20620
20683
|
createTextVNode(toDisplayString((_c = (_b = (_a = _ctx.options) == null ? void 0 : _a.labels) == null ? void 0 : _b.title) != null ? _c : "") + " ", 1),
|
|
20621
|
-
_ctx.expandable ? (openBlock(), createElementBlock("span", _hoisted_2$
|
|
20684
|
+
_ctx.expandable ? (openBlock(), createElementBlock("span", _hoisted_2$C, " (" + toDisplayString(unref(currentFilterCount)) + ") ", 1)) : createCommentVNode("", true)
|
|
20622
20685
|
]),
|
|
20623
20686
|
_ctx.expandable ? (openBlock(), createElementBlock("div", {
|
|
20624
20687
|
key: 0,
|
|
20625
20688
|
class: normalizeClass(["lupa-filter-title-caret", isOpen.value && "open"])
|
|
20626
20689
|
}, null, 2)) : createCommentVNode("", true)
|
|
20627
20690
|
]),
|
|
20628
|
-
!_ctx.expandable || isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_3$
|
|
20629
|
-
createBaseVNode("div", _hoisted_4$
|
|
20691
|
+
!_ctx.expandable || isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_3$t, [
|
|
20692
|
+
createBaseVNode("div", _hoisted_4$m, [
|
|
20630
20693
|
(openBlock(true), createElementBlock(Fragment, null, renderList(currentDisplayFilters.value, (filter2) => {
|
|
20631
|
-
return openBlock(), createBlock(_sfc_main$
|
|
20694
|
+
return openBlock(), createBlock(_sfc_main$V, {
|
|
20632
20695
|
key: filter2.key + "_" + filter2.value,
|
|
20633
20696
|
filter: filter2,
|
|
20634
20697
|
onRemove: handleRemove
|
|
@@ -20645,8 +20708,8 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
|
|
|
20645
20708
|
};
|
|
20646
20709
|
}
|
|
20647
20710
|
});
|
|
20648
|
-
const _hoisted_1$
|
|
20649
|
-
const _sfc_main$
|
|
20711
|
+
const _hoisted_1$O = ["href"];
|
|
20712
|
+
const _sfc_main$T = /* @__PURE__ */ defineComponent({
|
|
20650
20713
|
__name: "CategoryFilterItem",
|
|
20651
20714
|
props: {
|
|
20652
20715
|
options: {},
|
|
@@ -20683,20 +20746,20 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
|
|
|
20683
20746
|
"data-cy": "lupa-child-category-item",
|
|
20684
20747
|
href: urlLink.value,
|
|
20685
20748
|
onClick: handleNavigation
|
|
20686
|
-
}, toDisplayString(title.value), 9, _hoisted_1$
|
|
20749
|
+
}, toDisplayString(title.value), 9, _hoisted_1$O)
|
|
20687
20750
|
], 2);
|
|
20688
20751
|
};
|
|
20689
20752
|
}
|
|
20690
20753
|
});
|
|
20691
|
-
const _hoisted_1$
|
|
20754
|
+
const _hoisted_1$N = {
|
|
20692
20755
|
class: "lupa-category-filter",
|
|
20693
20756
|
"data-cy": "lupa-category-filter"
|
|
20694
20757
|
};
|
|
20695
|
-
const _hoisted_2$
|
|
20696
|
-
const _hoisted_3$
|
|
20697
|
-
const _hoisted_4$
|
|
20698
|
-
const _hoisted_5$
|
|
20699
|
-
const _sfc_main$
|
|
20758
|
+
const _hoisted_2$B = { class: "lupa-category-back" };
|
|
20759
|
+
const _hoisted_3$s = ["href"];
|
|
20760
|
+
const _hoisted_4$l = ["href"];
|
|
20761
|
+
const _hoisted_5$e = { class: "lupa-child-category-list" };
|
|
20762
|
+
const _sfc_main$S = /* @__PURE__ */ defineComponent({
|
|
20700
20763
|
__name: "CategoryFilter",
|
|
20701
20764
|
props: {
|
|
20702
20765
|
options: {}
|
|
@@ -20784,14 +20847,14 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
|
|
|
20784
20847
|
};
|
|
20785
20848
|
__expose({ fetch: fetch2 });
|
|
20786
20849
|
return (_ctx, _cache) => {
|
|
20787
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
20788
|
-
createBaseVNode("div", _hoisted_2$
|
|
20850
|
+
return openBlock(), createElementBlock("div", _hoisted_1$N, [
|
|
20851
|
+
createBaseVNode("div", _hoisted_2$B, [
|
|
20789
20852
|
hasBackButton.value ? (openBlock(), createElementBlock("a", {
|
|
20790
20853
|
key: 0,
|
|
20791
20854
|
"data-cy": "lupa-category-back",
|
|
20792
20855
|
href: backUrlLink.value,
|
|
20793
20856
|
onClick: handleNavigationBack
|
|
20794
|
-
}, toDisplayString(backTitle.value), 9, _hoisted_3$
|
|
20857
|
+
}, toDisplayString(backTitle.value), 9, _hoisted_3$s)) : createCommentVNode("", true)
|
|
20795
20858
|
]),
|
|
20796
20859
|
createBaseVNode("div", {
|
|
20797
20860
|
class: normalizeClass(["lupa-current-category", { "lupa-current-category-active": isActive }])
|
|
@@ -20801,11 +20864,11 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
|
|
|
20801
20864
|
href: parentUrlLink.value,
|
|
20802
20865
|
class: normalizeClass({ "lupa-title-category": !hasBackButton.value }),
|
|
20803
20866
|
onClick: handleNavigationParent
|
|
20804
|
-
}, toDisplayString(parentTitle.value), 11, _hoisted_4$
|
|
20867
|
+
}, toDisplayString(parentTitle.value), 11, _hoisted_4$l)
|
|
20805
20868
|
], 2),
|
|
20806
|
-
createBaseVNode("div", _hoisted_5$
|
|
20869
|
+
createBaseVNode("div", _hoisted_5$e, [
|
|
20807
20870
|
(openBlock(true), createElementBlock(Fragment, null, renderList(categoryChildren.value, (child) => {
|
|
20808
|
-
return openBlock(), createBlock(_sfc_main$
|
|
20871
|
+
return openBlock(), createBlock(_sfc_main$T, {
|
|
20809
20872
|
key: getCategoryKey(child),
|
|
20810
20873
|
item: child,
|
|
20811
20874
|
options: _ctx.options
|
|
@@ -20816,14 +20879,14 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
|
|
|
20816
20879
|
};
|
|
20817
20880
|
}
|
|
20818
20881
|
});
|
|
20819
|
-
const _hoisted_1$
|
|
20882
|
+
const _hoisted_1$M = {
|
|
20820
20883
|
class: "lupa-search-result-facet-term-values",
|
|
20821
20884
|
"data-cy": "lupa-search-result-facet-term-values"
|
|
20822
20885
|
};
|
|
20823
|
-
const _hoisted_2$
|
|
20824
|
-
const _hoisted_3$
|
|
20825
|
-
const _hoisted_4$
|
|
20826
|
-
const _hoisted_5$
|
|
20886
|
+
const _hoisted_2$A = ["placeholder"];
|
|
20887
|
+
const _hoisted_3$r = { class: "lupa-terms-list" };
|
|
20888
|
+
const _hoisted_4$k = ["onClick"];
|
|
20889
|
+
const _hoisted_5$d = { class: "lupa-term-checkbox-wrapper" };
|
|
20827
20890
|
const _hoisted_6$8 = { class: "lupa-term-checkbox-label" };
|
|
20828
20891
|
const _hoisted_7$6 = { class: "lupa-term-label" };
|
|
20829
20892
|
const _hoisted_8$2 = {
|
|
@@ -20832,7 +20895,7 @@ const _hoisted_8$2 = {
|
|
|
20832
20895
|
};
|
|
20833
20896
|
const _hoisted_9$2 = { key: 0 };
|
|
20834
20897
|
const _hoisted_10$1 = { key: 1 };
|
|
20835
|
-
const _sfc_main$
|
|
20898
|
+
const _sfc_main$R = /* @__PURE__ */ defineComponent({
|
|
20836
20899
|
__name: "TermFacet",
|
|
20837
20900
|
props: {
|
|
20838
20901
|
options: {},
|
|
@@ -20903,17 +20966,17 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
|
|
|
20903
20966
|
return selectedItems == null ? void 0 : selectedItems.includes((_b = item.title) == null ? void 0 : _b.toString());
|
|
20904
20967
|
};
|
|
20905
20968
|
return (_ctx, _cache) => {
|
|
20906
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
20969
|
+
return openBlock(), createElementBlock("div", _hoisted_1$M, [
|
|
20907
20970
|
isFilterable.value ? withDirectives((openBlock(), createElementBlock("input", {
|
|
20908
20971
|
key: 0,
|
|
20909
20972
|
class: "lupa-term-filter",
|
|
20910
20973
|
"data-cy": "lupa-term-filter",
|
|
20911
20974
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => termFilter.value = $event),
|
|
20912
20975
|
placeholder: _ctx.options.labels.facetFilter
|
|
20913
|
-
}, null, 8, _hoisted_2$
|
|
20976
|
+
}, null, 8, _hoisted_2$A)), [
|
|
20914
20977
|
[vModelText, termFilter.value]
|
|
20915
20978
|
]) : createCommentVNode("", true),
|
|
20916
|
-
createBaseVNode("div", _hoisted_3$
|
|
20979
|
+
createBaseVNode("div", _hoisted_3$r, [
|
|
20917
20980
|
(openBlock(true), createElementBlock(Fragment, null, renderList(displayValues.value, (item) => {
|
|
20918
20981
|
return openBlock(), createElementBlock("div", {
|
|
20919
20982
|
class: normalizeClass(["lupa-facet-term", { checked: isChecked(item) }]),
|
|
@@ -20921,7 +20984,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
|
|
|
20921
20984
|
key: item.title,
|
|
20922
20985
|
onClick: ($event) => handleFacetClick(item)
|
|
20923
20986
|
}, [
|
|
20924
|
-
createBaseVNode("div", _hoisted_5$
|
|
20987
|
+
createBaseVNode("div", _hoisted_5$d, [
|
|
20925
20988
|
createBaseVNode("span", {
|
|
20926
20989
|
class: normalizeClass(["lupa-term-checkbox", { checked: isChecked(item) }])
|
|
20927
20990
|
}, null, 2)
|
|
@@ -20930,7 +20993,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
|
|
|
20930
20993
|
createBaseVNode("span", _hoisted_7$6, toDisplayString(item.title), 1),
|
|
20931
20994
|
_ctx.options.showDocumentCount ? (openBlock(), createElementBlock("span", _hoisted_8$2, "(" + toDisplayString(item.count) + ")", 1)) : createCommentVNode("", true)
|
|
20932
20995
|
])
|
|
20933
|
-
], 10, _hoisted_4$
|
|
20996
|
+
], 10, _hoisted_4$k);
|
|
20934
20997
|
}), 128))
|
|
20935
20998
|
]),
|
|
20936
20999
|
displayShowMore.value ? (openBlock(), createElementBlock("div", {
|
|
@@ -21921,20 +21984,20 @@ var m = { name: "Slider", emits: ["input", "update:modelValue", "start", "slide"
|
|
|
21921
21984
|
m.render = function(e2, t, r, i, n, o) {
|
|
21922
21985
|
return openBlock(), createElementBlock("div", mergeProps(e2.sliderProps, { ref: "slider" }), null, 16);
|
|
21923
21986
|
}, m.__file = "src/Slider.vue";
|
|
21924
|
-
const _hoisted_1$
|
|
21925
|
-
const _hoisted_2$
|
|
21987
|
+
const _hoisted_1$L = { class: "lupa-search-result-facet-stats-values" };
|
|
21988
|
+
const _hoisted_2$z = {
|
|
21926
21989
|
key: 0,
|
|
21927
21990
|
class: "lupa-stats-facet-summary"
|
|
21928
21991
|
};
|
|
21929
|
-
const _hoisted_3$
|
|
21992
|
+
const _hoisted_3$q = {
|
|
21930
21993
|
key: 1,
|
|
21931
21994
|
class: "lupa-stats-facet-summary-input"
|
|
21932
21995
|
};
|
|
21933
|
-
const _hoisted_4$
|
|
21996
|
+
const _hoisted_4$j = {
|
|
21934
21997
|
key: 0,
|
|
21935
21998
|
class: "lupa-stats-range-label"
|
|
21936
21999
|
};
|
|
21937
|
-
const _hoisted_5$
|
|
22000
|
+
const _hoisted_5$c = { class: "lupa-stats-from" };
|
|
21938
22001
|
const _hoisted_6$7 = ["max", "min", "pattern", "aria-label"];
|
|
21939
22002
|
const _hoisted_7$5 = { key: 0 };
|
|
21940
22003
|
const _hoisted_8$1 = /* @__PURE__ */ createBaseVNode("div", { class: "lupa-stats-separator" }, null, -1);
|
|
@@ -21949,7 +22012,7 @@ const _hoisted_13 = {
|
|
|
21949
22012
|
key: 2,
|
|
21950
22013
|
class: "lupa-stats-slider-wrapper"
|
|
21951
22014
|
};
|
|
21952
|
-
const _sfc_main$
|
|
22015
|
+
const _sfc_main$Q = /* @__PURE__ */ defineComponent({
|
|
21953
22016
|
__name: "StatsFacet",
|
|
21954
22017
|
props: {
|
|
21955
22018
|
options: {},
|
|
@@ -22122,11 +22185,11 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
|
|
|
22122
22185
|
innerSliderRange.value = value;
|
|
22123
22186
|
};
|
|
22124
22187
|
return (_ctx, _cache) => {
|
|
22125
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
22126
|
-
!isInputVisible.value ? (openBlock(), createElementBlock("div", _hoisted_2$
|
|
22188
|
+
return openBlock(), createElementBlock("div", _hoisted_1$L, [
|
|
22189
|
+
!isInputVisible.value ? (openBlock(), createElementBlock("div", _hoisted_2$z, toDisplayString(statsSummary.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$q, [
|
|
22127
22190
|
createBaseVNode("div", null, [
|
|
22128
|
-
rangeLabelFrom.value ? (openBlock(), createElementBlock("div", _hoisted_4$
|
|
22129
|
-
createBaseVNode("div", _hoisted_5$
|
|
22191
|
+
rangeLabelFrom.value ? (openBlock(), createElementBlock("div", _hoisted_4$j, toDisplayString(rangeLabelFrom.value), 1)) : createCommentVNode("", true),
|
|
22192
|
+
createBaseVNode("div", _hoisted_5$c, [
|
|
22130
22193
|
withDirectives(createBaseVNode("input", {
|
|
22131
22194
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => fromValue.value = $event),
|
|
22132
22195
|
type: "text",
|
|
@@ -22189,18 +22252,18 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
|
|
|
22189
22252
|
};
|
|
22190
22253
|
}
|
|
22191
22254
|
});
|
|
22192
|
-
const _hoisted_1$
|
|
22193
|
-
const _hoisted_2$
|
|
22194
|
-
const _hoisted_3$
|
|
22195
|
-
const _hoisted_4$
|
|
22255
|
+
const _hoisted_1$K = { class: "lupa-term-checkbox-wrapper" };
|
|
22256
|
+
const _hoisted_2$y = { class: "lupa-term-checkbox-label" };
|
|
22257
|
+
const _hoisted_3$p = { class: "lupa-term-label" };
|
|
22258
|
+
const _hoisted_4$i = {
|
|
22196
22259
|
key: 0,
|
|
22197
22260
|
class: "lupa-term-count"
|
|
22198
22261
|
};
|
|
22199
|
-
const _hoisted_5$
|
|
22262
|
+
const _hoisted_5$b = {
|
|
22200
22263
|
key: 0,
|
|
22201
22264
|
class: "lupa-facet-level"
|
|
22202
22265
|
};
|
|
22203
|
-
const _sfc_main$
|
|
22266
|
+
const _sfc_main$P = /* @__PURE__ */ defineComponent({
|
|
22204
22267
|
__name: "HierarchyFacetLevel",
|
|
22205
22268
|
props: {
|
|
22206
22269
|
options: {},
|
|
@@ -22246,17 +22309,17 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
|
|
|
22246
22309
|
"data-cy": "lupa-facet-term",
|
|
22247
22310
|
onClick: _cache[0] || (_cache[0] = ($event) => handleFacetClick(_ctx.item))
|
|
22248
22311
|
}, [
|
|
22249
|
-
createBaseVNode("div", _hoisted_1$
|
|
22312
|
+
createBaseVNode("div", _hoisted_1$K, [
|
|
22250
22313
|
createBaseVNode("span", {
|
|
22251
22314
|
class: normalizeClass(["lupa-term-checkbox", { checked: isChecked.value }])
|
|
22252
22315
|
}, null, 2)
|
|
22253
22316
|
]),
|
|
22254
|
-
createBaseVNode("div", _hoisted_2$
|
|
22255
|
-
createBaseVNode("span", _hoisted_3$
|
|
22256
|
-
_ctx.options.showDocumentCount ? (openBlock(), createElementBlock("span", _hoisted_4$
|
|
22317
|
+
createBaseVNode("div", _hoisted_2$y, [
|
|
22318
|
+
createBaseVNode("span", _hoisted_3$p, toDisplayString(_ctx.item.title) + toDisplayString(" "), 1),
|
|
22319
|
+
_ctx.options.showDocumentCount ? (openBlock(), createElementBlock("span", _hoisted_4$i, "(" + toDisplayString(_ctx.item.count) + ")", 1)) : createCommentVNode("", true)
|
|
22257
22320
|
])
|
|
22258
22321
|
]),
|
|
22259
|
-
showChildren.value ? (openBlock(), createElementBlock("div", _hoisted_5$
|
|
22322
|
+
showChildren.value ? (openBlock(), createElementBlock("div", _hoisted_5$b, [
|
|
22260
22323
|
(openBlock(true), createElementBlock(Fragment, null, renderList(treeItem.value.children, (itemChild) => {
|
|
22261
22324
|
return openBlock(), createBlock(_component_HierarchyFacetLevel, {
|
|
22262
22325
|
key: itemChild.title,
|
|
@@ -22272,13 +22335,13 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
|
|
|
22272
22335
|
};
|
|
22273
22336
|
}
|
|
22274
22337
|
});
|
|
22275
|
-
const _hoisted_1$
|
|
22338
|
+
const _hoisted_1$J = {
|
|
22276
22339
|
class: "lupa-search-result-facet-term-values lupa-search-result-facet-hierarchy-values",
|
|
22277
22340
|
"data-cy": "lupa-search-result-facet-term-values"
|
|
22278
22341
|
};
|
|
22279
|
-
const _hoisted_2$
|
|
22280
|
-
const _hoisted_3$
|
|
22281
|
-
const _sfc_main$
|
|
22342
|
+
const _hoisted_2$x = { key: 0 };
|
|
22343
|
+
const _hoisted_3$o = ["placeholder"];
|
|
22344
|
+
const _sfc_main$O = /* @__PURE__ */ defineComponent({
|
|
22282
22345
|
__name: "HierarchyFacet",
|
|
22283
22346
|
props: {
|
|
22284
22347
|
options: {},
|
|
@@ -22328,19 +22391,19 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
|
|
|
22328
22391
|
showAll.value = true;
|
|
22329
22392
|
};
|
|
22330
22393
|
return (_ctx, _cache) => {
|
|
22331
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
22332
|
-
isFilterable.value ? (openBlock(), createElementBlock("div", _hoisted_2$
|
|
22394
|
+
return openBlock(), createElementBlock("div", _hoisted_1$J, [
|
|
22395
|
+
isFilterable.value ? (openBlock(), createElementBlock("div", _hoisted_2$x, [
|
|
22333
22396
|
withDirectives(createBaseVNode("input", {
|
|
22334
22397
|
class: "lupa-term-filter",
|
|
22335
22398
|
"data-cy": "lupa-term-filter",
|
|
22336
22399
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => termFilter.value = $event),
|
|
22337
22400
|
placeholder: _ctx.options.labels.facetFilter
|
|
22338
|
-
}, null, 8, _hoisted_3$
|
|
22401
|
+
}, null, 8, _hoisted_3$o), [
|
|
22339
22402
|
[vModelText, termFilter.value]
|
|
22340
22403
|
])
|
|
22341
22404
|
])) : createCommentVNode("", true),
|
|
22342
22405
|
(openBlock(true), createElementBlock(Fragment, null, renderList(displayValues.value, (item) => {
|
|
22343
|
-
return openBlock(), createBlock(_sfc_main$
|
|
22406
|
+
return openBlock(), createBlock(_sfc_main$P, {
|
|
22344
22407
|
key: item.title,
|
|
22345
22408
|
options: _ctx.options,
|
|
22346
22409
|
item,
|
|
@@ -22360,20 +22423,20 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
|
|
|
22360
22423
|
};
|
|
22361
22424
|
}
|
|
22362
22425
|
});
|
|
22363
|
-
const _hoisted_1$
|
|
22364
|
-
const _hoisted_2$
|
|
22426
|
+
const _hoisted_1$I = { class: "lupa-facet-label-text" };
|
|
22427
|
+
const _hoisted_2$w = {
|
|
22365
22428
|
key: 0,
|
|
22366
22429
|
class: "lupa-facet-content",
|
|
22367
22430
|
"data-cy": "lupa-facet-content"
|
|
22368
22431
|
};
|
|
22369
22432
|
const __default__$1 = {
|
|
22370
22433
|
components: {
|
|
22371
|
-
TermFacet: _sfc_main$
|
|
22372
|
-
StatsFacet: _sfc_main$
|
|
22373
|
-
HierarchyFacet: _sfc_main$
|
|
22434
|
+
TermFacet: _sfc_main$R,
|
|
22435
|
+
StatsFacet: _sfc_main$Q,
|
|
22436
|
+
HierarchyFacet: _sfc_main$O
|
|
22374
22437
|
}
|
|
22375
22438
|
};
|
|
22376
|
-
const _sfc_main$
|
|
22439
|
+
const _sfc_main$N = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$1), {
|
|
22377
22440
|
__name: "FacetDisplay",
|
|
22378
22441
|
props: {
|
|
22379
22442
|
options: {},
|
|
@@ -22485,12 +22548,12 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
|
|
|
22485
22548
|
"data-cy": "lupa-search-result-facet-label",
|
|
22486
22549
|
onClick: toggleFacet
|
|
22487
22550
|
}, [
|
|
22488
|
-
createBaseVNode("div", _hoisted_1$
|
|
22551
|
+
createBaseVNode("div", _hoisted_1$I, toDisplayString(facet.value.label), 1),
|
|
22489
22552
|
createBaseVNode("div", {
|
|
22490
22553
|
class: normalizeClass(["lupa-facet-label-caret", isOpen.value && "open"])
|
|
22491
22554
|
}, null, 2)
|
|
22492
22555
|
], 2),
|
|
22493
|
-
isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_2$
|
|
22556
|
+
isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_2$w, [
|
|
22494
22557
|
(openBlock(), createBlock(resolveDynamicComponent(facetType.value), {
|
|
22495
22558
|
facet: facet.value,
|
|
22496
22559
|
currentFilters: currentFilters.value[facet.value.key],
|
|
@@ -22508,12 +22571,12 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
|
|
|
22508
22571
|
};
|
|
22509
22572
|
}
|
|
22510
22573
|
}));
|
|
22511
|
-
const _hoisted_1$
|
|
22512
|
-
const _hoisted_2$
|
|
22574
|
+
const _hoisted_1$H = { class: "lupa-search-result-facet-section" };
|
|
22575
|
+
const _hoisted_2$v = {
|
|
22513
22576
|
key: 0,
|
|
22514
22577
|
class: "lupa-facets-title"
|
|
22515
22578
|
};
|
|
22516
|
-
const _sfc_main$
|
|
22579
|
+
const _sfc_main$M = /* @__PURE__ */ defineComponent({
|
|
22517
22580
|
__name: "FacetList",
|
|
22518
22581
|
props: {
|
|
22519
22582
|
options: {},
|
|
@@ -22547,14 +22610,14 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
|
|
|
22547
22610
|
};
|
|
22548
22611
|
return (_ctx, _cache) => {
|
|
22549
22612
|
var _a;
|
|
22550
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
22551
|
-
_ctx.options.labels.title ? (openBlock(), createElementBlock("div", _hoisted_2$
|
|
22613
|
+
return openBlock(), createElementBlock("div", _hoisted_1$H, [
|
|
22614
|
+
_ctx.options.labels.title ? (openBlock(), createElementBlock("div", _hoisted_2$v, toDisplayString(_ctx.options.labels.title), 1)) : createCommentVNode("", true),
|
|
22552
22615
|
createBaseVNode("div", {
|
|
22553
22616
|
class: normalizeClass(["lupa-search-result-facet-list", "lupa-" + ((_a = _ctx.facetStyle) != null ? _a : "")])
|
|
22554
22617
|
}, [
|
|
22555
22618
|
(openBlock(true), createElementBlock(Fragment, null, renderList(displayFacets.value, (facet) => {
|
|
22556
22619
|
var _a2;
|
|
22557
|
-
return openBlock(), createBlock(_sfc_main$
|
|
22620
|
+
return openBlock(), createBlock(_sfc_main$N, {
|
|
22558
22621
|
key: facet.key,
|
|
22559
22622
|
facet,
|
|
22560
22623
|
currentFilters: currentFiltersValue.value,
|
|
@@ -22569,8 +22632,8 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
|
|
|
22569
22632
|
};
|
|
22570
22633
|
}
|
|
22571
22634
|
});
|
|
22572
|
-
const _hoisted_1$
|
|
22573
|
-
const _sfc_main$
|
|
22635
|
+
const _hoisted_1$G = ["onClick"];
|
|
22636
|
+
const _sfc_main$L = /* @__PURE__ */ defineComponent({
|
|
22574
22637
|
__name: "FacetsButton",
|
|
22575
22638
|
props: {
|
|
22576
22639
|
options: {}
|
|
@@ -22590,13 +22653,13 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
|
|
|
22590
22653
|
key: 0,
|
|
22591
22654
|
class: "lupa-facets-button-filter",
|
|
22592
22655
|
onClick: withModifiers(handleClick, ["stop"])
|
|
22593
|
-
}, toDisplayString(label.value), 9, _hoisted_1$
|
|
22656
|
+
}, toDisplayString(label.value), 9, _hoisted_1$G)) : createCommentVNode("", true);
|
|
22594
22657
|
};
|
|
22595
22658
|
}
|
|
22596
22659
|
});
|
|
22597
|
-
const _hoisted_1$
|
|
22598
|
-
const _hoisted_2$
|
|
22599
|
-
const _sfc_main$
|
|
22660
|
+
const _hoisted_1$F = { class: "lupa-search-result-facets" };
|
|
22661
|
+
const _hoisted_2$u = { class: "lupa-facets-filter-button-wrapper" };
|
|
22662
|
+
const _sfc_main$K = /* @__PURE__ */ defineComponent({
|
|
22600
22663
|
__name: "Facets",
|
|
22601
22664
|
props: {
|
|
22602
22665
|
options: {},
|
|
@@ -22679,8 +22742,8 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
|
|
|
22679
22742
|
emit2("filter");
|
|
22680
22743
|
};
|
|
22681
22744
|
return (_ctx, _cache) => {
|
|
22682
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
22683
|
-
regularFacets.value ? (openBlock(), createBlock(_sfc_main$
|
|
22745
|
+
return openBlock(), createElementBlock("div", _hoisted_1$F, [
|
|
22746
|
+
regularFacets.value ? (openBlock(), createBlock(_sfc_main$M, {
|
|
22684
22747
|
key: 0,
|
|
22685
22748
|
options: _ctx.options,
|
|
22686
22749
|
facets: regularFacets.value,
|
|
@@ -22690,8 +22753,8 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
|
|
|
22690
22753
|
onSelect: handleFacetSelect,
|
|
22691
22754
|
onClear: clear2
|
|
22692
22755
|
}, null, 8, ["options", "facets", "currentFilters", "facetStyle", "clearable"])) : createCommentVNode("", true),
|
|
22693
|
-
createBaseVNode("div", _hoisted_2$
|
|
22694
|
-
showFilterButton.value ? (openBlock(), createBlock(_sfc_main$
|
|
22756
|
+
createBaseVNode("div", _hoisted_2$u, [
|
|
22757
|
+
showFilterButton.value ? (openBlock(), createBlock(_sfc_main$L, {
|
|
22695
22758
|
key: 0,
|
|
22696
22759
|
options: _ctx.options,
|
|
22697
22760
|
onFilter: filter2
|
|
@@ -22701,11 +22764,11 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
|
|
|
22701
22764
|
};
|
|
22702
22765
|
}
|
|
22703
22766
|
});
|
|
22704
|
-
const _hoisted_1$
|
|
22767
|
+
const _hoisted_1$E = {
|
|
22705
22768
|
id: "lupa-search-result-filters",
|
|
22706
22769
|
class: "lupa-search-result-filters"
|
|
22707
22770
|
};
|
|
22708
|
-
const _sfc_main$
|
|
22771
|
+
const _sfc_main$J = /* @__PURE__ */ defineComponent({
|
|
22709
22772
|
__name: "SearchResultsFilters",
|
|
22710
22773
|
props: {
|
|
22711
22774
|
options: {},
|
|
@@ -22738,19 +22801,19 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
|
|
|
22738
22801
|
__expose({ fetch: fetch2 });
|
|
22739
22802
|
return (_ctx, _cache) => {
|
|
22740
22803
|
var _a;
|
|
22741
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
22742
|
-
showCurrentFilters.value ? (openBlock(), createBlock(_sfc_main$
|
|
22804
|
+
return openBlock(), createElementBlock("div", _hoisted_1$E, [
|
|
22805
|
+
showCurrentFilters.value ? (openBlock(), createBlock(_sfc_main$U, {
|
|
22743
22806
|
key: 0,
|
|
22744
22807
|
options: _ctx.options.currentFilters,
|
|
22745
22808
|
expandable: (_a = _ctx.expandable) != null ? _a : false
|
|
22746
22809
|
}, null, 8, ["options", "expandable"])) : createCommentVNode("", true),
|
|
22747
|
-
_ctx.options.categories ? (openBlock(), createBlock(_sfc_main$
|
|
22810
|
+
_ctx.options.categories ? (openBlock(), createBlock(_sfc_main$S, {
|
|
22748
22811
|
key: 1,
|
|
22749
22812
|
options: _ctx.options.categories,
|
|
22750
22813
|
ref_key: "categoryFilters",
|
|
22751
22814
|
ref: categoryFilters
|
|
22752
22815
|
}, null, 8, ["options"])) : createCommentVNode("", true),
|
|
22753
|
-
_ctx.options.facets ? (openBlock(), createBlock(_sfc_main$
|
|
22816
|
+
_ctx.options.facets ? (openBlock(), createBlock(_sfc_main$K, {
|
|
22754
22817
|
key: 2,
|
|
22755
22818
|
options: _ctx.options.facets,
|
|
22756
22819
|
onFilter: filter2
|
|
@@ -22759,20 +22822,20 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
|
|
|
22759
22822
|
};
|
|
22760
22823
|
}
|
|
22761
22824
|
});
|
|
22762
|
-
const _hoisted_1$
|
|
22825
|
+
const _hoisted_1$D = {
|
|
22763
22826
|
key: 0,
|
|
22764
22827
|
class: "lupa-mobile-filter-sidebar"
|
|
22765
22828
|
};
|
|
22766
|
-
const _hoisted_2$
|
|
22767
|
-
const _hoisted_3$
|
|
22768
|
-
const _hoisted_4$
|
|
22769
|
-
const _hoisted_5$
|
|
22829
|
+
const _hoisted_2$t = ["onClick"];
|
|
22830
|
+
const _hoisted_3$n = { class: "lupa-mobile-sidebar-content" };
|
|
22831
|
+
const _hoisted_4$h = { class: "lupa-sidebar-top" };
|
|
22832
|
+
const _hoisted_5$a = { class: "lupa-sidebar-title" };
|
|
22770
22833
|
const _hoisted_6$6 = {
|
|
22771
22834
|
key: 0,
|
|
22772
22835
|
class: "lupa-sidebar-filter-count"
|
|
22773
22836
|
};
|
|
22774
22837
|
const _hoisted_7$4 = { class: "lupa-sidebar-filter-options" };
|
|
22775
|
-
const _sfc_main$
|
|
22838
|
+
const _sfc_main$I = /* @__PURE__ */ defineComponent({
|
|
22776
22839
|
__name: "MobileFilterSidebar",
|
|
22777
22840
|
props: {
|
|
22778
22841
|
options: {}
|
|
@@ -22803,14 +22866,14 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
|
|
|
22803
22866
|
handleMobileToggle();
|
|
22804
22867
|
};
|
|
22805
22868
|
return (_ctx, _cache) => {
|
|
22806
|
-
return isMobileSidebarVisible.value ? (openBlock(), createElementBlock("div", _hoisted_1$
|
|
22869
|
+
return isMobileSidebarVisible.value ? (openBlock(), createElementBlock("div", _hoisted_1$D, [
|
|
22807
22870
|
createBaseVNode("div", {
|
|
22808
22871
|
class: "lupa-sidebar-close",
|
|
22809
22872
|
onClick: withModifiers(handleMobileToggle, ["stop"])
|
|
22810
|
-
}, null, 8, _hoisted_2$
|
|
22811
|
-
createBaseVNode("div", _hoisted_3$
|
|
22812
|
-
createBaseVNode("div", _hoisted_4$
|
|
22813
|
-
createBaseVNode("div", _hoisted_5$
|
|
22873
|
+
}, null, 8, _hoisted_2$t),
|
|
22874
|
+
createBaseVNode("div", _hoisted_3$n, [
|
|
22875
|
+
createBaseVNode("div", _hoisted_4$h, [
|
|
22876
|
+
createBaseVNode("div", _hoisted_5$a, [
|
|
22814
22877
|
createTextVNode(toDisplayString(sidebarTitle.value) + " ", 1),
|
|
22815
22878
|
isFilterCountVisible.value ? (openBlock(), createElementBlock("span", _hoisted_6$6, toDisplayString(unref(currentFilterCount)), 1)) : createCommentVNode("", true)
|
|
22816
22879
|
]),
|
|
@@ -22820,7 +22883,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
|
|
|
22820
22883
|
})
|
|
22821
22884
|
]),
|
|
22822
22885
|
createBaseVNode("div", _hoisted_7$4, [
|
|
22823
|
-
createVNode(_sfc_main$
|
|
22886
|
+
createVNode(_sfc_main$J, {
|
|
22824
22887
|
options: _ctx.options,
|
|
22825
22888
|
expandable: isActiveFiltersExpanded.value,
|
|
22826
22889
|
onFilter: filter2
|
|
@@ -22831,14 +22894,14 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
|
|
|
22831
22894
|
};
|
|
22832
22895
|
}
|
|
22833
22896
|
});
|
|
22834
|
-
const _hoisted_1$
|
|
22835
|
-
const _hoisted_2$
|
|
22836
|
-
const _hoisted_3$
|
|
22897
|
+
const _hoisted_1$C = { id: "lupa-search-results-breadcrumbs" };
|
|
22898
|
+
const _hoisted_2$s = ["href", "onClick"];
|
|
22899
|
+
const _hoisted_3$m = {
|
|
22837
22900
|
key: 1,
|
|
22838
22901
|
class: "lupa-search-results-breadcrumb-text"
|
|
22839
22902
|
};
|
|
22840
|
-
const _hoisted_4$
|
|
22841
|
-
const _sfc_main$
|
|
22903
|
+
const _hoisted_4$g = { key: 2 };
|
|
22904
|
+
const _sfc_main$H = /* @__PURE__ */ defineComponent({
|
|
22842
22905
|
__name: "SearchResultsBreadcrumbs",
|
|
22843
22906
|
props: {
|
|
22844
22907
|
breadcrumbs: {}
|
|
@@ -22863,7 +22926,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
|
|
|
22863
22926
|
handleRoutingEvent(link, event, hasEventRouting.value);
|
|
22864
22927
|
};
|
|
22865
22928
|
return (_ctx, _cache) => {
|
|
22866
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
22929
|
+
return openBlock(), createElementBlock("div", _hoisted_1$C, [
|
|
22867
22930
|
(openBlock(true), createElementBlock(Fragment, null, renderList(breadcrumbsValue.value, (breadcrumb, index) => {
|
|
22868
22931
|
return openBlock(), createElementBlock("span", {
|
|
22869
22932
|
class: "lupa-search-results-breadcrumb",
|
|
@@ -22877,19 +22940,19 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
|
|
|
22877
22940
|
var _a;
|
|
22878
22941
|
return handleNavigation(e2, (_a = breadcrumb == null ? void 0 : breadcrumb.link) != null ? _a : "");
|
|
22879
22942
|
}
|
|
22880
|
-
}, toDisplayString(getLabel(breadcrumb.label)), 9, _hoisted_2$
|
|
22881
|
-
index < breadcrumbsValue.value.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_4$
|
|
22943
|
+
}, toDisplayString(getLabel(breadcrumb.label)), 9, _hoisted_2$s)) : (openBlock(), createElementBlock("span", _hoisted_3$m, toDisplayString(getLabel(breadcrumb.label)), 1)),
|
|
22944
|
+
index < breadcrumbsValue.value.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_4$g, " / ")) : createCommentVNode("", true)
|
|
22882
22945
|
]);
|
|
22883
22946
|
}), 128))
|
|
22884
22947
|
]);
|
|
22885
22948
|
};
|
|
22886
22949
|
}
|
|
22887
22950
|
});
|
|
22888
|
-
const _hoisted_1$
|
|
22951
|
+
const _hoisted_1$B = {
|
|
22889
22952
|
id: "lupa-search-result-filters",
|
|
22890
22953
|
class: "lupa-search-result-filters lupa-search-result-top-filters"
|
|
22891
22954
|
};
|
|
22892
|
-
const _sfc_main$
|
|
22955
|
+
const _sfc_main$G = /* @__PURE__ */ defineComponent({
|
|
22893
22956
|
__name: "FiltersTopDropdown",
|
|
22894
22957
|
props: {
|
|
22895
22958
|
options: {}
|
|
@@ -22901,8 +22964,8 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
|
|
|
22901
22964
|
};
|
|
22902
22965
|
return (_ctx, _cache) => {
|
|
22903
22966
|
var _a;
|
|
22904
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
22905
|
-
_ctx.options.facets ? (openBlock(), createBlock(_sfc_main$
|
|
22967
|
+
return openBlock(), createElementBlock("div", _hoisted_1$B, [
|
|
22968
|
+
_ctx.options.facets ? (openBlock(), createBlock(_sfc_main$K, {
|
|
22906
22969
|
key: 0,
|
|
22907
22970
|
options: _ctx.options.facets,
|
|
22908
22971
|
"facet-style": (_a = _ctx.options.facets.style) == null ? void 0 : _a.type,
|
|
@@ -22913,8 +22976,8 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
|
|
|
22913
22976
|
};
|
|
22914
22977
|
}
|
|
22915
22978
|
});
|
|
22916
|
-
const _hoisted_1$
|
|
22917
|
-
const _sfc_main$
|
|
22979
|
+
const _hoisted_1$A = { id: "lupa-search-results-layout-selection" };
|
|
22980
|
+
const _sfc_main$F = /* @__PURE__ */ defineComponent({
|
|
22918
22981
|
__name: "SearchResultsLayoutSelection",
|
|
22919
22982
|
setup(__props) {
|
|
22920
22983
|
const searchResultStore = useSearchResultStore();
|
|
@@ -22925,7 +22988,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
|
|
|
22925
22988
|
searchResultStore.setLayout(layout2);
|
|
22926
22989
|
};
|
|
22927
22990
|
return (_ctx, _cache) => {
|
|
22928
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
22991
|
+
return openBlock(), createElementBlock("div", _hoisted_1$A, [
|
|
22929
22992
|
createBaseVNode("div", {
|
|
22930
22993
|
class: normalizeClass([
|
|
22931
22994
|
"lupa-layout-selection-grid",
|
|
@@ -22947,11 +23010,11 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
|
|
|
22947
23010
|
};
|
|
22948
23011
|
}
|
|
22949
23012
|
});
|
|
22950
|
-
const _hoisted_1$
|
|
23013
|
+
const _hoisted_1$z = {
|
|
22951
23014
|
key: 0,
|
|
22952
23015
|
class: "lupa-mobile-toggle-filter-count"
|
|
22953
23016
|
};
|
|
22954
|
-
const _sfc_main$
|
|
23017
|
+
const _sfc_main$E = /* @__PURE__ */ defineComponent({
|
|
22955
23018
|
__name: "SearchResultsMobileToggle",
|
|
22956
23019
|
props: {
|
|
22957
23020
|
label: {},
|
|
@@ -22969,26 +23032,26 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
|
|
|
22969
23032
|
onClick: handleMobileToggle
|
|
22970
23033
|
}, [
|
|
22971
23034
|
createTextVNode(toDisplayString(_ctx.label) + " ", 1),
|
|
22972
|
-
_ctx.showFilterCount && unref(currentFilterCount) > 0 ? (openBlock(), createElementBlock("span", _hoisted_1$
|
|
23035
|
+
_ctx.showFilterCount && unref(currentFilterCount) > 0 ? (openBlock(), createElementBlock("span", _hoisted_1$z, toDisplayString(unref(currentFilterCount)), 1)) : createCommentVNode("", true)
|
|
22973
23036
|
], 2);
|
|
22974
23037
|
};
|
|
22975
23038
|
}
|
|
22976
23039
|
});
|
|
22977
|
-
const _hoisted_1$
|
|
23040
|
+
const _hoisted_1$y = {
|
|
22978
23041
|
key: 0,
|
|
22979
23042
|
id: "lupa-search-results-page-select",
|
|
22980
23043
|
"data-cy": "lupa-search-results-page-select"
|
|
22981
23044
|
};
|
|
22982
|
-
const _hoisted_2$
|
|
23045
|
+
const _hoisted_2$r = {
|
|
22983
23046
|
key: 0,
|
|
22984
23047
|
class: "lupa-page-number-separator"
|
|
22985
23048
|
};
|
|
22986
|
-
const _hoisted_3$
|
|
22987
|
-
const _hoisted_4$
|
|
23049
|
+
const _hoisted_3$l = ["onClick"];
|
|
23050
|
+
const _hoisted_4$f = {
|
|
22988
23051
|
key: 0,
|
|
22989
23052
|
class: "lupa-page-number-separator"
|
|
22990
23053
|
};
|
|
22991
|
-
const _sfc_main$
|
|
23054
|
+
const _sfc_main$D = /* @__PURE__ */ defineComponent({
|
|
22992
23055
|
__name: "SearchResultsPageSelect",
|
|
22993
23056
|
props: {
|
|
22994
23057
|
lastPageLabel: {},
|
|
@@ -23065,7 +23128,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
|
|
|
23065
23128
|
}
|
|
23066
23129
|
};
|
|
23067
23130
|
return (_ctx, _cache) => {
|
|
23068
|
-
return showPagination.value ? (openBlock(), createElementBlock("div", _hoisted_1$
|
|
23131
|
+
return showPagination.value ? (openBlock(), createElementBlock("div", _hoisted_1$y, [
|
|
23069
23132
|
showBack.value ? (openBlock(), createElementBlock("div", {
|
|
23070
23133
|
key: 0,
|
|
23071
23134
|
class: normalizeClass(firstPageLabel.value === "<" ? "lupa-page-arrow" : "lupa-show-less"),
|
|
@@ -23076,7 +23139,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
|
|
|
23076
23139
|
class: "lupa-page-number lupa-page-number-first",
|
|
23077
23140
|
onClick: _cache[1] || (_cache[1] = () => handlePageChange(1))
|
|
23078
23141
|
}, " 1 "),
|
|
23079
|
-
showFirstPageSeparator.value ? (openBlock(), createElementBlock("div", _hoisted_2$
|
|
23142
|
+
showFirstPageSeparator.value ? (openBlock(), createElementBlock("div", _hoisted_2$r, "...")) : createCommentVNode("", true)
|
|
23080
23143
|
], 64)) : createCommentVNode("", true),
|
|
23081
23144
|
(openBlock(true), createElementBlock(Fragment, null, renderList(pages.value, (page) => {
|
|
23082
23145
|
return openBlock(), createElementBlock("div", {
|
|
@@ -23087,10 +23150,10 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
|
|
|
23087
23150
|
page === _ctx.options.selectedPage ? "lupa-page-number-selected" : ""
|
|
23088
23151
|
]),
|
|
23089
23152
|
"data-cy": "lupa-page-number"
|
|
23090
|
-
}, toDisplayString(page), 11, _hoisted_3$
|
|
23153
|
+
}, toDisplayString(page), 11, _hoisted_3$l);
|
|
23091
23154
|
}), 128)),
|
|
23092
23155
|
showLastPage.value ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
|
|
23093
|
-
showLastPageSeparator.value ? (openBlock(), createElementBlock("div", _hoisted_4$
|
|
23156
|
+
showLastPageSeparator.value ? (openBlock(), createElementBlock("div", _hoisted_4$f, "...")) : createCommentVNode("", true),
|
|
23094
23157
|
createBaseVNode("div", {
|
|
23095
23158
|
class: "lupa-page-number lupa-page-number-last",
|
|
23096
23159
|
onClick: _cache[2] || (_cache[2] = () => {
|
|
@@ -23109,15 +23172,15 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
|
|
|
23109
23172
|
};
|
|
23110
23173
|
}
|
|
23111
23174
|
});
|
|
23112
|
-
const _hoisted_1$
|
|
23175
|
+
const _hoisted_1$x = {
|
|
23113
23176
|
id: "lupa-search-results-page-size",
|
|
23114
23177
|
"data-cy": "lupa-search-results-page-size"
|
|
23115
23178
|
};
|
|
23116
|
-
const _hoisted_2$
|
|
23117
|
-
const _hoisted_3$
|
|
23118
|
-
const _hoisted_4$
|
|
23119
|
-
const _hoisted_5$
|
|
23120
|
-
const _sfc_main$
|
|
23179
|
+
const _hoisted_2$q = { id: "lupa-select" };
|
|
23180
|
+
const _hoisted_3$k = { class: "lupa-select-label" };
|
|
23181
|
+
const _hoisted_4$e = ["aria-label"];
|
|
23182
|
+
const _hoisted_5$9 = ["value"];
|
|
23183
|
+
const _sfc_main$C = /* @__PURE__ */ defineComponent({
|
|
23121
23184
|
__name: "SearchResultsPageSize",
|
|
23122
23185
|
props: {
|
|
23123
23186
|
labels: {},
|
|
@@ -23145,9 +23208,9 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
|
|
|
23145
23208
|
});
|
|
23146
23209
|
};
|
|
23147
23210
|
return (_ctx, _cache) => {
|
|
23148
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
23149
|
-
createBaseVNode("div", _hoisted_2$
|
|
23150
|
-
createBaseVNode("label", _hoisted_3$
|
|
23211
|
+
return openBlock(), createElementBlock("div", _hoisted_1$x, [
|
|
23212
|
+
createBaseVNode("div", _hoisted_2$q, [
|
|
23213
|
+
createBaseVNode("label", _hoisted_3$k, toDisplayString(label.value), 1),
|
|
23151
23214
|
createBaseVNode("select", {
|
|
23152
23215
|
class: "lupa-select-dropdown",
|
|
23153
23216
|
"aria-label": label.value,
|
|
@@ -23160,23 +23223,23 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
|
|
|
23160
23223
|
return openBlock(), createElementBlock("option", {
|
|
23161
23224
|
key: option,
|
|
23162
23225
|
value: option
|
|
23163
|
-
}, toDisplayString(prefixLabel.value) + toDisplayString(option), 9, _hoisted_5$
|
|
23226
|
+
}, toDisplayString(prefixLabel.value) + toDisplayString(option), 9, _hoisted_5$9);
|
|
23164
23227
|
}), 128))
|
|
23165
|
-
], 40, _hoisted_4$
|
|
23228
|
+
], 40, _hoisted_4$e)
|
|
23166
23229
|
])
|
|
23167
23230
|
]);
|
|
23168
23231
|
};
|
|
23169
23232
|
}
|
|
23170
23233
|
});
|
|
23171
|
-
const _hoisted_1$
|
|
23234
|
+
const _hoisted_1$w = {
|
|
23172
23235
|
id: "lupa-search-results-sort",
|
|
23173
23236
|
class: "lupa-search-results-sort"
|
|
23174
23237
|
};
|
|
23175
|
-
const _hoisted_2$
|
|
23176
|
-
const _hoisted_3$
|
|
23177
|
-
const _hoisted_4$
|
|
23178
|
-
const _hoisted_5$
|
|
23179
|
-
const _sfc_main$
|
|
23238
|
+
const _hoisted_2$p = { id: "lupa-select" };
|
|
23239
|
+
const _hoisted_3$j = { class: "lupa-select-label" };
|
|
23240
|
+
const _hoisted_4$d = ["aria-label"];
|
|
23241
|
+
const _hoisted_5$8 = ["value"];
|
|
23242
|
+
const _sfc_main$B = /* @__PURE__ */ defineComponent({
|
|
23180
23243
|
__name: "SearchResultsSort",
|
|
23181
23244
|
props: {
|
|
23182
23245
|
options: {},
|
|
@@ -23225,9 +23288,9 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
|
|
|
23225
23288
|
previousKey.value = selectedKey.value;
|
|
23226
23289
|
};
|
|
23227
23290
|
return (_ctx, _cache) => {
|
|
23228
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
23229
|
-
createBaseVNode("div", _hoisted_2$
|
|
23230
|
-
createBaseVNode("label", _hoisted_3$
|
|
23291
|
+
return openBlock(), createElementBlock("div", _hoisted_1$w, [
|
|
23292
|
+
createBaseVNode("div", _hoisted_2$p, [
|
|
23293
|
+
createBaseVNode("label", _hoisted_3$j, toDisplayString(_ctx.options.label), 1),
|
|
23231
23294
|
withDirectives(createBaseVNode("select", {
|
|
23232
23295
|
class: "lupa-select-dropdown",
|
|
23233
23296
|
"aria-label": _ctx.options.label,
|
|
@@ -23240,9 +23303,9 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
|
|
|
23240
23303
|
return openBlock(), createElementBlock("option", {
|
|
23241
23304
|
key: option.key,
|
|
23242
23305
|
value: option.key
|
|
23243
|
-
}, toDisplayString(option.label), 9, _hoisted_5$
|
|
23306
|
+
}, toDisplayString(option.label), 9, _hoisted_5$8);
|
|
23244
23307
|
}), 128))
|
|
23245
|
-
], 40, _hoisted_4$
|
|
23308
|
+
], 40, _hoisted_4$d), [
|
|
23246
23309
|
[vModelSelect, selectedKey.value]
|
|
23247
23310
|
])
|
|
23248
23311
|
])
|
|
@@ -23250,14 +23313,14 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
|
|
|
23250
23313
|
};
|
|
23251
23314
|
}
|
|
23252
23315
|
});
|
|
23253
|
-
const _hoisted_1$
|
|
23254
|
-
const _hoisted_2$
|
|
23316
|
+
const _hoisted_1$v = { class: "lupa-toolbar-left" };
|
|
23317
|
+
const _hoisted_2$o = {
|
|
23255
23318
|
key: 0,
|
|
23256
23319
|
class: "lupa-toolbar-right-title"
|
|
23257
23320
|
};
|
|
23258
|
-
const _hoisted_3$
|
|
23259
|
-
const _hoisted_4$
|
|
23260
|
-
const _hoisted_5$
|
|
23321
|
+
const _hoisted_3$i = { key: 2 };
|
|
23322
|
+
const _hoisted_4$c = { key: 4 };
|
|
23323
|
+
const _hoisted_5$7 = { key: 6 };
|
|
23261
23324
|
const _hoisted_6$5 = { class: "lupa-toolbar-right" };
|
|
23262
23325
|
const _hoisted_7$3 = {
|
|
23263
23326
|
key: 0,
|
|
@@ -23265,7 +23328,7 @@ const _hoisted_7$3 = {
|
|
|
23265
23328
|
};
|
|
23266
23329
|
const _hoisted_8 = { key: 2 };
|
|
23267
23330
|
const _hoisted_9 = { key: 4 };
|
|
23268
|
-
const _sfc_main$
|
|
23331
|
+
const _sfc_main$A = /* @__PURE__ */ defineComponent({
|
|
23269
23332
|
__name: "SearchResultsToolbar",
|
|
23270
23333
|
props: {
|
|
23271
23334
|
options: {},
|
|
@@ -23372,34 +23435,34 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
|
|
|
23372
23435
|
id: "lupa-search-results-toolbar",
|
|
23373
23436
|
class: normalizeClass({ "lupa-filter-no-results": !hasResults.value })
|
|
23374
23437
|
}, [
|
|
23375
|
-
createBaseVNode("div", _hoisted_1$
|
|
23376
|
-
toolbarLeftLabel.value ? (openBlock(), createElementBlock("div", _hoisted_2$
|
|
23377
|
-
showLayoutSelection.value ? (openBlock(), createBlock(_sfc_main$
|
|
23378
|
-
showItemSummary.value ? (openBlock(), createBlock(_sfc_main$
|
|
23438
|
+
createBaseVNode("div", _hoisted_1$v, [
|
|
23439
|
+
toolbarLeftLabel.value ? (openBlock(), createElementBlock("div", _hoisted_2$o, toDisplayString(toolbarLeftLabel.value), 1)) : createCommentVNode("", true),
|
|
23440
|
+
showLayoutSelection.value ? (openBlock(), createBlock(_sfc_main$F, { key: 1 })) : (openBlock(), createElementBlock("div", _hoisted_3$i)),
|
|
23441
|
+
showItemSummary.value ? (openBlock(), createBlock(_sfc_main$X, {
|
|
23379
23442
|
key: 3,
|
|
23380
23443
|
label: searchSummaryLabel.value,
|
|
23381
23444
|
clearable: unref(hasAnyFilter) && showFilterClear.value,
|
|
23382
23445
|
onClear: handleClearAll
|
|
23383
|
-
}, null, 8, ["label", "clearable"])) : (openBlock(), createElementBlock("div", _hoisted_4$
|
|
23384
|
-
displayPageSelect.value ? (openBlock(), createBlock(_sfc_main$
|
|
23446
|
+
}, null, 8, ["label", "clearable"])) : (openBlock(), createElementBlock("div", _hoisted_4$c)),
|
|
23447
|
+
displayPageSelect.value ? (openBlock(), createBlock(_sfc_main$D, {
|
|
23385
23448
|
key: 5,
|
|
23386
23449
|
options: paginationOptions.value.pageSelect,
|
|
23387
23450
|
"last-page-label": paginationOptions.value.labels.showMore,
|
|
23388
23451
|
"first-page-label": paginationOptions.value.labels.showLess
|
|
23389
|
-
}, null, 8, ["options", "last-page-label", "first-page-label"])) : (openBlock(), createElementBlock("div", _hoisted_5$
|
|
23452
|
+
}, null, 8, ["options", "last-page-label", "first-page-label"])) : (openBlock(), createElementBlock("div", _hoisted_5$7))
|
|
23390
23453
|
]),
|
|
23391
23454
|
createBaseVNode("div", _hoisted_6$5, [
|
|
23392
23455
|
toolbarRightLabel.value ? (openBlock(), createElementBlock("div", _hoisted_7$3, toDisplayString(toolbarRightLabel.value), 1)) : createCommentVNode("", true),
|
|
23393
|
-
createVNode(_sfc_main$
|
|
23456
|
+
createVNode(_sfc_main$E, {
|
|
23394
23457
|
label: optionsValue.value.labels.mobileFilterButton,
|
|
23395
23458
|
"show-filter-count": showMobileFilterCount.value
|
|
23396
23459
|
}, null, 8, ["label", "show-filter-count"]),
|
|
23397
|
-
paginationDisplay.value.pageSize ? (openBlock(), createBlock(_sfc_main$
|
|
23460
|
+
paginationDisplay.value.pageSize ? (openBlock(), createBlock(_sfc_main$C, {
|
|
23398
23461
|
key: 1,
|
|
23399
23462
|
options: paginationOptions.value.pageSize,
|
|
23400
23463
|
labels: paginationOptions.value.labels
|
|
23401
23464
|
}, null, 8, ["options", "labels"])) : (openBlock(), createElementBlock("div", _hoisted_8)),
|
|
23402
|
-
sortOptions.value ? (openBlock(), createBlock(_sfc_main$
|
|
23465
|
+
sortOptions.value ? (openBlock(), createBlock(_sfc_main$B, {
|
|
23403
23466
|
key: 3,
|
|
23404
23467
|
options: sortOptions.value,
|
|
23405
23468
|
callbacks: callbacks.value
|
|
@@ -23409,7 +23472,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
|
|
|
23409
23472
|
};
|
|
23410
23473
|
}
|
|
23411
23474
|
});
|
|
23412
|
-
const _sfc_main$
|
|
23475
|
+
const _sfc_main$z = /* @__PURE__ */ defineComponent({
|
|
23413
23476
|
__name: "SearchResultsProductImage",
|
|
23414
23477
|
props: {
|
|
23415
23478
|
item: {},
|
|
@@ -23417,7 +23480,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
|
|
|
23417
23480
|
},
|
|
23418
23481
|
setup(__props) {
|
|
23419
23482
|
return (_ctx, _cache) => {
|
|
23420
|
-
return openBlock(), createBlock(_sfc_main$
|
|
23483
|
+
return openBlock(), createBlock(_sfc_main$1k, {
|
|
23421
23484
|
item: _ctx.item,
|
|
23422
23485
|
options: _ctx.options,
|
|
23423
23486
|
"wrapper-class": "lupa-search-results-image-wrapper",
|
|
@@ -23426,16 +23489,16 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
|
|
|
23426
23489
|
};
|
|
23427
23490
|
}
|
|
23428
23491
|
});
|
|
23429
|
-
const _hoisted_1$
|
|
23430
|
-
const _hoisted_2$
|
|
23431
|
-
const _hoisted_3$
|
|
23432
|
-
const _hoisted_4$
|
|
23433
|
-
const _hoisted_5$
|
|
23492
|
+
const _hoisted_1$u = ["title", "innerHTML"];
|
|
23493
|
+
const _hoisted_2$n = ["title"];
|
|
23494
|
+
const _hoisted_3$h = ["href", "innerHTML"];
|
|
23495
|
+
const _hoisted_4$b = ["title"];
|
|
23496
|
+
const _hoisted_5$6 = {
|
|
23434
23497
|
key: 0,
|
|
23435
23498
|
class: "lupa-search-results-product-title-text"
|
|
23436
23499
|
};
|
|
23437
23500
|
const _hoisted_6$4 = ["href"];
|
|
23438
|
-
const _sfc_main$
|
|
23501
|
+
const _sfc_main$y = /* @__PURE__ */ defineComponent({
|
|
23439
23502
|
__name: "SearchResultsProductTitle",
|
|
23440
23503
|
props: {
|
|
23441
23504
|
item: {},
|
|
@@ -23472,7 +23535,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
|
|
|
23472
23535
|
style: normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`),
|
|
23473
23536
|
title: sanitizedTitle.value,
|
|
23474
23537
|
innerHTML: sanitizedTitle.value
|
|
23475
|
-
}, null, 12, _hoisted_1$
|
|
23538
|
+
}, null, 12, _hoisted_1$u)) : isHtml.value && _ctx.options.link ? (openBlock(), createElementBlock("div", {
|
|
23476
23539
|
key: 1,
|
|
23477
23540
|
class: "lupa-search-results-product-title",
|
|
23478
23541
|
style: normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`),
|
|
@@ -23483,26 +23546,26 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
|
|
|
23483
23546
|
class: "lupa-search-results-product-title-text lupa-title-link",
|
|
23484
23547
|
innerHTML: sanitizedTitle.value,
|
|
23485
23548
|
onClick: handleNavigation
|
|
23486
|
-
}, null, 8, _hoisted_3$
|
|
23487
|
-
], 12, _hoisted_2$
|
|
23549
|
+
}, null, 8, _hoisted_3$h)
|
|
23550
|
+
], 12, _hoisted_2$n)) : (openBlock(), createElementBlock("div", {
|
|
23488
23551
|
key: 2,
|
|
23489
23552
|
class: "lupa-search-results-product-title",
|
|
23490
23553
|
style: normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`),
|
|
23491
23554
|
title: title.value
|
|
23492
23555
|
}, [
|
|
23493
|
-
!_ctx.options.link ? (openBlock(), createElementBlock("span", _hoisted_5$
|
|
23556
|
+
!_ctx.options.link ? (openBlock(), createElementBlock("span", _hoisted_5$6, toDisplayString(title.value), 1)) : createCommentVNode("", true),
|
|
23494
23557
|
_ctx.options.link ? (openBlock(), createElementBlock("a", {
|
|
23495
23558
|
key: 1,
|
|
23496
23559
|
href: _ctx.link,
|
|
23497
23560
|
class: "lupa-search-results-product-title-text lupa-title-link",
|
|
23498
23561
|
onClick: handleNavigation
|
|
23499
23562
|
}, toDisplayString(title.value), 9, _hoisted_6$4)) : createCommentVNode("", true)
|
|
23500
|
-
], 12, _hoisted_4$
|
|
23563
|
+
], 12, _hoisted_4$b));
|
|
23501
23564
|
};
|
|
23502
23565
|
}
|
|
23503
23566
|
});
|
|
23504
|
-
const _hoisted_1$
|
|
23505
|
-
const _sfc_main$
|
|
23567
|
+
const _hoisted_1$t = ["innerHTML"];
|
|
23568
|
+
const _sfc_main$x = /* @__PURE__ */ defineComponent({
|
|
23506
23569
|
__name: "SearchResultsProductDescription",
|
|
23507
23570
|
props: {
|
|
23508
23571
|
item: {},
|
|
@@ -23529,7 +23592,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
|
|
|
23529
23592
|
class: "lupa-search-results-product-description",
|
|
23530
23593
|
style: normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`),
|
|
23531
23594
|
innerHTML: sanitizedDescription.value
|
|
23532
|
-
}, null, 12, _hoisted_1$
|
|
23595
|
+
}, null, 12, _hoisted_1$t)) : (openBlock(), createElementBlock("div", {
|
|
23533
23596
|
key: 1,
|
|
23534
23597
|
class: "lupa-search-results-product-description",
|
|
23535
23598
|
style: normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`)
|
|
@@ -23537,15 +23600,15 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
|
|
|
23537
23600
|
};
|
|
23538
23601
|
}
|
|
23539
23602
|
});
|
|
23540
|
-
const _hoisted_1$
|
|
23541
|
-
const _hoisted_2$
|
|
23542
|
-
const _hoisted_3$
|
|
23543
|
-
const _hoisted_4$
|
|
23544
|
-
const _hoisted_5$
|
|
23603
|
+
const _hoisted_1$s = { id: "lupa-search-results-rating" };
|
|
23604
|
+
const _hoisted_2$m = { class: "lupa-ratings" };
|
|
23605
|
+
const _hoisted_3$g = { class: "lupa-ratings-base" };
|
|
23606
|
+
const _hoisted_4$a = ["innerHTML"];
|
|
23607
|
+
const _hoisted_5$5 = { class: "lupa-rating-wrapper" };
|
|
23545
23608
|
const _hoisted_6$3 = ["innerHTML"];
|
|
23546
23609
|
const _hoisted_7$2 = ["href"];
|
|
23547
23610
|
const STAR_COUNT = 5;
|
|
23548
|
-
const _sfc_main$
|
|
23611
|
+
const _sfc_main$w = /* @__PURE__ */ defineComponent({
|
|
23549
23612
|
__name: "SearchResultsProductRating",
|
|
23550
23613
|
props: {
|
|
23551
23614
|
item: {},
|
|
@@ -23566,7 +23629,13 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
|
|
|
23566
23629
|
return new Array(STAR_COUNT).fill(RATING_STAR_HTML);
|
|
23567
23630
|
});
|
|
23568
23631
|
const ratingPercentage = computed(() => {
|
|
23569
|
-
|
|
23632
|
+
if (props.options.getRatingPercentage) {
|
|
23633
|
+
return props.options.getRatingPercentage(props.item);
|
|
23634
|
+
}
|
|
23635
|
+
if (props.options.maxRating) {
|
|
23636
|
+
return currentRating.value / props.options.maxRating * 100;
|
|
23637
|
+
}
|
|
23638
|
+
return currentRating.value;
|
|
23570
23639
|
});
|
|
23571
23640
|
const ratingLink = computed(() => {
|
|
23572
23641
|
var _a;
|
|
@@ -23576,18 +23645,18 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
|
|
|
23576
23645
|
return generateLink(props.options.links.ratingDetails, props.item);
|
|
23577
23646
|
});
|
|
23578
23647
|
return (_ctx, _cache) => {
|
|
23579
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
23580
|
-
createBaseVNode("div", _hoisted_2$
|
|
23581
|
-
createBaseVNode("div", _hoisted_3$
|
|
23648
|
+
return openBlock(), createElementBlock("div", _hoisted_1$s, [
|
|
23649
|
+
createBaseVNode("div", _hoisted_2$m, [
|
|
23650
|
+
createBaseVNode("div", _hoisted_3$g, [
|
|
23582
23651
|
(openBlock(true), createElementBlock(Fragment, null, renderList(baseStars.value, (star, index) => {
|
|
23583
23652
|
return openBlock(), createElementBlock("div", {
|
|
23584
23653
|
key: index,
|
|
23585
23654
|
innerHTML: star,
|
|
23586
23655
|
class: "lupa-rating lupa-rating-not-highlighted"
|
|
23587
|
-
}, null, 8, _hoisted_4$
|
|
23656
|
+
}, null, 8, _hoisted_4$a);
|
|
23588
23657
|
}), 128))
|
|
23589
23658
|
]),
|
|
23590
|
-
createBaseVNode("div", _hoisted_5$
|
|
23659
|
+
createBaseVNode("div", _hoisted_5$5, [
|
|
23591
23660
|
createBaseVNode("div", {
|
|
23592
23661
|
class: "lupa-ratings-highlighted",
|
|
23593
23662
|
style: normalizeStyle({ width: ratingPercentage.value + "%" })
|
|
@@ -23610,11 +23679,11 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
|
|
|
23610
23679
|
};
|
|
23611
23680
|
}
|
|
23612
23681
|
});
|
|
23613
|
-
const _hoisted_1$
|
|
23682
|
+
const _hoisted_1$r = {
|
|
23614
23683
|
class: "lupa-search-results-product-regular-price",
|
|
23615
23684
|
"data-cy": "lupa-search-results-product-regular-price"
|
|
23616
23685
|
};
|
|
23617
|
-
const _sfc_main$
|
|
23686
|
+
const _sfc_main$v = /* @__PURE__ */ defineComponent({
|
|
23618
23687
|
__name: "SearchResultsProductRegularPrice",
|
|
23619
23688
|
props: {
|
|
23620
23689
|
item: {},
|
|
@@ -23632,11 +23701,11 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
|
|
|
23632
23701
|
);
|
|
23633
23702
|
});
|
|
23634
23703
|
return (_ctx, _cache) => {
|
|
23635
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
23704
|
+
return openBlock(), createElementBlock("div", _hoisted_1$r, toDisplayString(price.value), 1);
|
|
23636
23705
|
};
|
|
23637
23706
|
}
|
|
23638
23707
|
});
|
|
23639
|
-
const _sfc_main$
|
|
23708
|
+
const _sfc_main$u = /* @__PURE__ */ defineComponent({
|
|
23640
23709
|
__name: "SearchResultsProductPrice",
|
|
23641
23710
|
props: {
|
|
23642
23711
|
item: {},
|
|
@@ -23666,10 +23735,10 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
|
|
|
23666
23735
|
};
|
|
23667
23736
|
}
|
|
23668
23737
|
});
|
|
23669
|
-
const _hoisted_1$
|
|
23670
|
-
const _hoisted_2$
|
|
23671
|
-
const _hoisted_3$
|
|
23672
|
-
const _sfc_main$
|
|
23738
|
+
const _hoisted_1$q = { class: "lupa-search-results-add-to-cart-wrapper" };
|
|
23739
|
+
const _hoisted_2$l = { class: "lupa-search-results-product-addtocart" };
|
|
23740
|
+
const _hoisted_3$f = ["id", "disabled", "onClick"];
|
|
23741
|
+
const _sfc_main$t = /* @__PURE__ */ defineComponent({
|
|
23673
23742
|
__name: "SearchResultsProductAddToCart",
|
|
23674
23743
|
props: {
|
|
23675
23744
|
item: {},
|
|
@@ -23689,11 +23758,16 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
|
|
|
23689
23758
|
const label = computed(() => {
|
|
23690
23759
|
return props.options.labels.addToCart;
|
|
23691
23760
|
});
|
|
23761
|
+
const id = computed(() => {
|
|
23762
|
+
var _a;
|
|
23763
|
+
const id2 = (_a = props.item.id) != null ? _a : "";
|
|
23764
|
+
return `lupa-add-to-cart-${id2}`;
|
|
23765
|
+
});
|
|
23692
23766
|
const handleClick = () => __async2(this, null, function* () {
|
|
23693
23767
|
loading.value = true;
|
|
23694
23768
|
if (props.options.emitEvent) {
|
|
23695
23769
|
const event = new CustomEvent(props.options.emitEvent, { detail: { item: props.item } });
|
|
23696
|
-
|
|
23770
|
+
document.dispatchEvent(event);
|
|
23697
23771
|
}
|
|
23698
23772
|
if (props.options.action) {
|
|
23699
23773
|
yield props.options.action(props.item, addToCartAmount.value);
|
|
@@ -23702,25 +23776,26 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
|
|
|
23702
23776
|
loading.value = false;
|
|
23703
23777
|
});
|
|
23704
23778
|
return (_ctx, _cache) => {
|
|
23705
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
23706
|
-
createBaseVNode("div", _hoisted_2$
|
|
23779
|
+
return openBlock(), createElementBlock("div", _hoisted_1$q, [
|
|
23780
|
+
createBaseVNode("div", _hoisted_2$l, [
|
|
23707
23781
|
createBaseVNode("button", {
|
|
23708
|
-
|
|
23782
|
+
id: id.value,
|
|
23709
23783
|
class: normalizeClass(loading.value ? "lupa-add-to-cart-loading" : "lupa-add-to-cart"),
|
|
23710
23784
|
"data-cy": "lupa-add-to-cart",
|
|
23711
|
-
disabled: !inStockValue.value || loading.value
|
|
23712
|
-
|
|
23785
|
+
disabled: !inStockValue.value || loading.value,
|
|
23786
|
+
onClick: withModifiers(handleClick, ["stop"])
|
|
23787
|
+
}, toDisplayString(label.value), 11, _hoisted_3$f)
|
|
23713
23788
|
])
|
|
23714
23789
|
]);
|
|
23715
23790
|
};
|
|
23716
23791
|
}
|
|
23717
23792
|
});
|
|
23718
|
-
const _hoisted_1$
|
|
23719
|
-
const _hoisted_2$
|
|
23720
|
-
const _hoisted_3$
|
|
23721
|
-
const _hoisted_4$
|
|
23722
|
-
const _hoisted_5$
|
|
23723
|
-
const _sfc_main$
|
|
23793
|
+
const _hoisted_1$p = ["innerHTML"];
|
|
23794
|
+
const _hoisted_2$k = { key: 0 };
|
|
23795
|
+
const _hoisted_3$e = { key: 1 };
|
|
23796
|
+
const _hoisted_4$9 = { class: "lupa-search-box-custom-label" };
|
|
23797
|
+
const _hoisted_5$4 = { class: "lupa-search-box-custom-text" };
|
|
23798
|
+
const _sfc_main$s = /* @__PURE__ */ defineComponent({
|
|
23724
23799
|
__name: "SearchResultsProductCustom",
|
|
23725
23800
|
props: {
|
|
23726
23801
|
item: {},
|
|
@@ -23758,20 +23833,20 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
|
|
|
23758
23833
|
key: 0,
|
|
23759
23834
|
class: className.value,
|
|
23760
23835
|
innerHTML: text.value
|
|
23761
|
-
}, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$
|
|
23836
|
+
}, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$p)) : (openBlock(), createElementBlock("div", mergeProps({
|
|
23762
23837
|
key: 1,
|
|
23763
23838
|
class: className.value
|
|
23764
23839
|
}, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
|
|
23765
|
-
!label.value ? (openBlock(), createElementBlock("div", _hoisted_2$
|
|
23766
|
-
createBaseVNode("div", _hoisted_4$
|
|
23767
|
-
createBaseVNode("div", _hoisted_5$
|
|
23840
|
+
!label.value ? (openBlock(), createElementBlock("div", _hoisted_2$k, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$e, [
|
|
23841
|
+
createBaseVNode("div", _hoisted_4$9, toDisplayString(label.value), 1),
|
|
23842
|
+
createBaseVNode("div", _hoisted_5$4, toDisplayString(text.value), 1)
|
|
23768
23843
|
]))
|
|
23769
23844
|
], 16));
|
|
23770
23845
|
};
|
|
23771
23846
|
}
|
|
23772
23847
|
});
|
|
23773
|
-
const _hoisted_1$
|
|
23774
|
-
const _sfc_main$
|
|
23848
|
+
const _hoisted_1$o = ["innerHTML"];
|
|
23849
|
+
const _sfc_main$r = /* @__PURE__ */ defineComponent({
|
|
23775
23850
|
__name: "SearchResultsProductCustomHtmlElement",
|
|
23776
23851
|
props: {
|
|
23777
23852
|
item: {},
|
|
@@ -23802,15 +23877,15 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
|
|
|
23802
23877
|
return openBlock(), createElementBlock("div", mergeProps({
|
|
23803
23878
|
class: className.value,
|
|
23804
23879
|
innerHTML: text.value
|
|
23805
|
-
}, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$
|
|
23880
|
+
}, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$o);
|
|
23806
23881
|
};
|
|
23807
23882
|
}
|
|
23808
23883
|
});
|
|
23809
|
-
const _hoisted_1$
|
|
23810
|
-
const _hoisted_2$
|
|
23811
|
-
const _hoisted_3$
|
|
23812
|
-
const _hoisted_4$
|
|
23813
|
-
const _sfc_main$
|
|
23884
|
+
const _hoisted_1$n = { id: "lupa-search-results-rating" };
|
|
23885
|
+
const _hoisted_2$j = ["innerHTML"];
|
|
23886
|
+
const _hoisted_3$d = { class: "lupa-ratings" };
|
|
23887
|
+
const _hoisted_4$8 = ["href"];
|
|
23888
|
+
const _sfc_main$q = /* @__PURE__ */ defineComponent({
|
|
23814
23889
|
__name: "SearchResultsProductSingleStarRating",
|
|
23815
23890
|
props: {
|
|
23816
23891
|
item: {},
|
|
@@ -23838,35 +23913,35 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
|
|
|
23838
23913
|
return RATING_STAR_HTML;
|
|
23839
23914
|
});
|
|
23840
23915
|
return (_ctx, _cache) => {
|
|
23841
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
23916
|
+
return openBlock(), createElementBlock("div", _hoisted_1$n, [
|
|
23842
23917
|
createBaseVNode("div", {
|
|
23843
23918
|
innerHTML: star.value,
|
|
23844
23919
|
class: "lupa-rating lupa-rating-highlighted"
|
|
23845
|
-
}, null, 8, _hoisted_2$
|
|
23846
|
-
createBaseVNode("div", _hoisted_3$
|
|
23920
|
+
}, null, 8, _hoisted_2$j),
|
|
23921
|
+
createBaseVNode("div", _hoisted_3$d, toDisplayString(rating.value), 1),
|
|
23847
23922
|
createBaseVNode("a", {
|
|
23848
23923
|
href: ratingLink.value,
|
|
23849
23924
|
class: "lupa-total-ratings"
|
|
23850
|
-
}, toDisplayString(totalRatings.value), 9, _hoisted_4$
|
|
23925
|
+
}, toDisplayString(totalRatings.value), 9, _hoisted_4$8)
|
|
23851
23926
|
]);
|
|
23852
23927
|
};
|
|
23853
23928
|
}
|
|
23854
23929
|
});
|
|
23855
23930
|
const __default__ = {
|
|
23856
23931
|
components: {
|
|
23857
|
-
SearchResultsProductImage: _sfc_main$
|
|
23858
|
-
SearchResultsProductTitle: _sfc_main$
|
|
23859
|
-
SearchResultsProductDescription: _sfc_main$
|
|
23860
|
-
SearchResultsProductRating: _sfc_main$
|
|
23861
|
-
SearchResultsProductRegularPrice: _sfc_main$
|
|
23862
|
-
SearchResultsProductPrice: _sfc_main$
|
|
23863
|
-
SearchResultsProductAddToCart: _sfc_main$
|
|
23864
|
-
SearchResultsProductCustom: _sfc_main$
|
|
23865
|
-
SearchResultsProductCustomHtmlElement: _sfc_main$
|
|
23866
|
-
SearchResultsProductSingleStarRating: _sfc_main$
|
|
23867
|
-
}
|
|
23868
|
-
};
|
|
23869
|
-
const _sfc_main$
|
|
23932
|
+
SearchResultsProductImage: _sfc_main$z,
|
|
23933
|
+
SearchResultsProductTitle: _sfc_main$y,
|
|
23934
|
+
SearchResultsProductDescription: _sfc_main$x,
|
|
23935
|
+
SearchResultsProductRating: _sfc_main$w,
|
|
23936
|
+
SearchResultsProductRegularPrice: _sfc_main$v,
|
|
23937
|
+
SearchResultsProductPrice: _sfc_main$u,
|
|
23938
|
+
SearchResultsProductAddToCart: _sfc_main$t,
|
|
23939
|
+
SearchResultsProductCustom: _sfc_main$s,
|
|
23940
|
+
SearchResultsProductCustomHtmlElement: _sfc_main$r,
|
|
23941
|
+
SearchResultsProductSingleStarRating: _sfc_main$q
|
|
23942
|
+
}
|
|
23943
|
+
};
|
|
23944
|
+
const _sfc_main$p = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__), {
|
|
23870
23945
|
__name: "SearchResultsProductCardElement",
|
|
23871
23946
|
props: {
|
|
23872
23947
|
item: {},
|
|
@@ -23942,13 +24017,13 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
|
|
|
23942
24017
|
};
|
|
23943
24018
|
}
|
|
23944
24019
|
}));
|
|
23945
|
-
const _hoisted_1$
|
|
23946
|
-
const _hoisted_2$
|
|
24020
|
+
const _hoisted_1$m = ["href"];
|
|
24021
|
+
const _hoisted_2$i = {
|
|
23947
24022
|
key: 0,
|
|
23948
24023
|
class: "lupa-out-of-stock"
|
|
23949
24024
|
};
|
|
23950
|
-
const _hoisted_3$
|
|
23951
|
-
const _sfc_main$
|
|
24025
|
+
const _hoisted_3$c = { class: "lupa-search-result-product-details-section" };
|
|
24026
|
+
const _sfc_main$o = /* @__PURE__ */ defineComponent({
|
|
23952
24027
|
__name: "SearchResultsProductCard",
|
|
23953
24028
|
props: {
|
|
23954
24029
|
product: {},
|
|
@@ -24100,7 +24175,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
|
|
|
24100
24175
|
"data-cy": "lupa-search-result-product-card",
|
|
24101
24176
|
class: ["lupa-search-result-product-card", !isInStock.value ? "lupa-out-of-stock" : ""]
|
|
24102
24177
|
}, customDocumentHtmlAttributes.value, { onClick: handleClick }), [
|
|
24103
|
-
createVNode(_sfc_main$
|
|
24178
|
+
createVNode(_sfc_main$14, { options: badgesOptions.value }, null, 8, ["options"]),
|
|
24104
24179
|
createBaseVNode("div", {
|
|
24105
24180
|
class: normalizeClass(["lupa-search-result-product-contents", listLayoutClass.value])
|
|
24106
24181
|
}, [
|
|
@@ -24110,7 +24185,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
|
|
|
24110
24185
|
onClick: handleNavigation
|
|
24111
24186
|
}, [
|
|
24112
24187
|
(openBlock(true), createElementBlock(Fragment, null, renderList(imageElements.value, (element) => {
|
|
24113
|
-
return openBlock(), createBlock(_sfc_main$
|
|
24188
|
+
return openBlock(), createBlock(_sfc_main$p, {
|
|
24114
24189
|
class: "lupa-search-results-product-element",
|
|
24115
24190
|
item: _ctx.product,
|
|
24116
24191
|
element,
|
|
@@ -24121,16 +24196,16 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
|
|
|
24121
24196
|
onProductEvent: handleProductEvent
|
|
24122
24197
|
}, null, 8, ["item", "element", "labels", "inStock", "link"]);
|
|
24123
24198
|
}), 128)),
|
|
24124
|
-
createVNode(_sfc_main$
|
|
24199
|
+
createVNode(_sfc_main$14, {
|
|
24125
24200
|
options: badgesOptions.value,
|
|
24126
24201
|
position: "image",
|
|
24127
24202
|
class: "lupa-image-badges"
|
|
24128
24203
|
}, null, 8, ["options"]),
|
|
24129
|
-
((_a = labels.value) == null ? void 0 : _a.outOfStock) && !isInStock.value ? (openBlock(), createElementBlock("div", _hoisted_2$
|
|
24130
|
-
], 8, _hoisted_1$
|
|
24131
|
-
createBaseVNode("div", _hoisted_3$
|
|
24204
|
+
((_a = labels.value) == null ? void 0 : _a.outOfStock) && !isInStock.value ? (openBlock(), createElementBlock("div", _hoisted_2$i, toDisplayString(labels.value.outOfStock), 1)) : createCommentVNode("", true)
|
|
24205
|
+
], 8, _hoisted_1$m),
|
|
24206
|
+
createBaseVNode("div", _hoisted_3$c, [
|
|
24132
24207
|
(openBlock(true), createElementBlock(Fragment, null, renderList(detailElements.value, (element) => {
|
|
24133
|
-
return openBlock(), createBlock(_sfc_main$
|
|
24208
|
+
return openBlock(), createBlock(_sfc_main$p, {
|
|
24134
24209
|
class: "lupa-search-results-product-element",
|
|
24135
24210
|
item: _ctx.product,
|
|
24136
24211
|
element,
|
|
@@ -24148,7 +24223,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
|
|
|
24148
24223
|
class: normalizeClass("lupa-element-group-" + group)
|
|
24149
24224
|
}, [
|
|
24150
24225
|
(openBlock(true), createElementBlock(Fragment, null, renderList(getGroupElements(group), (element) => {
|
|
24151
|
-
return openBlock(), createBlock(_sfc_main$
|
|
24226
|
+
return openBlock(), createBlock(_sfc_main$p, {
|
|
24152
24227
|
class: "lupa-search-results-product-element",
|
|
24153
24228
|
item: _ctx.product,
|
|
24154
24229
|
element,
|
|
@@ -24166,23 +24241,23 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
|
|
|
24166
24241
|
};
|
|
24167
24242
|
}
|
|
24168
24243
|
});
|
|
24169
|
-
const _hoisted_1$
|
|
24244
|
+
const _hoisted_1$l = {
|
|
24170
24245
|
id: "lupa-search-results-similar-queries",
|
|
24171
24246
|
"data-cy": "lupa-search-results-similar-queries"
|
|
24172
24247
|
};
|
|
24173
|
-
const _hoisted_2$
|
|
24174
|
-
const _hoisted_3$
|
|
24248
|
+
const _hoisted_2$h = { class: "lupa-similar-queries-label" };
|
|
24249
|
+
const _hoisted_3$b = {
|
|
24175
24250
|
class: "lupa-similar-query-label",
|
|
24176
24251
|
"data-cy": "lupa-similar-query-label"
|
|
24177
24252
|
};
|
|
24178
|
-
const _hoisted_4$
|
|
24179
|
-
const _hoisted_5$
|
|
24253
|
+
const _hoisted_4$7 = ["onClick"];
|
|
24254
|
+
const _hoisted_5$3 = ["innerHTML"];
|
|
24180
24255
|
const _hoisted_6$2 = { key: 0 };
|
|
24181
24256
|
const _hoisted_7$1 = {
|
|
24182
24257
|
class: "lupa-products",
|
|
24183
24258
|
"data-cy": "lupa-products"
|
|
24184
24259
|
};
|
|
24185
|
-
const _sfc_main$
|
|
24260
|
+
const _sfc_main$n = /* @__PURE__ */ defineComponent({
|
|
24186
24261
|
__name: "SearchResultsSimilarQueries",
|
|
24187
24262
|
props: {
|
|
24188
24263
|
labels: {},
|
|
@@ -24212,11 +24287,11 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
|
|
|
24212
24287
|
paramsStore.goToResults({ searchText, facet });
|
|
24213
24288
|
};
|
|
24214
24289
|
return (_ctx, _cache) => {
|
|
24215
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
24216
|
-
createBaseVNode("div", _hoisted_2$
|
|
24290
|
+
return openBlock(), createElementBlock("div", _hoisted_1$l, [
|
|
24291
|
+
createBaseVNode("div", _hoisted_2$h, toDisplayString(_ctx.labels.similarQueries), 1),
|
|
24217
24292
|
(openBlock(true), createElementBlock(Fragment, null, renderList(similarQueries.value, (similarQuery, index) => {
|
|
24218
24293
|
return openBlock(), createElementBlock("div", { key: index }, [
|
|
24219
|
-
createBaseVNode("div", _hoisted_3$
|
|
24294
|
+
createBaseVNode("div", _hoisted_3$b, [
|
|
24220
24295
|
createBaseVNode("span", null, toDisplayString(similarQueryLabel.value), 1),
|
|
24221
24296
|
createBaseVNode("span", {
|
|
24222
24297
|
id: "lupa-similar-query-text-component",
|
|
@@ -24226,13 +24301,13 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
|
|
|
24226
24301
|
}, [
|
|
24227
24302
|
createBaseVNode("span", {
|
|
24228
24303
|
innerHTML: getSimilarQueryContent(similarQuery.displayQuery)
|
|
24229
|
-
}, null, 8, _hoisted_5$
|
|
24304
|
+
}, null, 8, _hoisted_5$3),
|
|
24230
24305
|
similarQuery.count ? (openBlock(), createElementBlock("span", _hoisted_6$2, " (" + toDisplayString(similarQuery.count) + ")", 1)) : createCommentVNode("", true)
|
|
24231
|
-
], 8, _hoisted_4$
|
|
24306
|
+
], 8, _hoisted_4$7)
|
|
24232
24307
|
]),
|
|
24233
24308
|
createBaseVNode("div", _hoisted_7$1, [
|
|
24234
24309
|
(openBlock(true), createElementBlock(Fragment, null, renderList(similarQuery.items, (product, index2) => {
|
|
24235
|
-
return openBlock(), createBlock(_sfc_main$
|
|
24310
|
+
return openBlock(), createBlock(_sfc_main$o, {
|
|
24236
24311
|
style: normalizeStyle(_ctx.columnSize),
|
|
24237
24312
|
key: getDocumentKey(index2, product),
|
|
24238
24313
|
product,
|
|
@@ -24246,15 +24321,15 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
|
|
|
24246
24321
|
};
|
|
24247
24322
|
}
|
|
24248
24323
|
});
|
|
24249
|
-
const _hoisted_1$
|
|
24324
|
+
const _hoisted_1$k = {
|
|
24250
24325
|
key: 0,
|
|
24251
24326
|
class: "lupa-results-additional-panel"
|
|
24252
24327
|
};
|
|
24253
|
-
const _hoisted_2$
|
|
24328
|
+
const _hoisted_2$g = {
|
|
24254
24329
|
class: "lupa-results-additional-panel-items",
|
|
24255
24330
|
"data-cy": "lupa-results-additional-panel-items"
|
|
24256
24331
|
};
|
|
24257
|
-
const _sfc_main$
|
|
24332
|
+
const _sfc_main$m = /* @__PURE__ */ defineComponent({
|
|
24258
24333
|
__name: "AdditionalPanel",
|
|
24259
24334
|
props: {
|
|
24260
24335
|
panel: {},
|
|
@@ -24326,10 +24401,10 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
|
|
|
24326
24401
|
handleQueryChange();
|
|
24327
24402
|
});
|
|
24328
24403
|
return (_ctx, _cache) => {
|
|
24329
|
-
return hasResults.value ? (openBlock(), createElementBlock("div", _hoisted_1$
|
|
24330
|
-
createBaseVNode("div", _hoisted_2$
|
|
24404
|
+
return hasResults.value ? (openBlock(), createElementBlock("div", _hoisted_1$k, [
|
|
24405
|
+
createBaseVNode("div", _hoisted_2$g, [
|
|
24331
24406
|
(openBlock(true), createElementBlock(Fragment, null, renderList(visibleItems.value, (item, index) => {
|
|
24332
|
-
return openBlock(), createBlock(_sfc_main$
|
|
24407
|
+
return openBlock(), createBlock(_sfc_main$o, {
|
|
24333
24408
|
key: index,
|
|
24334
24409
|
product: item,
|
|
24335
24410
|
options: _ctx.panel,
|
|
@@ -24347,11 +24422,11 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
|
|
|
24347
24422
|
};
|
|
24348
24423
|
}
|
|
24349
24424
|
});
|
|
24350
|
-
const _hoisted_1$
|
|
24425
|
+
const _hoisted_1$j = {
|
|
24351
24426
|
key: 0,
|
|
24352
24427
|
class: "lupa-results-additional-panels"
|
|
24353
24428
|
};
|
|
24354
|
-
const _sfc_main$
|
|
24429
|
+
const _sfc_main$l = /* @__PURE__ */ defineComponent({
|
|
24355
24430
|
__name: "AdditionalPanels",
|
|
24356
24431
|
props: {
|
|
24357
24432
|
options: {},
|
|
@@ -24368,9 +24443,9 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
|
|
|
24368
24443
|
return locationPanels.value.length > 0;
|
|
24369
24444
|
});
|
|
24370
24445
|
return (_ctx, _cache) => {
|
|
24371
|
-
return isVisible.value ? (openBlock(), createElementBlock("div", _hoisted_1$
|
|
24446
|
+
return isVisible.value ? (openBlock(), createElementBlock("div", _hoisted_1$j, [
|
|
24372
24447
|
(openBlock(true), createElementBlock(Fragment, null, renderList(locationPanels.value, (panel) => {
|
|
24373
|
-
return openBlock(), createBlock(_sfc_main$
|
|
24448
|
+
return openBlock(), createBlock(_sfc_main$m, {
|
|
24374
24449
|
key: panel.queryKey,
|
|
24375
24450
|
panel,
|
|
24376
24451
|
options: _ctx.sdkOptions
|
|
@@ -24387,29 +24462,29 @@ const _export_sfc = (sfc, props) => {
|
|
|
24387
24462
|
}
|
|
24388
24463
|
return target;
|
|
24389
24464
|
};
|
|
24390
|
-
const _sfc_main$
|
|
24391
|
-
const _hoisted_1$
|
|
24392
|
-
const _hoisted_2$
|
|
24465
|
+
const _sfc_main$k = {};
|
|
24466
|
+
const _hoisted_1$i = { class: "lupa-spinner-wrapper" };
|
|
24467
|
+
const _hoisted_2$f = { class: "lupa-spinner" };
|
|
24393
24468
|
function _sfc_render(_ctx, _cache) {
|
|
24394
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
24395
|
-
createBaseVNode("div", _hoisted_2$
|
|
24469
|
+
return openBlock(), createElementBlock("div", _hoisted_1$i, [
|
|
24470
|
+
createBaseVNode("div", _hoisted_2$f, [
|
|
24396
24471
|
(openBlock(), createElementBlock(Fragment, null, renderList(12, (x2) => {
|
|
24397
24472
|
return createBaseVNode("div", { key: x2 });
|
|
24398
24473
|
}), 64))
|
|
24399
24474
|
])
|
|
24400
24475
|
]);
|
|
24401
24476
|
}
|
|
24402
|
-
const Spinner = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
24403
|
-
const _hoisted_1$
|
|
24477
|
+
const Spinner = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render]]);
|
|
24478
|
+
const _hoisted_1$h = {
|
|
24404
24479
|
id: "lupa-search-results-similar-results",
|
|
24405
24480
|
"data-cy": "lupa-search-results-similar-results"
|
|
24406
24481
|
};
|
|
24407
|
-
const _hoisted_2$
|
|
24408
|
-
const _hoisted_3$
|
|
24482
|
+
const _hoisted_2$e = { class: "lupa-similar-results-label" };
|
|
24483
|
+
const _hoisted_3$a = {
|
|
24409
24484
|
class: "lupa-products",
|
|
24410
24485
|
"data-cy": "lupa-products"
|
|
24411
24486
|
};
|
|
24412
|
-
const _sfc_main$
|
|
24487
|
+
const _sfc_main$j = /* @__PURE__ */ defineComponent({
|
|
24413
24488
|
__name: "SearchResultsSimilarResults",
|
|
24414
24489
|
props: {
|
|
24415
24490
|
columnSize: {},
|
|
@@ -24425,11 +24500,11 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
|
|
|
24425
24500
|
return getProductKey(`${index}`, product, props.productCardOptions.idKey);
|
|
24426
24501
|
};
|
|
24427
24502
|
return (_ctx, _cache) => {
|
|
24428
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
24429
|
-
createBaseVNode("div", _hoisted_2$
|
|
24430
|
-
createBaseVNode("div", _hoisted_3$
|
|
24503
|
+
return openBlock(), createElementBlock("div", _hoisted_1$h, [
|
|
24504
|
+
createBaseVNode("div", _hoisted_2$e, toDisplayString(_ctx.labels.similarResultsLabel), 1),
|
|
24505
|
+
createBaseVNode("div", _hoisted_3$a, [
|
|
24431
24506
|
(openBlock(true), createElementBlock(Fragment, null, renderList(similarResults.value.items, (product, index) => {
|
|
24432
|
-
return openBlock(), createBlock(_sfc_main$
|
|
24507
|
+
return openBlock(), createBlock(_sfc_main$o, {
|
|
24433
24508
|
style: normalizeStyle(_ctx.columnSize),
|
|
24434
24509
|
key: getDocumentKey(index, product),
|
|
24435
24510
|
product,
|
|
@@ -24441,6 +24516,179 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
|
|
|
24441
24516
|
};
|
|
24442
24517
|
}
|
|
24443
24518
|
});
|
|
24519
|
+
var RelatedQuerySourceType = /* @__PURE__ */ ((RelatedQuerySourceType2) => {
|
|
24520
|
+
RelatedQuerySourceType2["FACETS"] = "facets";
|
|
24521
|
+
return RelatedQuerySourceType2;
|
|
24522
|
+
})(RelatedQuerySourceType || {});
|
|
24523
|
+
const extractFacetsRelatedSource = (source, searchResults2) => {
|
|
24524
|
+
var _a, _b, _c, _d, _e;
|
|
24525
|
+
const facet = (_a = searchResults2.facets) == null ? void 0 : _a.find((facet2) => facet2.key === source.key);
|
|
24526
|
+
if (!facet) {
|
|
24527
|
+
return [];
|
|
24528
|
+
}
|
|
24529
|
+
if (facet.type === "terms") {
|
|
24530
|
+
return (_c = (_b = facet.items) == null ? void 0 : _b.slice(0, source.count)) == null ? void 0 : _c.map((item) => item.title);
|
|
24531
|
+
}
|
|
24532
|
+
if (facet.type === "hierarchy") {
|
|
24533
|
+
return (_e = (_d = facet.items) == null ? void 0 : _d.slice(0, source.count)) == null ? void 0 : _e.map((item) => item.title);
|
|
24534
|
+
}
|
|
24535
|
+
return [];
|
|
24536
|
+
};
|
|
24537
|
+
const extractRelatedSource = (source, searchResults2) => {
|
|
24538
|
+
switch (source.type) {
|
|
24539
|
+
case RelatedQuerySourceType.FACETS:
|
|
24540
|
+
return extractFacetsRelatedSource(source, searchResults2);
|
|
24541
|
+
}
|
|
24542
|
+
};
|
|
24543
|
+
const _hoisted_1$g = { class: "lupa-related-query-item" };
|
|
24544
|
+
const _hoisted_2$d = { class: "lupa-related-query-image" };
|
|
24545
|
+
const _hoisted_3$9 = { class: "lupa-related-query-label" };
|
|
24546
|
+
const _hoisted_4$6 = { class: "lupa-related-query-title" };
|
|
24547
|
+
const _hoisted_5$2 = {
|
|
24548
|
+
key: 0,
|
|
24549
|
+
class: "lupa-related-query-count"
|
|
24550
|
+
};
|
|
24551
|
+
const _sfc_main$i = /* @__PURE__ */ defineComponent({
|
|
24552
|
+
__name: "RelatedQueryPanel",
|
|
24553
|
+
props: {
|
|
24554
|
+
query: {},
|
|
24555
|
+
options: {}
|
|
24556
|
+
},
|
|
24557
|
+
setup(__props) {
|
|
24558
|
+
const props = __props;
|
|
24559
|
+
const loading = ref(false);
|
|
24560
|
+
const relatedQueryResult = ref(null);
|
|
24561
|
+
const optionsStore = useOptionsStore();
|
|
24562
|
+
const { searchResultOptions } = storeToRefs(optionsStore);
|
|
24563
|
+
const mainImage = computed(() => {
|
|
24564
|
+
var _a, _b, _c;
|
|
24565
|
+
return (_c = (_b = (_a = searchResultOptions.value) == null ? void 0 : _a.elements) == null ? void 0 : _b.find((e2) => e2.type === DocumentElementType.IMAGE)) != null ? _c : "";
|
|
24566
|
+
});
|
|
24567
|
+
const image = computed(() => {
|
|
24568
|
+
var _a, _b, _c;
|
|
24569
|
+
return (_c = (_b = (_a = props.options) == null ? void 0 : _a.image) != null ? _b : mainImage == null ? void 0 : mainImage.value) != null ? _c : "";
|
|
24570
|
+
});
|
|
24571
|
+
const queryKey = computed(() => {
|
|
24572
|
+
var _a, _b;
|
|
24573
|
+
return (_b = (_a = props.options) == null ? void 0 : _a.queryKey) != null ? _b : searchResultOptions.value.queryKey;
|
|
24574
|
+
});
|
|
24575
|
+
computed(() => {
|
|
24576
|
+
var _a, _b;
|
|
24577
|
+
return ((_b = (_a = relatedQueryResult.value) == null ? void 0 : _a.items) == null ? void 0 : _b.length) > 0;
|
|
24578
|
+
});
|
|
24579
|
+
const firstResultItem = computed(() => {
|
|
24580
|
+
var _a, _b;
|
|
24581
|
+
return (_b = (_a = relatedQueryResult.value) == null ? void 0 : _a.items) == null ? void 0 : _b[0];
|
|
24582
|
+
});
|
|
24583
|
+
const totalItemCount = computed(() => {
|
|
24584
|
+
var _a, _b;
|
|
24585
|
+
return (_b = (_a = relatedQueryResult.value) == null ? void 0 : _a.total) != null ? _b : 0;
|
|
24586
|
+
});
|
|
24587
|
+
const searchForRelatedQuery = () => __async2(this, null, function* () {
|
|
24588
|
+
var _a, _b, _c, _d;
|
|
24589
|
+
if (!props.query) {
|
|
24590
|
+
return;
|
|
24591
|
+
}
|
|
24592
|
+
const lupaQuery = { searchText: (_a = props.query) == null ? void 0 : _a.toLowerCase(), limit: 1 };
|
|
24593
|
+
try {
|
|
24594
|
+
loading.value = true;
|
|
24595
|
+
const result2 = yield LupaSearchSdk.query(
|
|
24596
|
+
queryKey.value,
|
|
24597
|
+
lupaQuery,
|
|
24598
|
+
(_b = searchResultOptions.value) == null ? void 0 : _b.options
|
|
24599
|
+
);
|
|
24600
|
+
if (result2.success) {
|
|
24601
|
+
relatedQueryResult.value = result2;
|
|
24602
|
+
}
|
|
24603
|
+
} catch (error) {
|
|
24604
|
+
(_d = (_c = searchResultOptions.value) == null ? void 0 : _c.options) == null ? void 0 : _d.onError(error);
|
|
24605
|
+
} finally {
|
|
24606
|
+
loading.value = false;
|
|
24607
|
+
}
|
|
24608
|
+
});
|
|
24609
|
+
watch(
|
|
24610
|
+
() => props.query,
|
|
24611
|
+
() => {
|
|
24612
|
+
console.log("query changed", props.query);
|
|
24613
|
+
searchForRelatedQuery();
|
|
24614
|
+
}
|
|
24615
|
+
);
|
|
24616
|
+
onMounted(() => {
|
|
24617
|
+
searchForRelatedQuery();
|
|
24618
|
+
});
|
|
24619
|
+
return (_ctx, _cache) => {
|
|
24620
|
+
var _a;
|
|
24621
|
+
return openBlock(), createElementBlock("div", _hoisted_1$g, [
|
|
24622
|
+
createBaseVNode("div", _hoisted_2$d, [
|
|
24623
|
+
firstResultItem.value && image.value ? (openBlock(), createBlock(_sfc_main$1k, {
|
|
24624
|
+
key: 0,
|
|
24625
|
+
"wrapper-class": "lupa-related-query-image-wrapper",
|
|
24626
|
+
"image-class": "lupa-related-query-image",
|
|
24627
|
+
item: firstResultItem.value,
|
|
24628
|
+
options: image.value
|
|
24629
|
+
}, null, 8, ["item", "options"])) : createCommentVNode("", true)
|
|
24630
|
+
]),
|
|
24631
|
+
createBaseVNode("div", _hoisted_3$9, [
|
|
24632
|
+
createBaseVNode("span", _hoisted_4$6, toDisplayString(_ctx.query), 1),
|
|
24633
|
+
((_a = _ctx.options) == null ? void 0 : _a.showCount) ? (openBlock(), createElementBlock("span", _hoisted_5$2, "(" + toDisplayString(totalItemCount.value) + ")", 1)) : createCommentVNode("", true)
|
|
24634
|
+
])
|
|
24635
|
+
]);
|
|
24636
|
+
};
|
|
24637
|
+
}
|
|
24638
|
+
});
|
|
24639
|
+
const _hoisted_1$f = {
|
|
24640
|
+
key: 0,
|
|
24641
|
+
class: "lupa-related-queries"
|
|
24642
|
+
};
|
|
24643
|
+
const _hoisted_2$c = {
|
|
24644
|
+
key: 0,
|
|
24645
|
+
class: "lupa-related-queries-title"
|
|
24646
|
+
};
|
|
24647
|
+
const _hoisted_3$8 = ["onClick"];
|
|
24648
|
+
const _sfc_main$h = /* @__PURE__ */ defineComponent({
|
|
24649
|
+
__name: "RelatedQueries",
|
|
24650
|
+
props: {
|
|
24651
|
+
options: {}
|
|
24652
|
+
},
|
|
24653
|
+
setup(__props) {
|
|
24654
|
+
const props = __props;
|
|
24655
|
+
const searchResultStore = useSearchResultStore();
|
|
24656
|
+
const paramsStore = useParamsStore();
|
|
24657
|
+
const { searchResult } = storeToRefs(searchResultStore);
|
|
24658
|
+
const relatedQueries = computed(() => {
|
|
24659
|
+
if (!props.options || !searchResult.value) {
|
|
24660
|
+
return [];
|
|
24661
|
+
}
|
|
24662
|
+
return extractRelatedSource(props.options.source, searchResult.value);
|
|
24663
|
+
});
|
|
24664
|
+
const hasEnoughRelatedQueries = computed(() => {
|
|
24665
|
+
return relatedQueries.value.length > 1;
|
|
24666
|
+
});
|
|
24667
|
+
const goToResults = ({ searchText }) => {
|
|
24668
|
+
paramsStore.goToResults({ searchText });
|
|
24669
|
+
};
|
|
24670
|
+
return (_ctx, _cache) => {
|
|
24671
|
+
var _a, _b, _c, _d;
|
|
24672
|
+
return _ctx.options && hasEnoughRelatedQueries.value ? (openBlock(), createElementBlock("div", _hoisted_1$f, [
|
|
24673
|
+
((_b = (_a = _ctx.options) == null ? void 0 : _a.labels) == null ? void 0 : _b.title) ? (openBlock(), createElementBlock("h3", _hoisted_2$c, toDisplayString((_d = (_c = _ctx.options) == null ? void 0 : _c.labels) == null ? void 0 : _d.title), 1)) : createCommentVNode("", true),
|
|
24674
|
+
createBaseVNode("ul", null, [
|
|
24675
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(relatedQueries.value, (query) => {
|
|
24676
|
+
return openBlock(), createElementBlock("li", { key: query }, [
|
|
24677
|
+
createBaseVNode("a", {
|
|
24678
|
+
onClick: ($event) => goToResults({ searchText: query })
|
|
24679
|
+
}, [
|
|
24680
|
+
createVNode(_sfc_main$i, {
|
|
24681
|
+
options: _ctx.options,
|
|
24682
|
+
query
|
|
24683
|
+
}, null, 8, ["options", "query"])
|
|
24684
|
+
], 8, _hoisted_3$8)
|
|
24685
|
+
]);
|
|
24686
|
+
}), 128))
|
|
24687
|
+
])
|
|
24688
|
+
])) : createCommentVNode("", true);
|
|
24689
|
+
};
|
|
24690
|
+
}
|
|
24691
|
+
});
|
|
24444
24692
|
const _hoisted_1$e = { id: "lupa-search-results-products" };
|
|
24445
24693
|
const _hoisted_2$b = {
|
|
24446
24694
|
class: "lupa-products",
|
|
@@ -24570,19 +24818,27 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
|
|
|
24570
24818
|
key: 0,
|
|
24571
24819
|
class: "lupa-loader"
|
|
24572
24820
|
})) : createCommentVNode("", true),
|
|
24821
|
+
createVNode(_sfc_main$l, {
|
|
24822
|
+
options: _ctx.options,
|
|
24823
|
+
location: "top",
|
|
24824
|
+
sdkOptions: _ctx.options.options
|
|
24825
|
+
}, null, 8, ["options", "sdkOptions"]),
|
|
24826
|
+
createVNode(_sfc_main$h, {
|
|
24827
|
+
options: _ctx.options.relatedQueries
|
|
24828
|
+
}, null, 8, ["options"]),
|
|
24573
24829
|
unref(hasResults) ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
|
|
24574
|
-
showTopFilters.value ? (openBlock(), createBlock(_sfc_main$
|
|
24830
|
+
showTopFilters.value ? (openBlock(), createBlock(_sfc_main$G, {
|
|
24575
24831
|
key: 0,
|
|
24576
24832
|
options: (_a = _ctx.options.filters) != null ? _a : {}
|
|
24577
24833
|
}, null, 8, ["options"])) : createCommentVNode("", true),
|
|
24578
|
-
showMobileFilters.value ? (openBlock(), createBlock(_sfc_main$
|
|
24834
|
+
showMobileFilters.value ? (openBlock(), createBlock(_sfc_main$A, {
|
|
24579
24835
|
key: 1,
|
|
24580
24836
|
class: "lupa-toolbar-mobile",
|
|
24581
24837
|
options: _ctx.options,
|
|
24582
24838
|
"pagination-location": "top",
|
|
24583
24839
|
onFilter: filter2
|
|
24584
24840
|
}, null, 8, ["options"])) : createCommentVNode("", true),
|
|
24585
|
-
currentFilterOptions.value && currentFilterPositionDesktop.value === "pageTop" ? (openBlock(), createBlock(_sfc_main$
|
|
24841
|
+
currentFilterOptions.value && currentFilterPositionDesktop.value === "pageTop" ? (openBlock(), createBlock(_sfc_main$U, {
|
|
24586
24842
|
key: 2,
|
|
24587
24843
|
class: normalizeClass(currentFiltersClass.value),
|
|
24588
24844
|
"data-cy": "lupa-search-result-filters-mobile-toolbar",
|
|
@@ -24590,18 +24846,13 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
|
|
|
24590
24846
|
expandable: !desktopFiltersExpanded.value
|
|
24591
24847
|
}, null, 8, ["class", "options", "expandable"])) : createCommentVNode("", true)
|
|
24592
24848
|
], 64)) : createCommentVNode("", true),
|
|
24593
|
-
createVNode(_sfc_main$j, {
|
|
24594
|
-
options: _ctx.options,
|
|
24595
|
-
location: "top",
|
|
24596
|
-
sdkOptions: _ctx.options.options
|
|
24597
|
-
}, null, 8, ["options", "sdkOptions"]),
|
|
24598
24849
|
unref(hasResults) ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
|
|
24599
|
-
createVNode(_sfc_main$
|
|
24850
|
+
createVNode(_sfc_main$A, {
|
|
24600
24851
|
class: "lupa-toolbar-top",
|
|
24601
24852
|
options: _ctx.options,
|
|
24602
24853
|
"pagination-location": "top"
|
|
24603
24854
|
}, null, 8, ["options"]),
|
|
24604
|
-
currentFilterOptions.value && currentFilterPositionDesktop.value === "resultsTop" ? (openBlock(), createBlock(_sfc_main$
|
|
24855
|
+
currentFilterOptions.value && currentFilterPositionDesktop.value === "resultsTop" ? (openBlock(), createBlock(_sfc_main$U, {
|
|
24605
24856
|
key: 0,
|
|
24606
24857
|
class: normalizeClass(currentFiltersClass.value),
|
|
24607
24858
|
"data-cy": "lupa-search-result-filters-mobile-toolbar",
|
|
@@ -24617,7 +24868,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
|
|
|
24617
24868
|
options: productCardOptions.value
|
|
24618
24869
|
});
|
|
24619
24870
|
}), 128)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(unref(searchResult).items, (product, index) => {
|
|
24620
|
-
return openBlock(), createBlock(_sfc_main$
|
|
24871
|
+
return openBlock(), createBlock(_sfc_main$o, {
|
|
24621
24872
|
style: normalizeStyle(columnSize.value),
|
|
24622
24873
|
key: getProductKeyAction(index, product),
|
|
24623
24874
|
product,
|
|
@@ -24633,12 +24884,12 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
|
|
|
24633
24884
|
onClick: goToFirstPage
|
|
24634
24885
|
}, toDisplayString(_ctx.options.labels.backToFirstPage), 1)) : createCommentVNode("", true)
|
|
24635
24886
|
])) : createCommentVNode("", true),
|
|
24636
|
-
createVNode(_sfc_main$
|
|
24887
|
+
createVNode(_sfc_main$A, {
|
|
24637
24888
|
class: "lupa-toolbar-bottom",
|
|
24638
24889
|
options: _ctx.options,
|
|
24639
24890
|
"pagination-location": "bottom"
|
|
24640
24891
|
}, null, 8, ["options"]),
|
|
24641
|
-
createVNode(_sfc_main$
|
|
24892
|
+
createVNode(_sfc_main$l, {
|
|
24642
24893
|
options: _ctx.options,
|
|
24643
24894
|
location: "bottom",
|
|
24644
24895
|
sdkOptions: _ctx.options.options
|
|
@@ -24648,14 +24899,14 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
|
|
|
24648
24899
|
createBaseVNode("span", null, toDisplayString(unref(currentQueryText)), 1)
|
|
24649
24900
|
])) : createCommentVNode("", true),
|
|
24650
24901
|
hasSimilarQueries.value ? (openBlock(), createElementBlock("div", _hoisted_5$1, [
|
|
24651
|
-
createVNode(_sfc_main$
|
|
24902
|
+
createVNode(_sfc_main$n, {
|
|
24652
24903
|
labels: similarQueriesLabels.value,
|
|
24653
24904
|
columnSize: columnSize.value,
|
|
24654
24905
|
productCardOptions: productCardOptions.value
|
|
24655
24906
|
}, null, 8, ["labels", "columnSize", "productCardOptions"])
|
|
24656
24907
|
])) : createCommentVNode("", true),
|
|
24657
24908
|
hasSimilarResults.value ? (openBlock(), createElementBlock("div", _hoisted_6$1, [
|
|
24658
|
-
createVNode(_sfc_main$
|
|
24909
|
+
createVNode(_sfc_main$j, {
|
|
24659
24910
|
labels: similarResultsLabels.value,
|
|
24660
24911
|
columnSize: columnSize.value,
|
|
24661
24912
|
productCardOptions: productCardOptions.value
|
|
@@ -24724,14 +24975,14 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
|
|
|
24724
24975
|
])) : createCommentVNode("", true),
|
|
24725
24976
|
createBaseVNode("div", _hoisted_4$4, [
|
|
24726
24977
|
(openBlock(true), createElementBlock(Fragment, null, renderList(unref(relatedCategoryChildren), (child) => {
|
|
24727
|
-
return openBlock(), createBlock(_sfc_main$
|
|
24978
|
+
return openBlock(), createBlock(_sfc_main$T, {
|
|
24728
24979
|
key: getCategoryKey(child),
|
|
24729
24980
|
item: child,
|
|
24730
24981
|
options: categoryOptions.value
|
|
24731
24982
|
}, null, 8, ["item", "options"]);
|
|
24732
24983
|
}), 128))
|
|
24733
24984
|
]),
|
|
24734
|
-
createVNode(_sfc_main$
|
|
24985
|
+
createVNode(_sfc_main$A, {
|
|
24735
24986
|
class: "lupa-toolbar-mobile",
|
|
24736
24987
|
"pagination-location": "top",
|
|
24737
24988
|
options: _ctx.options
|
|
@@ -24963,8 +25214,8 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
|
|
|
24963
25214
|
class: normalizeClass(["lupa-search-result-wrapper", { "lupa-search-wrapper-no-results": !unref(hasResults) }])
|
|
24964
25215
|
}, [
|
|
24965
25216
|
_ctx.isContainer ? (openBlock(), createElementBlock("div", _hoisted_1$c, [
|
|
24966
|
-
createVNode(_sfc_main$
|
|
24967
|
-
createVNode(_sfc_main$
|
|
25217
|
+
createVNode(_sfc_main$Y, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
|
|
25218
|
+
createVNode(_sfc_main$W, {
|
|
24968
25219
|
"show-summary": true,
|
|
24969
25220
|
options: _ctx.options,
|
|
24970
25221
|
"is-product-list": (_a = _ctx.isProductList) != null ? _a : false
|
|
@@ -24974,17 +25225,17 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
|
|
|
24974
25225
|
key: 1,
|
|
24975
25226
|
options: _ctx.options
|
|
24976
25227
|
}, null, 8, ["options"])) : createCommentVNode("", true),
|
|
24977
|
-
_ctx.options.filters ? (openBlock(), createBlock(_sfc_main$
|
|
25228
|
+
_ctx.options.filters ? (openBlock(), createBlock(_sfc_main$I, {
|
|
24978
25229
|
key: 2,
|
|
24979
25230
|
options: _ctx.options.filters,
|
|
24980
25231
|
onFilter: handleParamsChange
|
|
24981
25232
|
}, null, 8, ["options"])) : createCommentVNode("", true),
|
|
24982
|
-
unref(currentQueryText) || _ctx.isProductList ? (openBlock(), createBlock(_sfc_main$
|
|
25233
|
+
unref(currentQueryText) || _ctx.isProductList ? (openBlock(), createBlock(_sfc_main$H, {
|
|
24983
25234
|
key: 3,
|
|
24984
25235
|
breadcrumbs: _ctx.options.breadcrumbs
|
|
24985
25236
|
}, null, 8, ["breadcrumbs"])) : createCommentVNode("", true),
|
|
24986
25237
|
isTitleResultTopPosition.value ? (openBlock(), createElementBlock("div", _hoisted_2$9, [
|
|
24987
|
-
showFilterSidebar.value ? (openBlock(), createBlock(_sfc_main$
|
|
25238
|
+
showFilterSidebar.value ? (openBlock(), createBlock(_sfc_main$J, {
|
|
24988
25239
|
key: 0,
|
|
24989
25240
|
options: (_b = _ctx.options.filters) != null ? _b : {},
|
|
24990
25241
|
ref_key: "searchResultsFilters",
|
|
@@ -24992,8 +25243,8 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
|
|
|
24992
25243
|
onFilter: handleParamsChange
|
|
24993
25244
|
}, null, 8, ["options"])) : createCommentVNode("", true),
|
|
24994
25245
|
createBaseVNode("div", _hoisted_3$5, [
|
|
24995
|
-
createVNode(_sfc_main$
|
|
24996
|
-
createVNode(_sfc_main$
|
|
25246
|
+
createVNode(_sfc_main$Y, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
|
|
25247
|
+
createVNode(_sfc_main$W, {
|
|
24997
25248
|
options: _ctx.options,
|
|
24998
25249
|
"is-product-list": (_c = _ctx.isProductList) != null ? _c : false
|
|
24999
25250
|
}, null, 8, ["options", "is-product-list"]),
|
|
@@ -25009,13 +25260,13 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
|
|
|
25009
25260
|
}, 8, ["options", "ssr"])
|
|
25010
25261
|
])
|
|
25011
25262
|
])) : (openBlock(), createElementBlock(Fragment, { key: 5 }, [
|
|
25012
|
-
createVNode(_sfc_main$
|
|
25013
|
-
createVNode(_sfc_main$
|
|
25263
|
+
createVNode(_sfc_main$Y, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
|
|
25264
|
+
createVNode(_sfc_main$W, {
|
|
25014
25265
|
options: _ctx.options,
|
|
25015
25266
|
"is-product-list": (_d = _ctx.isProductList) != null ? _d : false
|
|
25016
25267
|
}, null, 8, ["options", "is-product-list"]),
|
|
25017
25268
|
createBaseVNode("div", _hoisted_4$3, [
|
|
25018
|
-
showFilterSidebar.value ? (openBlock(), createBlock(_sfc_main$
|
|
25269
|
+
showFilterSidebar.value ? (openBlock(), createBlock(_sfc_main$J, {
|
|
25019
25270
|
key: 0,
|
|
25020
25271
|
options: (_e = _ctx.options.filters) != null ? _e : {},
|
|
25021
25272
|
ref_key: "searchResultsFilters",
|
|
@@ -30705,7 +30956,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
|
|
|
30705
30956
|
onClick: withModifiers(innerClick, ["stop"])
|
|
30706
30957
|
}, [
|
|
30707
30958
|
createBaseVNode("div", _hoisted_2$7, [
|
|
30708
|
-
createVNode(_sfc_main$
|
|
30959
|
+
createVNode(_sfc_main$Z, {
|
|
30709
30960
|
options: fullSearchBoxOptions.value,
|
|
30710
30961
|
"is-search-container": true,
|
|
30711
30962
|
ref_key: "searchBox",
|
|
@@ -31569,7 +31820,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
|
|
|
31569
31820
|
key: getProductKeyAction(index, product)
|
|
31570
31821
|
}, {
|
|
31571
31822
|
default: withCtx(() => [
|
|
31572
|
-
createVNode(_sfc_main$
|
|
31823
|
+
createVNode(_sfc_main$o, {
|
|
31573
31824
|
product,
|
|
31574
31825
|
options: _ctx.options,
|
|
31575
31826
|
"click-tracking-settings": clickTrackingSettings.value
|
|
@@ -31582,7 +31833,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
|
|
|
31582
31833
|
_: 1
|
|
31583
31834
|
}, 16)) : (openBlock(), createElementBlock("div", _hoisted_4$2, [
|
|
31584
31835
|
(openBlock(true), createElementBlock(Fragment, null, renderList(recommendations2.value, (product, index) => {
|
|
31585
|
-
return openBlock(), createBlock(_sfc_main$
|
|
31836
|
+
return openBlock(), createBlock(_sfc_main$o, {
|
|
31586
31837
|
style: normalizeStyle(columnSize.value),
|
|
31587
31838
|
key: getProductKeyAction(index, product),
|
|
31588
31839
|
product,
|
|
@@ -31845,7 +32096,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
|
|
|
31845
32096
|
createBaseVNode("a", {
|
|
31846
32097
|
href: getLink(product)
|
|
31847
32098
|
}, [
|
|
31848
|
-
createVNode(_sfc_main$
|
|
32099
|
+
createVNode(_sfc_main$z, {
|
|
31849
32100
|
item: product,
|
|
31850
32101
|
options: image.value
|
|
31851
32102
|
}, null, 8, ["item", "options"])
|
|
@@ -32009,7 +32260,7 @@ const _sfc_main$4$1 = /* @__PURE__ */ defineComponent({
|
|
|
32009
32260
|
return (_ctx, _cache) => {
|
|
32010
32261
|
return openBlock(), createElementBlock("section", _hoisted_1$3, [
|
|
32011
32262
|
(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.searchResults, (product, index) => {
|
|
32012
|
-
return openBlock(), createBlock(_sfc_main$
|
|
32263
|
+
return openBlock(), createBlock(_sfc_main$o, {
|
|
32013
32264
|
class: "lupa-chat-product-card",
|
|
32014
32265
|
key: getProductKeyAction(index, product),
|
|
32015
32266
|
product,
|
|
@@ -32202,7 +32453,7 @@ const _hoisted_4 = {
|
|
|
32202
32453
|
key: 0,
|
|
32203
32454
|
class: "lupasearch-chat-content"
|
|
32204
32455
|
};
|
|
32205
|
-
const _sfc_main$
|
|
32456
|
+
const _sfc_main$1t = /* @__PURE__ */ defineComponent({
|
|
32206
32457
|
__name: "ChatContainer",
|
|
32207
32458
|
props: {
|
|
32208
32459
|
options: {}
|
|
@@ -38220,7 +38471,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
38220
38471
|
};
|
|
38221
38472
|
__expose({ fetch: fetch2 });
|
|
38222
38473
|
return (_ctx, _cache) => {
|
|
38223
|
-
return openBlock(), createBlock(unref(_sfc_main$
|
|
38474
|
+
return openBlock(), createBlock(unref(_sfc_main$Z), {
|
|
38224
38475
|
options: fullSearchBoxOptions.value,
|
|
38225
38476
|
ref_key: "searchBox",
|
|
38226
38477
|
ref: searchBox2
|
|
@@ -38747,7 +38998,7 @@ const chat = (options, mountOptions) => {
|
|
|
38747
38998
|
const instance = createVue(
|
|
38748
38999
|
options.displayOptions.containerSelector,
|
|
38749
39000
|
mountOptions == null ? void 0 : mountOptions.mountingBehavior,
|
|
38750
|
-
_sfc_main$
|
|
39001
|
+
_sfc_main$1t,
|
|
38751
39002
|
{
|
|
38752
39003
|
options
|
|
38753
39004
|
}
|