@getlupa/client 1.2.5 → 1.3.1
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/lupaChatStyle.css +1 -0
- package/dist/lupaChatStyle.js +1 -0
- package/dist/lupaSearch.iife.js +1142 -573
- package/dist/lupaSearch.js +1142 -573
- package/dist/lupaSearch.mjs +1142 -573
- package/dist/lupaSearch.umd.js +1142 -573
- package/dist/src/index.d.ts +8 -2
- package/dist/style.css +1 -1
- package/package.json +3 -3
package/dist/lupaSearch.mjs
CHANGED
|
@@ -1535,6 +1535,12 @@ function setCurrentRenderingInstance(instance) {
|
|
|
1535
1535
|
currentScopeId = instance && instance.type.__scopeId || null;
|
|
1536
1536
|
return prev;
|
|
1537
1537
|
}
|
|
1538
|
+
function pushScopeId(id) {
|
|
1539
|
+
currentScopeId = id;
|
|
1540
|
+
}
|
|
1541
|
+
function popScopeId() {
|
|
1542
|
+
currentScopeId = null;
|
|
1543
|
+
}
|
|
1538
1544
|
function withCtx(fn, ctx = currentRenderingInstance, isNonScopedSlot) {
|
|
1539
1545
|
if (!ctx)
|
|
1540
1546
|
return fn;
|
|
@@ -6166,15 +6172,15 @@ const LUPA_ROUTING_EVENT = "lupaRedirect";
|
|
|
6166
6172
|
const RATING_STAR_HTML = "☆";
|
|
6167
6173
|
const production = "https://api.lupasearch.com/v1/";
|
|
6168
6174
|
const staging = "https://api.staging.lupasearch.com/v1/";
|
|
6169
|
-
const Env = {
|
|
6175
|
+
const Env$1 = {
|
|
6170
6176
|
production,
|
|
6171
6177
|
staging
|
|
6172
6178
|
};
|
|
6173
|
-
const getApiUrl = (environment, customBaseUrl) => {
|
|
6179
|
+
const getApiUrl$1 = (environment, customBaseUrl) => {
|
|
6174
6180
|
if (customBaseUrl) {
|
|
6175
6181
|
return customBaseUrl;
|
|
6176
6182
|
}
|
|
6177
|
-
return Env[environment] || Env["production"];
|
|
6183
|
+
return Env$1[environment] || Env$1["production"];
|
|
6178
6184
|
};
|
|
6179
6185
|
var __awaiter = globalThis && globalThis.__awaiter || function(thisArg, _arguments, P, generator) {
|
|
6180
6186
|
function adopt(value) {
|
|
@@ -6203,14 +6209,14 @@ var __awaiter = globalThis && globalThis.__awaiter || function(thisArg, _argumen
|
|
|
6203
6209
|
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
6204
6210
|
});
|
|
6205
6211
|
};
|
|
6206
|
-
const defaultConfig = {
|
|
6212
|
+
const defaultConfig$1 = {
|
|
6207
6213
|
method: "POST",
|
|
6208
6214
|
headers: { "Content-Type": "application/json" }
|
|
6209
6215
|
};
|
|
6210
6216
|
const customRequestConfig = ({ customHeaders }) => {
|
|
6211
6217
|
return {
|
|
6212
|
-
method: defaultConfig.method,
|
|
6213
|
-
headers: Object.assign(Object.assign({}, defaultConfig.headers), customHeaders !== null && customHeaders !== void 0 ? customHeaders : {})
|
|
6218
|
+
method: defaultConfig$1.method,
|
|
6219
|
+
headers: Object.assign(Object.assign({}, defaultConfig$1.headers), customHeaders !== null && customHeaders !== void 0 ? customHeaders : {})
|
|
6214
6220
|
};
|
|
6215
6221
|
};
|
|
6216
6222
|
const searchCustom = (query, options) => __awaiter(void 0, void 0, void 0, function* () {
|
|
@@ -6234,7 +6240,7 @@ const suggestCustom = (query, options) => __awaiter(void 0, void 0, void 0, func
|
|
|
6234
6240
|
return { success: false, errors };
|
|
6235
6241
|
});
|
|
6236
6242
|
const search = (queryKey, query, environment, customBaseUrl) => __awaiter(void 0, void 0, void 0, function* () {
|
|
6237
|
-
const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}query/${queryKey}`, Object.assign(Object.assign({}, defaultConfig), { body: JSON.stringify(query) }));
|
|
6243
|
+
const res = yield fetch(`${getApiUrl$1(environment, customBaseUrl)}query/${queryKey}`, Object.assign(Object.assign({}, defaultConfig$1), { body: JSON.stringify(query) }));
|
|
6238
6244
|
if (res.status < 400) {
|
|
6239
6245
|
const data = yield res.json();
|
|
6240
6246
|
return Object.assign(Object.assign({}, data), { success: true });
|
|
@@ -6244,7 +6250,7 @@ const search = (queryKey, query, environment, customBaseUrl) => __awaiter(void 0
|
|
|
6244
6250
|
});
|
|
6245
6251
|
const queryByIds = (queryKey, ids, environment, customBaseUrl) => __awaiter(void 0, void 0, void 0, function* () {
|
|
6246
6252
|
const idParam = ids.map((id) => `ids=${id}`).join("&");
|
|
6247
|
-
const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}query/${queryKey}/ids?${idParam}`, Object.assign(Object.assign({}, defaultConfig), { method: "GET" }));
|
|
6253
|
+
const res = yield fetch(`${getApiUrl$1(environment, customBaseUrl)}query/${queryKey}/ids?${idParam}`, Object.assign(Object.assign({}, defaultConfig$1), { method: "GET" }));
|
|
6248
6254
|
if (res.status < 400) {
|
|
6249
6255
|
const data = yield res.json();
|
|
6250
6256
|
return Object.assign(Object.assign({}, data), { success: true });
|
|
@@ -6253,7 +6259,7 @@ const queryByIds = (queryKey, ids, environment, customBaseUrl) => __awaiter(void
|
|
|
6253
6259
|
return { success: false, errors };
|
|
6254
6260
|
});
|
|
6255
6261
|
const recommend = (queryKey, recommendForId, environment, customBaseUrl) => __awaiter(void 0, void 0, void 0, function* () {
|
|
6256
|
-
const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}recommendations/document/${recommendForId}?queryKey=${queryKey}`, Object.assign(Object.assign({}, defaultConfig), { method: "GET" }));
|
|
6262
|
+
const res = yield fetch(`${getApiUrl$1(environment, customBaseUrl)}recommendations/document/${recommendForId}?queryKey=${queryKey}`, Object.assign(Object.assign({}, defaultConfig$1), { method: "GET" }));
|
|
6257
6263
|
if (res.status < 400) {
|
|
6258
6264
|
const data = yield res.json();
|
|
6259
6265
|
return Object.assign(Object.assign({}, data), { success: true });
|
|
@@ -6262,7 +6268,7 @@ const recommend = (queryKey, recommendForId, environment, customBaseUrl) => __aw
|
|
|
6262
6268
|
return { success: false, errors };
|
|
6263
6269
|
});
|
|
6264
6270
|
const suggest = (queryKey, query, environment, customBaseUrl) => __awaiter(void 0, void 0, void 0, function* () {
|
|
6265
|
-
const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}query/${queryKey}`, Object.assign(Object.assign({}, defaultConfig), { body: JSON.stringify(query) }));
|
|
6271
|
+
const res = yield fetch(`${getApiUrl$1(environment, customBaseUrl)}query/${queryKey}`, Object.assign(Object.assign({}, defaultConfig$1), { body: JSON.stringify(query) }));
|
|
6266
6272
|
if (res.status < 400) {
|
|
6267
6273
|
const items = yield res.json();
|
|
6268
6274
|
return { items, success: true };
|
|
@@ -6271,7 +6277,7 @@ const suggest = (queryKey, query, environment, customBaseUrl) => __awaiter(void
|
|
|
6271
6277
|
return { success: false, errors };
|
|
6272
6278
|
});
|
|
6273
6279
|
const track$1 = (queryKey, event, environment, customBaseUrl) => __awaiter(void 0, void 0, void 0, function* () {
|
|
6274
|
-
const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}events`, Object.assign(Object.assign({}, defaultConfig), { body: JSON.stringify(Object.assign({ queryKey }, event)) }));
|
|
6280
|
+
const res = yield fetch(`${getApiUrl$1(environment, customBaseUrl)}events`, Object.assign(Object.assign({}, defaultConfig$1), { body: JSON.stringify(Object.assign({ queryKey }, event)) }));
|
|
6275
6281
|
if (res.status < 400) {
|
|
6276
6282
|
return { success: false };
|
|
6277
6283
|
}
|
|
@@ -7654,16 +7660,16 @@ const useSearchBoxStore = defineStore("searchBox", () => {
|
|
|
7654
7660
|
resetHighlightIndex
|
|
7655
7661
|
};
|
|
7656
7662
|
});
|
|
7657
|
-
const _hoisted_1$
|
|
7658
|
-
const _hoisted_2$
|
|
7659
|
-
const _hoisted_3$
|
|
7660
|
-
const _hoisted_4$
|
|
7661
|
-
const _hoisted_5$
|
|
7662
|
-
const _hoisted_6$
|
|
7663
|
+
const _hoisted_1$19 = { id: "lupa-search-box-input-container" };
|
|
7664
|
+
const _hoisted_2$N = { class: "lupa-input-clear" };
|
|
7665
|
+
const _hoisted_3$A = { id: "lupa-search-box-input" };
|
|
7666
|
+
const _hoisted_4$r = ["value"];
|
|
7667
|
+
const _hoisted_5$f = ["placeholder"];
|
|
7668
|
+
const _hoisted_6$8 = {
|
|
7663
7669
|
key: 0,
|
|
7664
7670
|
class: "lupa-close-label"
|
|
7665
7671
|
};
|
|
7666
|
-
const _sfc_main$
|
|
7672
|
+
const _sfc_main$1h = /* @__PURE__ */ defineComponent({
|
|
7667
7673
|
__name: "SearchBoxInput",
|
|
7668
7674
|
props: {
|
|
7669
7675
|
options: {},
|
|
@@ -7740,19 +7746,19 @@ const _sfc_main$1a = /* @__PURE__ */ defineComponent({
|
|
|
7740
7746
|
};
|
|
7741
7747
|
__expose({ focus });
|
|
7742
7748
|
return (_ctx, _cache) => {
|
|
7743
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
7744
|
-
createBaseVNode("div", _hoisted_2$
|
|
7749
|
+
return openBlock(), createElementBlock("div", _hoisted_1$19, [
|
|
7750
|
+
createBaseVNode("div", _hoisted_2$N, [
|
|
7745
7751
|
createBaseVNode("div", {
|
|
7746
7752
|
class: normalizeClass(["lupa-input-clear-content", { "lupa-input-clear-filled": inputValue.value }]),
|
|
7747
7753
|
onClick: clear2
|
|
7748
7754
|
}, null, 2)
|
|
7749
7755
|
]),
|
|
7750
|
-
createBaseVNode("div", _hoisted_3$
|
|
7756
|
+
createBaseVNode("div", _hoisted_3$A, [
|
|
7751
7757
|
createBaseVNode("input", {
|
|
7752
7758
|
class: "lupa-hint",
|
|
7753
7759
|
value: showHint.value ? suggestedValue.value.item.suggestion : "",
|
|
7754
7760
|
disabled: ""
|
|
7755
|
-
}, null, 8, _hoisted_4$
|
|
7761
|
+
}, null, 8, _hoisted_4$r),
|
|
7756
7762
|
withDirectives(createBaseVNode("input", mergeProps({
|
|
7757
7763
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event)
|
|
7758
7764
|
}, inputAttributes.value, {
|
|
@@ -7765,7 +7771,7 @@ const _sfc_main$1a = /* @__PURE__ */ defineComponent({
|
|
|
7765
7771
|
placeholder: labels.value.placeholder,
|
|
7766
7772
|
onInput: handleInput,
|
|
7767
7773
|
onFocus: handleFocus
|
|
7768
|
-
}), null, 16, _hoisted_5$
|
|
7774
|
+
}), null, 16, _hoisted_5$f), [
|
|
7769
7775
|
[vModelText, inputValue.value]
|
|
7770
7776
|
])
|
|
7771
7777
|
]),
|
|
@@ -7774,13 +7780,13 @@ const _sfc_main$1a = /* @__PURE__ */ defineComponent({
|
|
|
7774
7780
|
class: "lupa-close-search-container",
|
|
7775
7781
|
onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("close"))
|
|
7776
7782
|
}, [
|
|
7777
|
-
labels.value.close ? (openBlock(), createElementBlock("span", _hoisted_6$
|
|
7783
|
+
labels.value.close ? (openBlock(), createElementBlock("span", _hoisted_6$8, toDisplayString(labels.value.close), 1)) : createCommentVNode("", true)
|
|
7778
7784
|
])) : createCommentVNode("", true)
|
|
7779
7785
|
]);
|
|
7780
7786
|
};
|
|
7781
7787
|
}
|
|
7782
7788
|
});
|
|
7783
|
-
const _sfc_main$
|
|
7789
|
+
const _sfc_main$1g = /* @__PURE__ */ defineComponent({
|
|
7784
7790
|
__name: "SearchBoxMoreResults",
|
|
7785
7791
|
props: {
|
|
7786
7792
|
labels: {},
|
|
@@ -7812,9 +7818,9 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
|
|
|
7812
7818
|
};
|
|
7813
7819
|
}
|
|
7814
7820
|
});
|
|
7815
|
-
const _hoisted_1$
|
|
7816
|
-
const _hoisted_2$
|
|
7817
|
-
const _sfc_main$
|
|
7821
|
+
const _hoisted_1$18 = { class: "lupa-search-box-history-item" };
|
|
7822
|
+
const _hoisted_2$M = { class: "lupa-search-box-history-item-content" };
|
|
7823
|
+
const _sfc_main$1f = /* @__PURE__ */ defineComponent({
|
|
7818
7824
|
__name: "SearchBoxHistoryItem",
|
|
7819
7825
|
props: {
|
|
7820
7826
|
item: {},
|
|
@@ -7830,8 +7836,8 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
|
|
|
7830
7836
|
emit2("click", { query: props.item });
|
|
7831
7837
|
};
|
|
7832
7838
|
return (_ctx, _cache) => {
|
|
7833
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
7834
|
-
createBaseVNode("div", _hoisted_2$
|
|
7839
|
+
return openBlock(), createElementBlock("div", _hoisted_1$18, [
|
|
7840
|
+
createBaseVNode("div", _hoisted_2$M, [
|
|
7835
7841
|
createBaseVNode("div", {
|
|
7836
7842
|
class: normalizeClass(["lupa-search-box-history-item-text", { "lupa-search-box-history-item-highlighted": _ctx.highlighted }]),
|
|
7837
7843
|
onClick: click2
|
|
@@ -7845,11 +7851,11 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
|
|
|
7845
7851
|
};
|
|
7846
7852
|
}
|
|
7847
7853
|
});
|
|
7848
|
-
const _hoisted_1$
|
|
7854
|
+
const _hoisted_1$17 = {
|
|
7849
7855
|
key: 0,
|
|
7850
7856
|
class: "lupa-search-box-history-panel"
|
|
7851
7857
|
};
|
|
7852
|
-
const _sfc_main$
|
|
7858
|
+
const _sfc_main$1e = /* @__PURE__ */ defineComponent({
|
|
7853
7859
|
__name: "SearchBoxHistoryPanel",
|
|
7854
7860
|
props: {
|
|
7855
7861
|
options: {}
|
|
@@ -7890,9 +7896,9 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
|
|
|
7890
7896
|
}
|
|
7891
7897
|
};
|
|
7892
7898
|
return (_ctx, _cache) => {
|
|
7893
|
-
return hasHistory.value ? (openBlock(), createElementBlock("div", _hoisted_1$
|
|
7899
|
+
return hasHistory.value ? (openBlock(), createElementBlock("div", _hoisted_1$17, [
|
|
7894
7900
|
(openBlock(true), createElementBlock(Fragment, null, renderList(unref(history), (item, index) => {
|
|
7895
|
-
return openBlock(), createBlock(_sfc_main$
|
|
7901
|
+
return openBlock(), createBlock(_sfc_main$1f, {
|
|
7896
7902
|
key: item,
|
|
7897
7903
|
item,
|
|
7898
7904
|
highlighted: index === highlightIndex.value,
|
|
@@ -7908,26 +7914,26 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
|
|
|
7908
7914
|
};
|
|
7909
7915
|
}
|
|
7910
7916
|
});
|
|
7911
|
-
const _hoisted_1
|
|
7912
|
-
const _hoisted_2$
|
|
7917
|
+
const _hoisted_1$16 = ["innerHTML"];
|
|
7918
|
+
const _hoisted_2$L = {
|
|
7913
7919
|
key: 1,
|
|
7914
7920
|
"data-cy": "lupa-suggestion-value",
|
|
7915
7921
|
class: "lupa-suggestion-value"
|
|
7916
7922
|
};
|
|
7917
|
-
const _hoisted_3$
|
|
7923
|
+
const _hoisted_3$z = {
|
|
7918
7924
|
key: 2,
|
|
7919
7925
|
class: "lupa-suggestion-facet",
|
|
7920
7926
|
"data-cy": "lupa-suggestion-facet"
|
|
7921
7927
|
};
|
|
7922
|
-
const _hoisted_4$
|
|
7928
|
+
const _hoisted_4$q = {
|
|
7923
7929
|
class: "lupa-suggestion-facet-label",
|
|
7924
7930
|
"data-cy": "lupa-suggestion-facet-label"
|
|
7925
7931
|
};
|
|
7926
|
-
const _hoisted_5$
|
|
7932
|
+
const _hoisted_5$e = {
|
|
7927
7933
|
class: "lupa-suggestion-facet-value",
|
|
7928
7934
|
"data-cy": "lupa-suggestion-facet-value"
|
|
7929
7935
|
};
|
|
7930
|
-
const _sfc_main$
|
|
7936
|
+
const _sfc_main$1d = /* @__PURE__ */ defineComponent({
|
|
7931
7937
|
__name: "SearchBoxSuggestion",
|
|
7932
7938
|
props: {
|
|
7933
7939
|
suggestion: {},
|
|
@@ -7963,20 +7969,20 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
|
|
|
7963
7969
|
class: "lupa-suggestion-value",
|
|
7964
7970
|
"data-cy": "lupa-suggestion-value",
|
|
7965
7971
|
innerHTML: _ctx.suggestion.displayHighlight
|
|
7966
|
-
}, null, 8, _hoisted_1
|
|
7967
|
-
_ctx.suggestion.facet ? (openBlock(), createElementBlock("div", _hoisted_3$
|
|
7968
|
-
createBaseVNode("span", _hoisted_4$
|
|
7969
|
-
createBaseVNode("span", _hoisted_5$
|
|
7972
|
+
}, null, 8, _hoisted_1$16)) : (openBlock(), createElementBlock("div", _hoisted_2$L, toDisplayString(_ctx.suggestion.display), 1)),
|
|
7973
|
+
_ctx.suggestion.facet ? (openBlock(), createElementBlock("div", _hoisted_3$z, [
|
|
7974
|
+
createBaseVNode("span", _hoisted_4$q, toDisplayString(facetLabel.value), 1),
|
|
7975
|
+
createBaseVNode("span", _hoisted_5$e, toDisplayString(_ctx.suggestion.facet.title), 1)
|
|
7970
7976
|
])) : createCommentVNode("", true)
|
|
7971
7977
|
]);
|
|
7972
7978
|
};
|
|
7973
7979
|
}
|
|
7974
7980
|
});
|
|
7975
|
-
const _hoisted_1$
|
|
7981
|
+
const _hoisted_1$15 = {
|
|
7976
7982
|
id: "lupa-search-box-suggestions",
|
|
7977
7983
|
"data-cy": "lupa-search-box-suggestions"
|
|
7978
7984
|
};
|
|
7979
|
-
const _sfc_main$
|
|
7985
|
+
const _sfc_main$1c = /* @__PURE__ */ defineComponent({
|
|
7980
7986
|
__name: "SearchBoxSuggestions",
|
|
7981
7987
|
props: {
|
|
7982
7988
|
items: {},
|
|
@@ -8036,9 +8042,9 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
|
|
|
8036
8042
|
});
|
|
8037
8043
|
});
|
|
8038
8044
|
return (_ctx, _cache) => {
|
|
8039
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
8045
|
+
return openBlock(), createElementBlock("div", _hoisted_1$15, [
|
|
8040
8046
|
(openBlock(true), createElementBlock(Fragment, null, renderList(items.value, (item, index) => {
|
|
8041
|
-
return openBlock(), createBlock(_sfc_main$
|
|
8047
|
+
return openBlock(), createBlock(_sfc_main$1d, {
|
|
8042
8048
|
key: getSuggestionKey(item),
|
|
8043
8049
|
class: normalizeClass(["lupa-suggestion", index === highlightedIndex.value ? "lupa-suggestion-highlighted" : ""]),
|
|
8044
8050
|
suggestion: item,
|
|
@@ -8066,7 +8072,7 @@ const debounce$1 = (func, timeout) => {
|
|
|
8066
8072
|
}, timeout);
|
|
8067
8073
|
};
|
|
8068
8074
|
};
|
|
8069
|
-
const _sfc_main$
|
|
8075
|
+
const _sfc_main$1b = /* @__PURE__ */ defineComponent({
|
|
8070
8076
|
__name: "SearchBoxSuggestionsWrapper",
|
|
8071
8077
|
props: {
|
|
8072
8078
|
panel: {},
|
|
@@ -8107,7 +8113,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
|
|
|
8107
8113
|
};
|
|
8108
8114
|
const getSuggestionsDebounced = debounce$1(getSuggestions, props.debounce);
|
|
8109
8115
|
return (_ctx, _cache) => {
|
|
8110
|
-
return openBlock(), createBlock(_sfc_main$
|
|
8116
|
+
return openBlock(), createBlock(_sfc_main$1c, {
|
|
8111
8117
|
items: searchResult.value,
|
|
8112
8118
|
highlight: _ctx.panel.highlight,
|
|
8113
8119
|
queryKey: _ctx.panel.queryKey,
|
|
@@ -8185,8 +8191,8 @@ const useDynamicDataStore = defineStore("dynamicData", () => {
|
|
|
8185
8191
|
});
|
|
8186
8192
|
return { dynamicDataIdMap, loading, enhanceSearchResultsWithDynamicData };
|
|
8187
8193
|
});
|
|
8188
|
-
const _hoisted_1$
|
|
8189
|
-
const _sfc_main$
|
|
8194
|
+
const _hoisted_1$14 = ["src"];
|
|
8195
|
+
const _sfc_main$1a = /* @__PURE__ */ defineComponent({
|
|
8190
8196
|
__name: "ProductImage",
|
|
8191
8197
|
props: {
|
|
8192
8198
|
item: {},
|
|
@@ -8234,12 +8240,12 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
|
|
|
8234
8240
|
class: normalizeClass((_b = _ctx.imageClass) != null ? _b : ""),
|
|
8235
8241
|
src: finalUrl.value,
|
|
8236
8242
|
onError: replaceWithPlaceholder
|
|
8237
|
-
}, null, 42, _hoisted_1$
|
|
8243
|
+
}, null, 42, _hoisted_1$14)
|
|
8238
8244
|
], 2);
|
|
8239
8245
|
};
|
|
8240
8246
|
}
|
|
8241
8247
|
});
|
|
8242
|
-
const _sfc_main$
|
|
8248
|
+
const _sfc_main$19 = /* @__PURE__ */ defineComponent({
|
|
8243
8249
|
__name: "SearchBoxProductImage",
|
|
8244
8250
|
props: {
|
|
8245
8251
|
item: {},
|
|
@@ -8247,7 +8253,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
|
|
|
8247
8253
|
},
|
|
8248
8254
|
setup(__props) {
|
|
8249
8255
|
return (_ctx, _cache) => {
|
|
8250
|
-
return openBlock(), createBlock(_sfc_main$
|
|
8256
|
+
return openBlock(), createBlock(_sfc_main$1a, {
|
|
8251
8257
|
item: _ctx.item,
|
|
8252
8258
|
options: _ctx.options,
|
|
8253
8259
|
"wrapper-class": "lupa-search-box-image-wrapper",
|
|
@@ -8256,12 +8262,12 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
|
|
|
8256
8262
|
};
|
|
8257
8263
|
}
|
|
8258
8264
|
});
|
|
8259
|
-
const _hoisted_1$
|
|
8260
|
-
const _hoisted_2$
|
|
8265
|
+
const _hoisted_1$13 = ["innerHTML"];
|
|
8266
|
+
const _hoisted_2$K = {
|
|
8261
8267
|
key: 1,
|
|
8262
8268
|
class: "lupa-search-box-product-title"
|
|
8263
8269
|
};
|
|
8264
|
-
const _sfc_main$
|
|
8270
|
+
const _sfc_main$18 = /* @__PURE__ */ defineComponent({
|
|
8265
8271
|
__name: "SearchBoxProductTitle",
|
|
8266
8272
|
props: {
|
|
8267
8273
|
item: {},
|
|
@@ -8281,18 +8287,18 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
|
|
|
8281
8287
|
key: 0,
|
|
8282
8288
|
class: "lupa-search-box-product-title",
|
|
8283
8289
|
innerHTML: title.value
|
|
8284
|
-
}, null, 8, _hoisted_1$
|
|
8290
|
+
}, null, 8, _hoisted_1$13)) : (openBlock(), createElementBlock("div", _hoisted_2$K, [
|
|
8285
8291
|
createBaseVNode("strong", null, toDisplayString(title.value), 1)
|
|
8286
8292
|
]));
|
|
8287
8293
|
};
|
|
8288
8294
|
}
|
|
8289
8295
|
});
|
|
8290
|
-
const _hoisted_1$
|
|
8291
|
-
const _hoisted_2$
|
|
8296
|
+
const _hoisted_1$12 = ["innerHTML"];
|
|
8297
|
+
const _hoisted_2$J = {
|
|
8292
8298
|
key: 1,
|
|
8293
8299
|
class: "lupa-search-box-product-description"
|
|
8294
8300
|
};
|
|
8295
|
-
const _sfc_main$
|
|
8301
|
+
const _sfc_main$17 = /* @__PURE__ */ defineComponent({
|
|
8296
8302
|
__name: "SearchBoxProductDescription",
|
|
8297
8303
|
props: {
|
|
8298
8304
|
item: {},
|
|
@@ -8312,12 +8318,12 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
|
|
|
8312
8318
|
key: 0,
|
|
8313
8319
|
class: "lupa-search-box-product-description",
|
|
8314
8320
|
innerHTML: description.value
|
|
8315
|
-
}, null, 8, _hoisted_1$
|
|
8321
|
+
}, null, 8, _hoisted_1$12)) : (openBlock(), createElementBlock("div", _hoisted_2$J, toDisplayString(description.value), 1));
|
|
8316
8322
|
};
|
|
8317
8323
|
}
|
|
8318
8324
|
});
|
|
8319
|
-
const _hoisted_1$
|
|
8320
|
-
const _sfc_main
|
|
8325
|
+
const _hoisted_1$11 = { class: "lupa-search-box-product-price" };
|
|
8326
|
+
const _sfc_main$16 = /* @__PURE__ */ defineComponent({
|
|
8321
8327
|
__name: "SearchBoxProductPrice",
|
|
8322
8328
|
props: {
|
|
8323
8329
|
item: {},
|
|
@@ -8335,14 +8341,14 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
|
|
|
8335
8341
|
);
|
|
8336
8342
|
});
|
|
8337
8343
|
return (_ctx, _cache) => {
|
|
8338
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
8344
|
+
return openBlock(), createElementBlock("div", _hoisted_1$11, [
|
|
8339
8345
|
createBaseVNode("strong", null, toDisplayString(price.value), 1)
|
|
8340
8346
|
]);
|
|
8341
8347
|
};
|
|
8342
8348
|
}
|
|
8343
8349
|
});
|
|
8344
|
-
const _hoisted_1$
|
|
8345
|
-
const _sfc_main$
|
|
8350
|
+
const _hoisted_1$10 = { class: "lupa-search-box-product-regular-price" };
|
|
8351
|
+
const _sfc_main$15 = /* @__PURE__ */ defineComponent({
|
|
8346
8352
|
__name: "SearchBoxProductRegularPrice",
|
|
8347
8353
|
props: {
|
|
8348
8354
|
item: {},
|
|
@@ -8360,16 +8366,16 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
|
|
|
8360
8366
|
);
|
|
8361
8367
|
});
|
|
8362
8368
|
return (_ctx, _cache) => {
|
|
8363
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
8369
|
+
return openBlock(), createElementBlock("div", _hoisted_1$10, toDisplayString(price.value), 1);
|
|
8364
8370
|
};
|
|
8365
8371
|
}
|
|
8366
8372
|
});
|
|
8367
|
-
const _hoisted_1
|
|
8368
|
-
const _hoisted_2$
|
|
8369
|
-
const _hoisted_3$
|
|
8370
|
-
const _hoisted_4$
|
|
8371
|
-
const _hoisted_5$
|
|
8372
|
-
const _sfc_main$
|
|
8373
|
+
const _hoisted_1$$ = ["innerHTML"];
|
|
8374
|
+
const _hoisted_2$I = { key: 0 };
|
|
8375
|
+
const _hoisted_3$y = { key: 1 };
|
|
8376
|
+
const _hoisted_4$p = { class: "lupa-search-box-custom-label" };
|
|
8377
|
+
const _hoisted_5$d = { class: "lupa-search-box-custom-text" };
|
|
8378
|
+
const _sfc_main$14 = /* @__PURE__ */ defineComponent({
|
|
8373
8379
|
__name: "SearchBoxProductCustom",
|
|
8374
8380
|
props: {
|
|
8375
8381
|
item: {},
|
|
@@ -8395,20 +8401,20 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
|
|
|
8395
8401
|
key: 0,
|
|
8396
8402
|
class: [className.value, "lupa-search-box-product-custom"],
|
|
8397
8403
|
innerHTML: text.value
|
|
8398
|
-
}, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1
|
|
8404
|
+
}, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$$)) : (openBlock(), createElementBlock("div", mergeProps({
|
|
8399
8405
|
key: 1,
|
|
8400
8406
|
class: [className.value, "lupa-search-box-product-custom"]
|
|
8401
8407
|
}, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
|
|
8402
|
-
!label.value ? (openBlock(), createElementBlock("div", _hoisted_2$
|
|
8403
|
-
createBaseVNode("div", _hoisted_4$
|
|
8404
|
-
createBaseVNode("div", _hoisted_5$
|
|
8408
|
+
!label.value ? (openBlock(), createElementBlock("div", _hoisted_2$I, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$y, [
|
|
8409
|
+
createBaseVNode("div", _hoisted_4$p, toDisplayString(label.value), 1),
|
|
8410
|
+
createBaseVNode("div", _hoisted_5$d, toDisplayString(text.value), 1)
|
|
8405
8411
|
]))
|
|
8406
8412
|
], 16));
|
|
8407
8413
|
};
|
|
8408
8414
|
}
|
|
8409
8415
|
});
|
|
8410
|
-
const _hoisted_1$
|
|
8411
|
-
const _sfc_main$
|
|
8416
|
+
const _hoisted_1$_ = ["innerHTML"];
|
|
8417
|
+
const _sfc_main$13 = /* @__PURE__ */ defineComponent({
|
|
8412
8418
|
__name: "SearchBoxProductCustomHtml",
|
|
8413
8419
|
props: {
|
|
8414
8420
|
item: {},
|
|
@@ -8428,7 +8434,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
|
|
|
8428
8434
|
return openBlock(), createElementBlock("div", mergeProps({
|
|
8429
8435
|
class: className.value,
|
|
8430
8436
|
innerHTML: text.value
|
|
8431
|
-
}, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$
|
|
8437
|
+
}, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$_);
|
|
8432
8438
|
};
|
|
8433
8439
|
}
|
|
8434
8440
|
});
|
|
@@ -8623,10 +8629,10 @@ const useSearchResultStore = defineStore("searchResult", () => {
|
|
|
8623
8629
|
setLoading
|
|
8624
8630
|
};
|
|
8625
8631
|
});
|
|
8626
|
-
const _hoisted_1$
|
|
8627
|
-
const _hoisted_2$
|
|
8628
|
-
const _hoisted_3$
|
|
8629
|
-
const _sfc_main$
|
|
8632
|
+
const _hoisted_1$Z = { class: "lupa-search-box-add-to-cart-wrapper" };
|
|
8633
|
+
const _hoisted_2$H = { class: "lupa-search-box-product-addtocart" };
|
|
8634
|
+
const _hoisted_3$x = ["onClick", "disabled"];
|
|
8635
|
+
const _sfc_main$12 = /* @__PURE__ */ defineComponent({
|
|
8630
8636
|
__name: "SearchBoxProductAddToCart",
|
|
8631
8637
|
props: {
|
|
8632
8638
|
item: {},
|
|
@@ -8653,15 +8659,15 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
|
|
|
8653
8659
|
loading.value = false;
|
|
8654
8660
|
});
|
|
8655
8661
|
return (_ctx, _cache) => {
|
|
8656
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
8657
|
-
createBaseVNode("div", _hoisted_2$
|
|
8662
|
+
return openBlock(), createElementBlock("div", _hoisted_1$Z, [
|
|
8663
|
+
createBaseVNode("div", _hoisted_2$H, [
|
|
8658
8664
|
createBaseVNode("button", {
|
|
8659
8665
|
onClick: withModifiers(handleClick, ["stop", "prevent"]),
|
|
8660
8666
|
class: normalizeClass(loading.value ? "lupa-add-to-cart-loading" : "lupa-add-to-cart"),
|
|
8661
8667
|
"data-cy": "lupa-add-to-cart",
|
|
8662
8668
|
type: "button",
|
|
8663
8669
|
disabled: !inStockValue.value || loading.value
|
|
8664
|
-
}, toDisplayString(label.value), 11, _hoisted_3$
|
|
8670
|
+
}, toDisplayString(label.value), 11, _hoisted_3$x)
|
|
8665
8671
|
])
|
|
8666
8672
|
]);
|
|
8667
8673
|
};
|
|
@@ -8669,17 +8675,17 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
|
|
|
8669
8675
|
});
|
|
8670
8676
|
const __default__$4 = {
|
|
8671
8677
|
components: {
|
|
8672
|
-
SearchBoxProductImage: _sfc_main$
|
|
8673
|
-
SearchBoxProductTitle: _sfc_main$
|
|
8674
|
-
SearchBoxProductDescription: _sfc_main$
|
|
8675
|
-
SearchBoxProductPrice: _sfc_main
|
|
8676
|
-
SearchBoxProductRegularPrice: _sfc_main$
|
|
8677
|
-
SearchBoxProductCustom: _sfc_main$
|
|
8678
|
-
SearchBoxProductCustomHtml: _sfc_main$
|
|
8679
|
-
SearchBoxProductAddToCart: _sfc_main$
|
|
8678
|
+
SearchBoxProductImage: _sfc_main$19,
|
|
8679
|
+
SearchBoxProductTitle: _sfc_main$18,
|
|
8680
|
+
SearchBoxProductDescription: _sfc_main$17,
|
|
8681
|
+
SearchBoxProductPrice: _sfc_main$16,
|
|
8682
|
+
SearchBoxProductRegularPrice: _sfc_main$15,
|
|
8683
|
+
SearchBoxProductCustom: _sfc_main$14,
|
|
8684
|
+
SearchBoxProductCustomHtml: _sfc_main$13,
|
|
8685
|
+
SearchBoxProductAddToCart: _sfc_main$12
|
|
8680
8686
|
}
|
|
8681
8687
|
};
|
|
8682
|
-
const _sfc_main$
|
|
8688
|
+
const _sfc_main$11 = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$4), {
|
|
8683
8689
|
__name: "SearchBoxProductElement",
|
|
8684
8690
|
props: {
|
|
8685
8691
|
item: {},
|
|
@@ -8793,14 +8799,14 @@ const useTrackingStore = defineStore("tracking", () => {
|
|
|
8793
8799
|
};
|
|
8794
8800
|
return { trackSearch, trackResults, trackEvent };
|
|
8795
8801
|
});
|
|
8796
|
-
const _hoisted_1$
|
|
8797
|
-
const _hoisted_2$
|
|
8798
|
-
const _hoisted_3$
|
|
8799
|
-
const _hoisted_4$
|
|
8802
|
+
const _hoisted_1$Y = ["href"];
|
|
8803
|
+
const _hoisted_2$G = { class: "lupa-search-box-product-image-section" };
|
|
8804
|
+
const _hoisted_3$w = { class: "lupa-search-box-product-details-section" };
|
|
8805
|
+
const _hoisted_4$o = {
|
|
8800
8806
|
key: 0,
|
|
8801
8807
|
class: "lupa-search-box-product-add-to-cart-section"
|
|
8802
8808
|
};
|
|
8803
|
-
const _sfc_main$
|
|
8809
|
+
const _sfc_main$10 = /* @__PURE__ */ defineComponent({
|
|
8804
8810
|
__name: "SearchBoxProduct",
|
|
8805
8811
|
props: {
|
|
8806
8812
|
item: {},
|
|
@@ -8893,9 +8899,9 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
|
|
|
8893
8899
|
href: link.value,
|
|
8894
8900
|
onClick: handleClick
|
|
8895
8901
|
}, [
|
|
8896
|
-
createBaseVNode("div", _hoisted_2$
|
|
8902
|
+
createBaseVNode("div", _hoisted_2$G, [
|
|
8897
8903
|
(openBlock(true), createElementBlock(Fragment, null, renderList(imageElements.value, (element) => {
|
|
8898
|
-
return openBlock(), createBlock(_sfc_main$
|
|
8904
|
+
return openBlock(), createBlock(_sfc_main$11, {
|
|
8899
8905
|
class: "lupa-search-box-product-element",
|
|
8900
8906
|
item: _ctx.item,
|
|
8901
8907
|
element,
|
|
@@ -8905,9 +8911,9 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
|
|
|
8905
8911
|
}, null, 8, ["item", "element", "labels", "link"]);
|
|
8906
8912
|
}), 128))
|
|
8907
8913
|
]),
|
|
8908
|
-
createBaseVNode("div", _hoisted_3$
|
|
8914
|
+
createBaseVNode("div", _hoisted_3$w, [
|
|
8909
8915
|
(openBlock(true), createElementBlock(Fragment, null, renderList(detailElements.value, (element) => {
|
|
8910
|
-
return openBlock(), createBlock(_sfc_main$
|
|
8916
|
+
return openBlock(), createBlock(_sfc_main$11, {
|
|
8911
8917
|
class: "lupa-search-box-product-element",
|
|
8912
8918
|
item: _ctx.item,
|
|
8913
8919
|
element,
|
|
@@ -8917,8 +8923,8 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
|
|
|
8917
8923
|
}, null, 8, ["item", "element", "labels", "link"]);
|
|
8918
8924
|
}), 128))
|
|
8919
8925
|
]),
|
|
8920
|
-
addToCartElement.value ? (openBlock(), createElementBlock("div", _hoisted_4$
|
|
8921
|
-
createVNode(_sfc_main$
|
|
8926
|
+
addToCartElement.value ? (openBlock(), createElementBlock("div", _hoisted_4$o, [
|
|
8927
|
+
createVNode(_sfc_main$11, {
|
|
8922
8928
|
class: "lupa-search-box-product-element",
|
|
8923
8929
|
item: _ctx.item,
|
|
8924
8930
|
element: addToCartElement.value,
|
|
@@ -8927,12 +8933,12 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
|
|
|
8927
8933
|
isInStock: isInStock.value
|
|
8928
8934
|
}, null, 8, ["item", "element", "labels", "link", "isInStock"])
|
|
8929
8935
|
])) : createCommentVNode("", true)
|
|
8930
|
-
], 10, _hoisted_1$
|
|
8936
|
+
], 10, _hoisted_1$Y);
|
|
8931
8937
|
};
|
|
8932
8938
|
}
|
|
8933
8939
|
});
|
|
8934
|
-
const _hoisted_1$
|
|
8935
|
-
const _sfc_main
|
|
8940
|
+
const _hoisted_1$X = { id: "lupa-search-box-products" };
|
|
8941
|
+
const _sfc_main$$ = /* @__PURE__ */ defineComponent({
|
|
8936
8942
|
__name: "SearchBoxProducts",
|
|
8937
8943
|
props: {
|
|
8938
8944
|
items: {},
|
|
@@ -8952,7 +8958,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
|
|
|
8952
8958
|
return (_c = (_b = highlightedItem.value) == null ? void 0 : _b.index) != null ? _c : -1;
|
|
8953
8959
|
});
|
|
8954
8960
|
return (_ctx, _cache) => {
|
|
8955
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
8961
|
+
return openBlock(), createElementBlock("div", _hoisted_1$X, [
|
|
8956
8962
|
_ctx.$slots.productCard ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.items, (item, index) => {
|
|
8957
8963
|
return renderSlot(_ctx.$slots, "productCard", {
|
|
8958
8964
|
key: index,
|
|
@@ -8964,7 +8970,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
|
|
|
8964
8970
|
onProductClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("product-click"))
|
|
8965
8971
|
});
|
|
8966
8972
|
}), 128)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.items, (item, index) => {
|
|
8967
|
-
return openBlock(), createBlock(_sfc_main$
|
|
8973
|
+
return openBlock(), createBlock(_sfc_main$10, {
|
|
8968
8974
|
key: index,
|
|
8969
8975
|
item,
|
|
8970
8976
|
panelOptions: _ctx.panelOptions,
|
|
@@ -8978,7 +8984,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
|
|
|
8978
8984
|
};
|
|
8979
8985
|
}
|
|
8980
8986
|
});
|
|
8981
|
-
const _sfc_main$
|
|
8987
|
+
const _sfc_main$_ = /* @__PURE__ */ defineComponent({
|
|
8982
8988
|
__name: "SearchBoxProductsWrapper",
|
|
8983
8989
|
props: {
|
|
8984
8990
|
panel: {},
|
|
@@ -9030,7 +9036,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
|
|
|
9030
9036
|
const getItemsDebounced = debounce$1(getItems, props.debounce);
|
|
9031
9037
|
return (_ctx, _cache) => {
|
|
9032
9038
|
var _a, _b;
|
|
9033
|
-
return openBlock(), createBlock(_sfc_main
|
|
9039
|
+
return openBlock(), createBlock(_sfc_main$$, {
|
|
9034
9040
|
items: (_b = (_a = searchResult.value) == null ? void 0 : _a.items) != null ? _b : [],
|
|
9035
9041
|
panelOptions: _ctx.panel,
|
|
9036
9042
|
labels: _ctx.labels,
|
|
@@ -9048,26 +9054,26 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
|
|
|
9048
9054
|
};
|
|
9049
9055
|
}
|
|
9050
9056
|
});
|
|
9051
|
-
const _hoisted_1$
|
|
9057
|
+
const _hoisted_1$W = {
|
|
9052
9058
|
key: 0,
|
|
9053
9059
|
id: "lupa-search-box-panel"
|
|
9054
9060
|
};
|
|
9055
|
-
const _hoisted_2$
|
|
9061
|
+
const _hoisted_2$F = {
|
|
9056
9062
|
class: "lupa-main-panel",
|
|
9057
9063
|
"data-cy": "lupa-main-panel"
|
|
9058
9064
|
};
|
|
9059
|
-
const _hoisted_3$
|
|
9060
|
-
const _hoisted_4$
|
|
9065
|
+
const _hoisted_3$v = ["data-cy"];
|
|
9066
|
+
const _hoisted_4$n = {
|
|
9061
9067
|
key: 1,
|
|
9062
9068
|
id: "lupa-search-box-panel"
|
|
9063
9069
|
};
|
|
9064
9070
|
const __default__$3 = {
|
|
9065
9071
|
components: {
|
|
9066
|
-
SearchBoxSuggestionsWrapper: _sfc_main$
|
|
9067
|
-
SearchBoxProductsWrapper: _sfc_main$
|
|
9072
|
+
SearchBoxSuggestionsWrapper: _sfc_main$1b,
|
|
9073
|
+
SearchBoxProductsWrapper: _sfc_main$_
|
|
9068
9074
|
}
|
|
9069
9075
|
};
|
|
9070
|
-
const _sfc_main$
|
|
9076
|
+
const _sfc_main$Z = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$3), {
|
|
9071
9077
|
__name: "SearchBoxMainPanel",
|
|
9072
9078
|
props: {
|
|
9073
9079
|
options: {},
|
|
@@ -9181,8 +9187,8 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
|
|
|
9181
9187
|
ref_key: "panelContainer",
|
|
9182
9188
|
ref: panelContainer
|
|
9183
9189
|
}, [
|
|
9184
|
-
displayResults.value ? (openBlock(), createElementBlock("div", _hoisted_1$
|
|
9185
|
-
createBaseVNode("div", _hoisted_2$
|
|
9190
|
+
displayResults.value ? (openBlock(), createElementBlock("div", _hoisted_1$W, [
|
|
9191
|
+
createBaseVNode("div", _hoisted_2$F, [
|
|
9186
9192
|
(openBlock(true), createElementBlock(Fragment, null, renderList(displayPanels.value, (panel, index) => {
|
|
9187
9193
|
return openBlock(), createElementBlock("div", {
|
|
9188
9194
|
key: index,
|
|
@@ -9211,16 +9217,16 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
|
|
|
9211
9217
|
key: "0"
|
|
9212
9218
|
} : void 0
|
|
9213
9219
|
]), 1064, ["panel", "options", "debounce", "inputValue", "labels"])) : createCommentVNode("", true)
|
|
9214
|
-
], 10, _hoisted_3$
|
|
9220
|
+
], 10, _hoisted_3$v);
|
|
9215
9221
|
}), 128))
|
|
9216
9222
|
]),
|
|
9217
|
-
createVNode(_sfc_main$
|
|
9223
|
+
createVNode(_sfc_main$1g, {
|
|
9218
9224
|
labels: labels.value,
|
|
9219
9225
|
showTotalCount: (_a = _ctx.options.showTotalCount) != null ? _a : false,
|
|
9220
9226
|
onGoToResults: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("go-to-results"))
|
|
9221
9227
|
}, null, 8, ["labels", "showTotalCount"])
|
|
9222
|
-
])) : displayHistory.value ? (openBlock(), createElementBlock("div", _hoisted_4$
|
|
9223
|
-
createVNode(_sfc_main$
|
|
9228
|
+
])) : displayHistory.value ? (openBlock(), createElementBlock("div", _hoisted_4$n, [
|
|
9229
|
+
createVNode(_sfc_main$1e, {
|
|
9224
9230
|
options: _ctx.options.history,
|
|
9225
9231
|
history: history.value,
|
|
9226
9232
|
onGoToResults: handleGoToResults,
|
|
@@ -9245,9 +9251,9 @@ const unbindSearchTriggers = (triggers = [], event) => {
|
|
|
9245
9251
|
const elements = getElements(triggers);
|
|
9246
9252
|
elements.forEach((e) => e == null ? void 0 : e.removeEventListener(BIND_EVENT, event));
|
|
9247
9253
|
};
|
|
9248
|
-
const _hoisted_1$
|
|
9249
|
-
const _hoisted_2$
|
|
9250
|
-
const _sfc_main$
|
|
9254
|
+
const _hoisted_1$V = { id: "lupa-search-box" };
|
|
9255
|
+
const _hoisted_2$E = { class: "lupa-search-box-wrapper" };
|
|
9256
|
+
const _sfc_main$Y = /* @__PURE__ */ defineComponent({
|
|
9251
9257
|
__name: "SearchBox",
|
|
9252
9258
|
props: {
|
|
9253
9259
|
options: {},
|
|
@@ -9480,9 +9486,9 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
|
|
|
9480
9486
|
};
|
|
9481
9487
|
return (_ctx, _cache) => {
|
|
9482
9488
|
var _a2;
|
|
9483
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
9484
|
-
createBaseVNode("div", _hoisted_2$
|
|
9485
|
-
createVNode(_sfc_main$
|
|
9489
|
+
return openBlock(), createElementBlock("div", _hoisted_1$V, [
|
|
9490
|
+
createBaseVNode("div", _hoisted_2$E, [
|
|
9491
|
+
createVNode(_sfc_main$1h, {
|
|
9486
9492
|
options: inputOptions.value,
|
|
9487
9493
|
suggestedValue: suggestedValue.value,
|
|
9488
9494
|
"can-close": (_a2 = _ctx.isSearchContainer) != null ? _a2 : false,
|
|
@@ -9493,7 +9499,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
|
|
|
9493
9499
|
onFocus: _cache[0] || (_cache[0] = ($event) => opened.value = true),
|
|
9494
9500
|
onClose: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("close"))
|
|
9495
9501
|
}, null, 8, ["options", "suggestedValue", "can-close", "emit-input-on-focus"]),
|
|
9496
|
-
opened.value || _ctx.isSearchContainer ? (openBlock(), createBlock(_sfc_main$
|
|
9502
|
+
opened.value || _ctx.isSearchContainer ? (openBlock(), createBlock(_sfc_main$Z, {
|
|
9497
9503
|
key: 0,
|
|
9498
9504
|
options: panelOptions.value,
|
|
9499
9505
|
inputValue: inputValue.value,
|
|
@@ -9580,20 +9586,20 @@ const getSearchParams = (url, params, baseUrl) => {
|
|
|
9580
9586
|
}
|
|
9581
9587
|
return searchParams;
|
|
9582
9588
|
};
|
|
9583
|
-
const _hoisted_1$
|
|
9589
|
+
const _hoisted_1$U = {
|
|
9584
9590
|
key: 0,
|
|
9585
9591
|
id: "lupa-search-results-did-you-mean"
|
|
9586
9592
|
};
|
|
9587
|
-
const _hoisted_2$
|
|
9593
|
+
const _hoisted_2$D = {
|
|
9588
9594
|
key: 0,
|
|
9589
9595
|
"data-cy": "suggested-search-text-label"
|
|
9590
9596
|
};
|
|
9591
|
-
const _hoisted_3$
|
|
9597
|
+
const _hoisted_3$u = {
|
|
9592
9598
|
key: 1,
|
|
9593
9599
|
"data-cy": "did-you-mean-label"
|
|
9594
9600
|
};
|
|
9595
|
-
const _hoisted_4$
|
|
9596
|
-
const _sfc_main$
|
|
9601
|
+
const _hoisted_4$m = { key: 1 };
|
|
9602
|
+
const _sfc_main$X = /* @__PURE__ */ defineComponent({
|
|
9597
9603
|
__name: "SearchResultsDidYouMean",
|
|
9598
9604
|
props: {
|
|
9599
9605
|
labels: {}
|
|
@@ -9625,8 +9631,8 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
|
|
|
9625
9631
|
paramStore.goToResults({ searchText, facet });
|
|
9626
9632
|
};
|
|
9627
9633
|
return (_ctx, _cache) => {
|
|
9628
|
-
return unref(searchResult).suggestedSearchText || didYouMeanValue.value ? (openBlock(), createElementBlock("div", _hoisted_1$
|
|
9629
|
-
unref(searchResult).suggestedSearchText ? (openBlock(), createElementBlock("div", _hoisted_2$
|
|
9634
|
+
return unref(searchResult).suggestedSearchText || didYouMeanValue.value ? (openBlock(), createElementBlock("div", _hoisted_1$U, [
|
|
9635
|
+
unref(searchResult).suggestedSearchText ? (openBlock(), createElementBlock("div", _hoisted_2$D, [
|
|
9630
9636
|
(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.labels.noResultsSuggestion.split(" "), (label, index) => {
|
|
9631
9637
|
return openBlock(), createElementBlock("span", { key: index }, [
|
|
9632
9638
|
createBaseVNode("span", {
|
|
@@ -9635,7 +9641,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
|
|
|
9635
9641
|
]);
|
|
9636
9642
|
}), 128))
|
|
9637
9643
|
])) : createCommentVNode("", true),
|
|
9638
|
-
didYouMeanValue.value ? (openBlock(), createElementBlock("div", _hoisted_3$
|
|
9644
|
+
didYouMeanValue.value ? (openBlock(), createElementBlock("div", _hoisted_3$u, [
|
|
9639
9645
|
(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.labels.didYouMean.split(" "), (label, index) => {
|
|
9640
9646
|
return openBlock(), createElementBlock("span", { key: index }, [
|
|
9641
9647
|
label.includes("{1}") ? (openBlock(), createElementBlock("span", {
|
|
@@ -9643,7 +9649,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
|
|
|
9643
9649
|
class: "lupa-did-you-mean lupa-highlighted-search-text",
|
|
9644
9650
|
"data-cy": "did-you-mean-value",
|
|
9645
9651
|
onClick: _cache[0] || (_cache[0] = ($event) => goToResults({ searchText: didYouMeanValue.value }))
|
|
9646
|
-
}, toDisplayString(didYouMeanValue.value) + " ", 1)) : (openBlock(), createElementBlock("span", _hoisted_4$
|
|
9652
|
+
}, toDisplayString(didYouMeanValue.value) + " ", 1)) : (openBlock(), createElementBlock("span", _hoisted_4$m, toDisplayString(label) + " ", 1))
|
|
9647
9653
|
]);
|
|
9648
9654
|
}), 128))
|
|
9649
9655
|
])) : createCommentVNode("", true)
|
|
@@ -9651,12 +9657,12 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
|
|
|
9651
9657
|
};
|
|
9652
9658
|
}
|
|
9653
9659
|
});
|
|
9654
|
-
const _hoisted_1$
|
|
9660
|
+
const _hoisted_1$T = {
|
|
9655
9661
|
key: 0,
|
|
9656
9662
|
class: "lupa-search-results-summary"
|
|
9657
9663
|
};
|
|
9658
|
-
const _hoisted_2$
|
|
9659
|
-
const _sfc_main$
|
|
9664
|
+
const _hoisted_2$C = ["innerHTML"];
|
|
9665
|
+
const _sfc_main$W = /* @__PURE__ */ defineComponent({
|
|
9660
9666
|
__name: "SearchResultsSummary",
|
|
9661
9667
|
props: {
|
|
9662
9668
|
label: {},
|
|
@@ -9671,8 +9677,8 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
|
|
|
9671
9677
|
return addParamsToLabel(props.label, range, `<span>${totalItems.value}</span>`);
|
|
9672
9678
|
});
|
|
9673
9679
|
return (_ctx, _cache) => {
|
|
9674
|
-
return unref(totalItems) > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$
|
|
9675
|
-
createBaseVNode("div", { innerHTML: summaryLabel.value }, null, 8, _hoisted_2$
|
|
9680
|
+
return unref(totalItems) > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$T, [
|
|
9681
|
+
createBaseVNode("div", { innerHTML: summaryLabel.value }, null, 8, _hoisted_2$C),
|
|
9676
9682
|
_ctx.clearable ? (openBlock(), createElementBlock("span", {
|
|
9677
9683
|
key: 0,
|
|
9678
9684
|
class: "lupa-filter-clear",
|
|
@@ -9683,18 +9689,18 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
|
|
|
9683
9689
|
};
|
|
9684
9690
|
}
|
|
9685
9691
|
});
|
|
9686
|
-
const _hoisted_1$
|
|
9692
|
+
const _hoisted_1$S = {
|
|
9687
9693
|
key: 0,
|
|
9688
9694
|
class: "lupa-result-page-title",
|
|
9689
9695
|
"data-cy": "lupa-result-page-title"
|
|
9690
9696
|
};
|
|
9691
|
-
const _hoisted_2$
|
|
9692
|
-
const _hoisted_3$
|
|
9697
|
+
const _hoisted_2$B = { key: 0 };
|
|
9698
|
+
const _hoisted_3$t = {
|
|
9693
9699
|
key: 1,
|
|
9694
9700
|
class: "lupa-results-total-count"
|
|
9695
9701
|
};
|
|
9696
|
-
const _hoisted_4$
|
|
9697
|
-
const _sfc_main$
|
|
9702
|
+
const _hoisted_4$l = ["innerHTML"];
|
|
9703
|
+
const _sfc_main$V = /* @__PURE__ */ defineComponent({
|
|
9698
9704
|
__name: "SearchResultsTitle",
|
|
9699
9705
|
props: {
|
|
9700
9706
|
options: {},
|
|
@@ -9729,12 +9735,12 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
|
|
|
9729
9735
|
});
|
|
9730
9736
|
return (_ctx, _cache) => {
|
|
9731
9737
|
return openBlock(), createElementBlock("div", null, [
|
|
9732
|
-
showSearchTitle.value ? (openBlock(), createElementBlock("h1", _hoisted_1$
|
|
9738
|
+
showSearchTitle.value ? (openBlock(), createElementBlock("h1", _hoisted_1$S, [
|
|
9733
9739
|
createTextVNode(toDisplayString(_ctx.options.labels.searchResults), 1),
|
|
9734
|
-
queryText.value ? (openBlock(), createElementBlock("span", _hoisted_2$
|
|
9735
|
-
showProductCount.value ? (openBlock(), createElementBlock("span", _hoisted_3$
|
|
9740
|
+
queryText.value ? (openBlock(), createElementBlock("span", _hoisted_2$B, "'" + toDisplayString(queryText.value) + "'", 1)) : createCommentVNode("", true),
|
|
9741
|
+
showProductCount.value ? (openBlock(), createElementBlock("span", _hoisted_3$t, "(" + toDisplayString(unref(totalItems)) + ")", 1)) : createCommentVNode("", true)
|
|
9736
9742
|
])) : createCommentVNode("", true),
|
|
9737
|
-
_ctx.showSummary ? (openBlock(), createBlock(_sfc_main$
|
|
9743
|
+
_ctx.showSummary ? (openBlock(), createBlock(_sfc_main$W, {
|
|
9738
9744
|
key: 1,
|
|
9739
9745
|
label: summaryLabel.value
|
|
9740
9746
|
}, null, 8, ["label"])) : createCommentVNode("", true),
|
|
@@ -9742,21 +9748,21 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
|
|
|
9742
9748
|
key: 2,
|
|
9743
9749
|
class: "lupa-result-page-description-top",
|
|
9744
9750
|
innerHTML: descriptionTop.value
|
|
9745
|
-
}, null, 8, _hoisted_4$
|
|
9751
|
+
}, null, 8, _hoisted_4$l)) : createCommentVNode("", true)
|
|
9746
9752
|
]);
|
|
9747
9753
|
};
|
|
9748
9754
|
}
|
|
9749
9755
|
});
|
|
9750
|
-
const _hoisted_1$
|
|
9751
|
-
const _hoisted_2$
|
|
9756
|
+
const _hoisted_1$R = { class: "lupa-search-result-filter-value" };
|
|
9757
|
+
const _hoisted_2$A = {
|
|
9752
9758
|
class: "lupa-current-filter-label",
|
|
9753
9759
|
"data-cy": "lupa-current-filter-label"
|
|
9754
9760
|
};
|
|
9755
|
-
const _hoisted_3$
|
|
9761
|
+
const _hoisted_3$s = {
|
|
9756
9762
|
class: "lupa-current-filter-value",
|
|
9757
9763
|
"data-cy": "lupa-current-filter-value"
|
|
9758
9764
|
};
|
|
9759
|
-
const _sfc_main$
|
|
9765
|
+
const _sfc_main$U = /* @__PURE__ */ defineComponent({
|
|
9760
9766
|
__name: "CurrentFilterDisplay",
|
|
9761
9767
|
props: {
|
|
9762
9768
|
filter: {}
|
|
@@ -9768,28 +9774,28 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
|
|
|
9768
9774
|
emit2("remove", { filter: props.filter });
|
|
9769
9775
|
};
|
|
9770
9776
|
return (_ctx, _cache) => {
|
|
9771
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
9777
|
+
return openBlock(), createElementBlock("div", _hoisted_1$R, [
|
|
9772
9778
|
createBaseVNode("div", {
|
|
9773
9779
|
class: "lupa-current-filter-action",
|
|
9774
9780
|
onClick: handleClick
|
|
9775
9781
|
}, "⨉"),
|
|
9776
|
-
createBaseVNode("div", _hoisted_2$
|
|
9777
|
-
createBaseVNode("div", _hoisted_3$
|
|
9782
|
+
createBaseVNode("div", _hoisted_2$A, toDisplayString(_ctx.filter.label) + ": ", 1),
|
|
9783
|
+
createBaseVNode("div", _hoisted_3$s, toDisplayString(_ctx.filter.value), 1)
|
|
9778
9784
|
]);
|
|
9779
9785
|
};
|
|
9780
9786
|
}
|
|
9781
9787
|
});
|
|
9782
|
-
const _hoisted_1$
|
|
9783
|
-
const _hoisted_2$
|
|
9788
|
+
const _hoisted_1$Q = { class: "lupa-filter-title-text" };
|
|
9789
|
+
const _hoisted_2$z = {
|
|
9784
9790
|
key: 0,
|
|
9785
9791
|
class: "lupa-filter-count"
|
|
9786
9792
|
};
|
|
9787
|
-
const _hoisted_3$
|
|
9793
|
+
const _hoisted_3$r = {
|
|
9788
9794
|
key: 0,
|
|
9789
9795
|
class: "filter-values"
|
|
9790
9796
|
};
|
|
9791
|
-
const _hoisted_4$
|
|
9792
|
-
const _sfc_main$
|
|
9797
|
+
const _hoisted_4$k = { class: "lupa-current-filter-list" };
|
|
9798
|
+
const _sfc_main$T = /* @__PURE__ */ defineComponent({
|
|
9793
9799
|
__name: "CurrentFilters",
|
|
9794
9800
|
props: {
|
|
9795
9801
|
options: {},
|
|
@@ -9844,19 +9850,19 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
|
|
|
9844
9850
|
class: "lupa-current-filter-title",
|
|
9845
9851
|
onClick: _cache[0] || (_cache[0] = ($event) => isOpen.value = !isOpen.value)
|
|
9846
9852
|
}, [
|
|
9847
|
-
createBaseVNode("div", _hoisted_1$
|
|
9853
|
+
createBaseVNode("div", _hoisted_1$Q, [
|
|
9848
9854
|
createTextVNode(toDisplayString((_c = (_b = (_a = _ctx.options) == null ? void 0 : _a.labels) == null ? void 0 : _b.title) != null ? _c : "") + " ", 1),
|
|
9849
|
-
_ctx.expandable ? (openBlock(), createElementBlock("span", _hoisted_2$
|
|
9855
|
+
_ctx.expandable ? (openBlock(), createElementBlock("span", _hoisted_2$z, " (" + toDisplayString(unref(currentFilterCount)) + ") ", 1)) : createCommentVNode("", true)
|
|
9850
9856
|
]),
|
|
9851
9857
|
_ctx.expandable ? (openBlock(), createElementBlock("div", {
|
|
9852
9858
|
key: 0,
|
|
9853
9859
|
class: normalizeClass(["lupa-filter-title-caret", isOpen.value && "open"])
|
|
9854
9860
|
}, null, 2)) : createCommentVNode("", true)
|
|
9855
9861
|
]),
|
|
9856
|
-
!_ctx.expandable || isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_3$
|
|
9857
|
-
createBaseVNode("div", _hoisted_4$
|
|
9862
|
+
!_ctx.expandable || isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_3$r, [
|
|
9863
|
+
createBaseVNode("div", _hoisted_4$k, [
|
|
9858
9864
|
(openBlock(true), createElementBlock(Fragment, null, renderList(unref(displayFilters), (filter) => {
|
|
9859
|
-
return openBlock(), createBlock(_sfc_main$
|
|
9865
|
+
return openBlock(), createBlock(_sfc_main$U, {
|
|
9860
9866
|
key: filter.key + "_" + filter.value,
|
|
9861
9867
|
filter,
|
|
9862
9868
|
onRemove: handleRemove
|
|
@@ -9873,8 +9879,8 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
|
|
|
9873
9879
|
};
|
|
9874
9880
|
}
|
|
9875
9881
|
});
|
|
9876
|
-
const _hoisted_1$
|
|
9877
|
-
const _sfc_main$
|
|
9882
|
+
const _hoisted_1$P = ["href"];
|
|
9883
|
+
const _sfc_main$S = /* @__PURE__ */ defineComponent({
|
|
9878
9884
|
__name: "CategoryFilterItem",
|
|
9879
9885
|
props: {
|
|
9880
9886
|
options: {},
|
|
@@ -9911,20 +9917,20 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
|
|
|
9911
9917
|
"data-cy": "lupa-child-category-item",
|
|
9912
9918
|
href: urlLink.value,
|
|
9913
9919
|
onClick: handleNavigation
|
|
9914
|
-
}, toDisplayString(title.value), 9, _hoisted_1$
|
|
9920
|
+
}, toDisplayString(title.value), 9, _hoisted_1$P)
|
|
9915
9921
|
], 2);
|
|
9916
9922
|
};
|
|
9917
9923
|
}
|
|
9918
9924
|
});
|
|
9919
|
-
const _hoisted_1$
|
|
9925
|
+
const _hoisted_1$O = {
|
|
9920
9926
|
class: "lupa-category-filter",
|
|
9921
9927
|
"data-cy": "lupa-category-filter"
|
|
9922
9928
|
};
|
|
9923
|
-
const _hoisted_2$
|
|
9924
|
-
const _hoisted_3$
|
|
9925
|
-
const _hoisted_4$
|
|
9926
|
-
const _hoisted_5$
|
|
9927
|
-
const _sfc_main$
|
|
9929
|
+
const _hoisted_2$y = { class: "lupa-category-back" };
|
|
9930
|
+
const _hoisted_3$q = ["href"];
|
|
9931
|
+
const _hoisted_4$j = ["href"];
|
|
9932
|
+
const _hoisted_5$c = { class: "lupa-child-category-list" };
|
|
9933
|
+
const _sfc_main$R = /* @__PURE__ */ defineComponent({
|
|
9928
9934
|
__name: "CategoryFilter",
|
|
9929
9935
|
props: {
|
|
9930
9936
|
options: {}
|
|
@@ -10010,14 +10016,14 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
|
|
|
10010
10016
|
};
|
|
10011
10017
|
__expose({ fetch: fetch2 });
|
|
10012
10018
|
return (_ctx, _cache) => {
|
|
10013
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
10014
|
-
createBaseVNode("div", _hoisted_2$
|
|
10019
|
+
return openBlock(), createElementBlock("div", _hoisted_1$O, [
|
|
10020
|
+
createBaseVNode("div", _hoisted_2$y, [
|
|
10015
10021
|
hasBackButton.value ? (openBlock(), createElementBlock("a", {
|
|
10016
10022
|
key: 0,
|
|
10017
10023
|
"data-cy": "lupa-category-back",
|
|
10018
10024
|
href: backUrlLink.value,
|
|
10019
10025
|
onClick: handleNavigationBack
|
|
10020
|
-
}, toDisplayString(backTitle.value), 9, _hoisted_3$
|
|
10026
|
+
}, toDisplayString(backTitle.value), 9, _hoisted_3$q)) : createCommentVNode("", true)
|
|
10021
10027
|
]),
|
|
10022
10028
|
createBaseVNode("div", {
|
|
10023
10029
|
class: normalizeClass(["lupa-current-category", { "lupa-current-category-active": isActive }])
|
|
@@ -10027,11 +10033,11 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
|
|
|
10027
10033
|
href: parentUrlLink.value,
|
|
10028
10034
|
class: normalizeClass({ "lupa-title-category": !hasBackButton.value }),
|
|
10029
10035
|
onClick: handleNavigationParent
|
|
10030
|
-
}, toDisplayString(parentTitle.value), 11, _hoisted_4$
|
|
10036
|
+
}, toDisplayString(parentTitle.value), 11, _hoisted_4$j)
|
|
10031
10037
|
], 2),
|
|
10032
|
-
createBaseVNode("div", _hoisted_5$
|
|
10038
|
+
createBaseVNode("div", _hoisted_5$c, [
|
|
10033
10039
|
(openBlock(true), createElementBlock(Fragment, null, renderList(categoryChildren.value, (child) => {
|
|
10034
|
-
return openBlock(), createBlock(_sfc_main$
|
|
10040
|
+
return openBlock(), createBlock(_sfc_main$S, {
|
|
10035
10041
|
key: getCategoryKey(child),
|
|
10036
10042
|
item: child,
|
|
10037
10043
|
options: _ctx.options
|
|
@@ -10042,23 +10048,23 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
|
|
|
10042
10048
|
};
|
|
10043
10049
|
}
|
|
10044
10050
|
});
|
|
10045
|
-
const _hoisted_1$
|
|
10051
|
+
const _hoisted_1$N = {
|
|
10046
10052
|
class: "lupa-search-result-facet-term-values",
|
|
10047
10053
|
"data-cy": "lupa-search-result-facet-term-values"
|
|
10048
10054
|
};
|
|
10049
|
-
const _hoisted_2$
|
|
10050
|
-
const _hoisted_3$
|
|
10051
|
-
const _hoisted_4$
|
|
10052
|
-
const _hoisted_5$
|
|
10053
|
-
const _hoisted_6$
|
|
10054
|
-
const _hoisted_7$
|
|
10055
|
+
const _hoisted_2$x = ["placeholder"];
|
|
10056
|
+
const _hoisted_3$p = { class: "lupa-terms-list" };
|
|
10057
|
+
const _hoisted_4$i = ["onClick"];
|
|
10058
|
+
const _hoisted_5$b = { class: "lupa-term-checkbox-wrapper" };
|
|
10059
|
+
const _hoisted_6$7 = { class: "lupa-term-checkbox-label" };
|
|
10060
|
+
const _hoisted_7$6 = { class: "lupa-term-label" };
|
|
10055
10061
|
const _hoisted_8$1 = {
|
|
10056
10062
|
key: 0,
|
|
10057
10063
|
class: "lupa-term-count"
|
|
10058
10064
|
};
|
|
10059
10065
|
const _hoisted_9$1 = { key: 0 };
|
|
10060
10066
|
const _hoisted_10$1 = { key: 1 };
|
|
10061
|
-
const _sfc_main$
|
|
10067
|
+
const _sfc_main$Q = /* @__PURE__ */ defineComponent({
|
|
10062
10068
|
__name: "TermFacet",
|
|
10063
10069
|
props: {
|
|
10064
10070
|
options: {},
|
|
@@ -10127,17 +10133,17 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
|
|
|
10127
10133
|
return selectedItems == null ? void 0 : selectedItems.includes((_b = item.title) == null ? void 0 : _b.toString());
|
|
10128
10134
|
};
|
|
10129
10135
|
return (_ctx, _cache) => {
|
|
10130
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
10136
|
+
return openBlock(), createElementBlock("div", _hoisted_1$N, [
|
|
10131
10137
|
isFilterable.value ? withDirectives((openBlock(), createElementBlock("input", {
|
|
10132
10138
|
key: 0,
|
|
10133
10139
|
class: "lupa-term-filter",
|
|
10134
10140
|
"data-cy": "lupa-term-filter",
|
|
10135
10141
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => termFilter.value = $event),
|
|
10136
10142
|
placeholder: _ctx.options.labels.facetFilter
|
|
10137
|
-
}, null, 8, _hoisted_2$
|
|
10143
|
+
}, null, 8, _hoisted_2$x)), [
|
|
10138
10144
|
[vModelText, termFilter.value]
|
|
10139
10145
|
]) : createCommentVNode("", true),
|
|
10140
|
-
createBaseVNode("div", _hoisted_3$
|
|
10146
|
+
createBaseVNode("div", _hoisted_3$p, [
|
|
10141
10147
|
(openBlock(true), createElementBlock(Fragment, null, renderList(displayValues.value, (item) => {
|
|
10142
10148
|
return openBlock(), createElementBlock("div", {
|
|
10143
10149
|
class: normalizeClass(["lupa-facet-term", { checked: isChecked(item) }]),
|
|
@@ -10145,16 +10151,16 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
|
|
|
10145
10151
|
key: item.title,
|
|
10146
10152
|
onClick: ($event) => handleFacetClick(item)
|
|
10147
10153
|
}, [
|
|
10148
|
-
createBaseVNode("div", _hoisted_5$
|
|
10154
|
+
createBaseVNode("div", _hoisted_5$b, [
|
|
10149
10155
|
createBaseVNode("span", {
|
|
10150
10156
|
class: normalizeClass(["lupa-term-checkbox", { checked: isChecked(item) }])
|
|
10151
10157
|
}, null, 2)
|
|
10152
10158
|
]),
|
|
10153
|
-
createBaseVNode("div", _hoisted_6$
|
|
10154
|
-
createBaseVNode("span", _hoisted_7$
|
|
10159
|
+
createBaseVNode("div", _hoisted_6$7, [
|
|
10160
|
+
createBaseVNode("span", _hoisted_7$6, toDisplayString(item.title), 1),
|
|
10155
10161
|
_ctx.options.showDocumentCount ? (openBlock(), createElementBlock("span", _hoisted_8$1, "(" + toDisplayString(item.count) + ")", 1)) : createCommentVNode("", true)
|
|
10156
10162
|
])
|
|
10157
|
-
], 10, _hoisted_4$
|
|
10163
|
+
], 10, _hoisted_4$i);
|
|
10158
10164
|
}), 128))
|
|
10159
10165
|
]),
|
|
10160
10166
|
displayShowMore.value ? (openBlock(), createElementBlock("div", {
|
|
@@ -11145,22 +11151,22 @@ var m = { name: "Slider", emits: ["input", "update:modelValue", "start", "slide"
|
|
|
11145
11151
|
m.render = function(e, t, r, i, n, o) {
|
|
11146
11152
|
return openBlock(), createElementBlock("div", mergeProps(e.sliderProps, { ref: "slider" }), null, 16);
|
|
11147
11153
|
}, m.__file = "src/Slider.vue";
|
|
11148
|
-
const _hoisted_1$
|
|
11149
|
-
const _hoisted_2$
|
|
11154
|
+
const _hoisted_1$M = { class: "lupa-search-result-facet-stats-values" };
|
|
11155
|
+
const _hoisted_2$w = {
|
|
11150
11156
|
key: 0,
|
|
11151
11157
|
class: "lupa-stats-facet-summary"
|
|
11152
11158
|
};
|
|
11153
|
-
const _hoisted_3$
|
|
11159
|
+
const _hoisted_3$o = {
|
|
11154
11160
|
key: 1,
|
|
11155
11161
|
class: "lupa-stats-facet-summary-input"
|
|
11156
11162
|
};
|
|
11157
|
-
const _hoisted_4$
|
|
11163
|
+
const _hoisted_4$h = {
|
|
11158
11164
|
key: 0,
|
|
11159
11165
|
class: "lupa-stats-range-label"
|
|
11160
11166
|
};
|
|
11161
|
-
const _hoisted_5$
|
|
11162
|
-
const _hoisted_6$
|
|
11163
|
-
const _hoisted_7$
|
|
11167
|
+
const _hoisted_5$a = { class: "lupa-stats-from" };
|
|
11168
|
+
const _hoisted_6$6 = ["max", "min", "pattern"];
|
|
11169
|
+
const _hoisted_7$5 = { key: 0 };
|
|
11164
11170
|
const _hoisted_8 = /* @__PURE__ */ createBaseVNode("div", { class: "lupa-stats-separator" }, null, -1);
|
|
11165
11171
|
const _hoisted_9 = {
|
|
11166
11172
|
key: 0,
|
|
@@ -11173,7 +11179,7 @@ const _hoisted_13 = {
|
|
|
11173
11179
|
key: 2,
|
|
11174
11180
|
class: "lupa-stats-slider-wrapper"
|
|
11175
11181
|
};
|
|
11176
|
-
const _sfc_main$
|
|
11182
|
+
const _sfc_main$P = /* @__PURE__ */ defineComponent({
|
|
11177
11183
|
__name: "StatsFacet",
|
|
11178
11184
|
props: {
|
|
11179
11185
|
options: {},
|
|
@@ -11321,11 +11327,11 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
|
|
|
11321
11327
|
innerSliderRange.value = value;
|
|
11322
11328
|
};
|
|
11323
11329
|
return (_ctx, _cache) => {
|
|
11324
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
11325
|
-
!isInputVisible.value ? (openBlock(), createElementBlock("div", _hoisted_2$
|
|
11330
|
+
return openBlock(), createElementBlock("div", _hoisted_1$M, [
|
|
11331
|
+
!isInputVisible.value ? (openBlock(), createElementBlock("div", _hoisted_2$w, toDisplayString(statsSummary.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$o, [
|
|
11326
11332
|
createBaseVNode("div", null, [
|
|
11327
|
-
rangeLabelFrom.value ? (openBlock(), createElementBlock("div", _hoisted_4$
|
|
11328
|
-
createBaseVNode("div", _hoisted_5$
|
|
11333
|
+
rangeLabelFrom.value ? (openBlock(), createElementBlock("div", _hoisted_4$h, toDisplayString(rangeLabelFrom.value), 1)) : createCommentVNode("", true),
|
|
11334
|
+
createBaseVNode("div", _hoisted_5$a, [
|
|
11329
11335
|
withDirectives(createBaseVNode("input", {
|
|
11330
11336
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => fromValue.value = $event),
|
|
11331
11337
|
type: "text",
|
|
@@ -11333,7 +11339,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
|
|
|
11333
11339
|
max: facetMax.value,
|
|
11334
11340
|
min: facetMin.value,
|
|
11335
11341
|
pattern: sliderInputFormat.value
|
|
11336
|
-
}, null, 8, _hoisted_6$
|
|
11342
|
+
}, null, 8, _hoisted_6$6), [
|
|
11337
11343
|
[
|
|
11338
11344
|
vModelText,
|
|
11339
11345
|
fromValue.value,
|
|
@@ -11341,7 +11347,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
|
|
|
11341
11347
|
{ lazy: true }
|
|
11342
11348
|
]
|
|
11343
11349
|
]),
|
|
11344
|
-
isPrice.value ? (openBlock(), createElementBlock("span", _hoisted_7$
|
|
11350
|
+
isPrice.value ? (openBlock(), createElementBlock("span", _hoisted_7$5, toDisplayString(currency.value), 1)) : createCommentVNode("", true)
|
|
11345
11351
|
])
|
|
11346
11352
|
]),
|
|
11347
11353
|
_hoisted_8,
|
|
@@ -11385,18 +11391,18 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
|
|
|
11385
11391
|
};
|
|
11386
11392
|
}
|
|
11387
11393
|
});
|
|
11388
|
-
const _hoisted_1$
|
|
11389
|
-
const _hoisted_2$
|
|
11390
|
-
const _hoisted_3$
|
|
11391
|
-
const _hoisted_4$
|
|
11394
|
+
const _hoisted_1$L = { class: "lupa-term-checkbox-wrapper" };
|
|
11395
|
+
const _hoisted_2$v = { class: "lupa-term-checkbox-label" };
|
|
11396
|
+
const _hoisted_3$n = { class: "lupa-term-label" };
|
|
11397
|
+
const _hoisted_4$g = {
|
|
11392
11398
|
key: 0,
|
|
11393
11399
|
class: "lupa-term-count"
|
|
11394
11400
|
};
|
|
11395
|
-
const _hoisted_5$
|
|
11401
|
+
const _hoisted_5$9 = {
|
|
11396
11402
|
key: 0,
|
|
11397
11403
|
class: "lupa-facet-level"
|
|
11398
11404
|
};
|
|
11399
|
-
const _sfc_main$
|
|
11405
|
+
const _sfc_main$O = /* @__PURE__ */ defineComponent({
|
|
11400
11406
|
__name: "HierarchyFacetLevel",
|
|
11401
11407
|
props: {
|
|
11402
11408
|
options: {},
|
|
@@ -11442,17 +11448,17 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
|
|
|
11442
11448
|
"data-cy": "lupa-facet-term",
|
|
11443
11449
|
onClick: _cache[0] || (_cache[0] = ($event) => handleFacetClick(_ctx.item))
|
|
11444
11450
|
}, [
|
|
11445
|
-
createBaseVNode("div", _hoisted_1$
|
|
11451
|
+
createBaseVNode("div", _hoisted_1$L, [
|
|
11446
11452
|
createBaseVNode("span", {
|
|
11447
11453
|
class: normalizeClass(["lupa-term-checkbox", { checked: isChecked.value }])
|
|
11448
11454
|
}, null, 2)
|
|
11449
11455
|
]),
|
|
11450
|
-
createBaseVNode("div", _hoisted_2$
|
|
11451
|
-
createBaseVNode("span", _hoisted_3$
|
|
11452
|
-
_ctx.options.showDocumentCount ? (openBlock(), createElementBlock("span", _hoisted_4$
|
|
11456
|
+
createBaseVNode("div", _hoisted_2$v, [
|
|
11457
|
+
createBaseVNode("span", _hoisted_3$n, toDisplayString(_ctx.item.title) + toDisplayString(" "), 1),
|
|
11458
|
+
_ctx.options.showDocumentCount ? (openBlock(), createElementBlock("span", _hoisted_4$g, "(" + toDisplayString(_ctx.item.count) + ")", 1)) : createCommentVNode("", true)
|
|
11453
11459
|
])
|
|
11454
11460
|
]),
|
|
11455
|
-
showChildren.value ? (openBlock(), createElementBlock("div", _hoisted_5$
|
|
11461
|
+
showChildren.value ? (openBlock(), createElementBlock("div", _hoisted_5$9, [
|
|
11456
11462
|
(openBlock(true), createElementBlock(Fragment, null, renderList(treeItem.value.children, (itemChild) => {
|
|
11457
11463
|
return openBlock(), createBlock(_component_HierarchyFacetLevel, {
|
|
11458
11464
|
key: itemChild.title,
|
|
@@ -11468,13 +11474,13 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
|
|
|
11468
11474
|
};
|
|
11469
11475
|
}
|
|
11470
11476
|
});
|
|
11471
|
-
const _hoisted_1$
|
|
11477
|
+
const _hoisted_1$K = {
|
|
11472
11478
|
class: "lupa-search-result-facet-term-values lupa-search-result-facet-hierarchy-values",
|
|
11473
11479
|
"data-cy": "lupa-search-result-facet-term-values"
|
|
11474
11480
|
};
|
|
11475
|
-
const _hoisted_2$
|
|
11476
|
-
const _hoisted_3$
|
|
11477
|
-
const _sfc_main$
|
|
11481
|
+
const _hoisted_2$u = { key: 0 };
|
|
11482
|
+
const _hoisted_3$m = ["placeholder"];
|
|
11483
|
+
const _sfc_main$N = /* @__PURE__ */ defineComponent({
|
|
11478
11484
|
__name: "HierarchyFacet",
|
|
11479
11485
|
props: {
|
|
11480
11486
|
options: {},
|
|
@@ -11524,19 +11530,19 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
|
|
|
11524
11530
|
showAll.value = true;
|
|
11525
11531
|
};
|
|
11526
11532
|
return (_ctx, _cache) => {
|
|
11527
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
11528
|
-
isFilterable.value ? (openBlock(), createElementBlock("div", _hoisted_2$
|
|
11533
|
+
return openBlock(), createElementBlock("div", _hoisted_1$K, [
|
|
11534
|
+
isFilterable.value ? (openBlock(), createElementBlock("div", _hoisted_2$u, [
|
|
11529
11535
|
withDirectives(createBaseVNode("input", {
|
|
11530
11536
|
class: "lupa-term-filter",
|
|
11531
11537
|
"data-cy": "lupa-term-filter",
|
|
11532
11538
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => termFilter.value = $event),
|
|
11533
11539
|
placeholder: _ctx.options.labels.facetFilter
|
|
11534
|
-
}, null, 8, _hoisted_3$
|
|
11540
|
+
}, null, 8, _hoisted_3$m), [
|
|
11535
11541
|
[vModelText, termFilter.value]
|
|
11536
11542
|
])
|
|
11537
11543
|
])) : createCommentVNode("", true),
|
|
11538
11544
|
(openBlock(true), createElementBlock(Fragment, null, renderList(displayValues.value, (item) => {
|
|
11539
|
-
return openBlock(), createBlock(_sfc_main$
|
|
11545
|
+
return openBlock(), createBlock(_sfc_main$O, {
|
|
11540
11546
|
key: item.title,
|
|
11541
11547
|
options: _ctx.options,
|
|
11542
11548
|
item,
|
|
@@ -11556,20 +11562,20 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
|
|
|
11556
11562
|
};
|
|
11557
11563
|
}
|
|
11558
11564
|
});
|
|
11559
|
-
const _hoisted_1$
|
|
11560
|
-
const _hoisted_2$
|
|
11565
|
+
const _hoisted_1$J = { class: "lupa-facet-label-text" };
|
|
11566
|
+
const _hoisted_2$t = {
|
|
11561
11567
|
key: 0,
|
|
11562
11568
|
class: "lupa-facet-content",
|
|
11563
11569
|
"data-cy": "lupa-facet-content"
|
|
11564
11570
|
};
|
|
11565
11571
|
const __default__$2 = {
|
|
11566
11572
|
components: {
|
|
11567
|
-
TermFacet: _sfc_main$
|
|
11568
|
-
StatsFacet: _sfc_main$
|
|
11569
|
-
HierarchyFacet: _sfc_main$
|
|
11573
|
+
TermFacet: _sfc_main$Q,
|
|
11574
|
+
StatsFacet: _sfc_main$P,
|
|
11575
|
+
HierarchyFacet: _sfc_main$N
|
|
11570
11576
|
}
|
|
11571
11577
|
};
|
|
11572
|
-
const _sfc_main$
|
|
11578
|
+
const _sfc_main$M = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$2), {
|
|
11573
11579
|
__name: "FacetDisplay",
|
|
11574
11580
|
props: {
|
|
11575
11581
|
options: {},
|
|
@@ -11680,12 +11686,12 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
|
|
|
11680
11686
|
"data-cy": "lupa-search-result-facet-label",
|
|
11681
11687
|
onClick: toggleFacet
|
|
11682
11688
|
}, [
|
|
11683
|
-
createBaseVNode("div", _hoisted_1$
|
|
11689
|
+
createBaseVNode("div", _hoisted_1$J, toDisplayString(facet.value.label), 1),
|
|
11684
11690
|
createBaseVNode("div", {
|
|
11685
11691
|
class: normalizeClass(["lupa-facet-label-caret", isOpen.value && "open"])
|
|
11686
11692
|
}, null, 2)
|
|
11687
11693
|
], 2),
|
|
11688
|
-
isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_2$
|
|
11694
|
+
isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_2$t, [
|
|
11689
11695
|
(openBlock(), createBlock(resolveDynamicComponent(facetType.value), {
|
|
11690
11696
|
facet: facet.value,
|
|
11691
11697
|
currentFilters: currentFilters.value[facet.value.key],
|
|
@@ -11703,12 +11709,12 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
|
|
|
11703
11709
|
};
|
|
11704
11710
|
}
|
|
11705
11711
|
}));
|
|
11706
|
-
const _hoisted_1$
|
|
11707
|
-
const _hoisted_2$
|
|
11712
|
+
const _hoisted_1$I = { class: "lupa-search-result-facet-section" };
|
|
11713
|
+
const _hoisted_2$s = {
|
|
11708
11714
|
key: 0,
|
|
11709
11715
|
class: "lupa-facets-title"
|
|
11710
11716
|
};
|
|
11711
|
-
const _sfc_main$
|
|
11717
|
+
const _sfc_main$L = /* @__PURE__ */ defineComponent({
|
|
11712
11718
|
__name: "FacetList",
|
|
11713
11719
|
props: {
|
|
11714
11720
|
options: {},
|
|
@@ -11742,14 +11748,14 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
|
|
|
11742
11748
|
};
|
|
11743
11749
|
return (_ctx, _cache) => {
|
|
11744
11750
|
var _a;
|
|
11745
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
11746
|
-
_ctx.options.labels.title ? (openBlock(), createElementBlock("div", _hoisted_2$
|
|
11751
|
+
return openBlock(), createElementBlock("div", _hoisted_1$I, [
|
|
11752
|
+
_ctx.options.labels.title ? (openBlock(), createElementBlock("div", _hoisted_2$s, toDisplayString(_ctx.options.labels.title), 1)) : createCommentVNode("", true),
|
|
11747
11753
|
createBaseVNode("div", {
|
|
11748
11754
|
class: normalizeClass(["lupa-search-result-facet-list", "lupa-" + ((_a = _ctx.facetStyle) != null ? _a : "")])
|
|
11749
11755
|
}, [
|
|
11750
11756
|
(openBlock(true), createElementBlock(Fragment, null, renderList(displayFacets.value, (facet) => {
|
|
11751
11757
|
var _a2;
|
|
11752
|
-
return openBlock(), createBlock(_sfc_main$
|
|
11758
|
+
return openBlock(), createBlock(_sfc_main$M, {
|
|
11753
11759
|
key: facet.key,
|
|
11754
11760
|
facet,
|
|
11755
11761
|
currentFilters: currentFiltersValue.value,
|
|
@@ -11764,8 +11770,8 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
|
|
|
11764
11770
|
};
|
|
11765
11771
|
}
|
|
11766
11772
|
});
|
|
11767
|
-
const _hoisted_1$
|
|
11768
|
-
const _sfc_main$
|
|
11773
|
+
const _hoisted_1$H = { class: "lupa-search-result-facets" };
|
|
11774
|
+
const _sfc_main$K = /* @__PURE__ */ defineComponent({
|
|
11769
11775
|
__name: "Facets",
|
|
11770
11776
|
props: {
|
|
11771
11777
|
options: {},
|
|
@@ -11811,8 +11817,8 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
|
|
|
11811
11817
|
paramStore.removeParameters({ paramsToRemove: [param] });
|
|
11812
11818
|
};
|
|
11813
11819
|
return (_ctx, _cache) => {
|
|
11814
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
11815
|
-
regularFacets.value ? (openBlock(), createBlock(_sfc_main$
|
|
11820
|
+
return openBlock(), createElementBlock("div", _hoisted_1$H, [
|
|
11821
|
+
regularFacets.value ? (openBlock(), createBlock(_sfc_main$L, {
|
|
11816
11822
|
key: 0,
|
|
11817
11823
|
options: _ctx.options,
|
|
11818
11824
|
facets: regularFacets.value,
|
|
@@ -11826,11 +11832,11 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
|
|
|
11826
11832
|
};
|
|
11827
11833
|
}
|
|
11828
11834
|
});
|
|
11829
|
-
const _hoisted_1$
|
|
11835
|
+
const _hoisted_1$G = {
|
|
11830
11836
|
id: "lupa-search-result-filters",
|
|
11831
11837
|
class: "lupa-search-result-filters"
|
|
11832
11838
|
};
|
|
11833
|
-
const _sfc_main$
|
|
11839
|
+
const _sfc_main$J = /* @__PURE__ */ defineComponent({
|
|
11834
11840
|
__name: "SearchResultsFilters",
|
|
11835
11841
|
props: {
|
|
11836
11842
|
options: {},
|
|
@@ -11859,19 +11865,19 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
|
|
|
11859
11865
|
__expose({ fetch: fetch2 });
|
|
11860
11866
|
return (_ctx, _cache) => {
|
|
11861
11867
|
var _a;
|
|
11862
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
11863
|
-
showCurrentFilters.value ? (openBlock(), createBlock(_sfc_main$
|
|
11868
|
+
return openBlock(), createElementBlock("div", _hoisted_1$G, [
|
|
11869
|
+
showCurrentFilters.value ? (openBlock(), createBlock(_sfc_main$T, {
|
|
11864
11870
|
key: 0,
|
|
11865
11871
|
options: _ctx.options.currentFilters,
|
|
11866
11872
|
expandable: (_a = _ctx.expandable) != null ? _a : false
|
|
11867
11873
|
}, null, 8, ["options", "expandable"])) : createCommentVNode("", true),
|
|
11868
|
-
_ctx.options.categories ? (openBlock(), createBlock(_sfc_main$
|
|
11874
|
+
_ctx.options.categories ? (openBlock(), createBlock(_sfc_main$R, {
|
|
11869
11875
|
key: 1,
|
|
11870
11876
|
options: _ctx.options.categories,
|
|
11871
11877
|
ref_key: "categoryFilters",
|
|
11872
11878
|
ref: categoryFilters
|
|
11873
11879
|
}, null, 8, ["options"])) : createCommentVNode("", true),
|
|
11874
|
-
_ctx.options.facets ? (openBlock(), createBlock(_sfc_main$
|
|
11880
|
+
_ctx.options.facets ? (openBlock(), createBlock(_sfc_main$K, {
|
|
11875
11881
|
key: 2,
|
|
11876
11882
|
options: _ctx.options.facets
|
|
11877
11883
|
}, null, 8, ["options"])) : createCommentVNode("", true)
|
|
@@ -11879,20 +11885,20 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
|
|
|
11879
11885
|
};
|
|
11880
11886
|
}
|
|
11881
11887
|
});
|
|
11882
|
-
const _hoisted_1$
|
|
11888
|
+
const _hoisted_1$F = {
|
|
11883
11889
|
key: 0,
|
|
11884
11890
|
class: "lupa-mobile-filter-sidebar"
|
|
11885
11891
|
};
|
|
11886
|
-
const _hoisted_2$
|
|
11887
|
-
const _hoisted_3$
|
|
11888
|
-
const _hoisted_4$
|
|
11889
|
-
const _hoisted_5$
|
|
11890
|
-
const _hoisted_6$
|
|
11892
|
+
const _hoisted_2$r = ["onClick"];
|
|
11893
|
+
const _hoisted_3$l = { class: "lupa-mobile-sidebar-content" };
|
|
11894
|
+
const _hoisted_4$f = { class: "lupa-sidebar-top" };
|
|
11895
|
+
const _hoisted_5$8 = { class: "lupa-sidebar-title" };
|
|
11896
|
+
const _hoisted_6$5 = {
|
|
11891
11897
|
key: 0,
|
|
11892
11898
|
class: "lupa-sidebar-filter-count"
|
|
11893
11899
|
};
|
|
11894
|
-
const _hoisted_7$
|
|
11895
|
-
const _sfc_main$
|
|
11900
|
+
const _hoisted_7$4 = { class: "lupa-sidebar-filter-options" };
|
|
11901
|
+
const _sfc_main$I = /* @__PURE__ */ defineComponent({
|
|
11896
11902
|
__name: "MobileFilterSidebar",
|
|
11897
11903
|
props: {
|
|
11898
11904
|
options: {}
|
|
@@ -11918,24 +11924,24 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
|
|
|
11918
11924
|
searchResultStore.setSidebarState({ visible: false });
|
|
11919
11925
|
};
|
|
11920
11926
|
return (_ctx, _cache) => {
|
|
11921
|
-
return isMobileSidebarVisible.value ? (openBlock(), createElementBlock("div", _hoisted_1$
|
|
11927
|
+
return isMobileSidebarVisible.value ? (openBlock(), createElementBlock("div", _hoisted_1$F, [
|
|
11922
11928
|
createBaseVNode("div", {
|
|
11923
11929
|
class: "lupa-sidebar-close",
|
|
11924
11930
|
onClick: withModifiers(handleMobileToggle, ["stop"])
|
|
11925
|
-
}, null, 8, _hoisted_2$
|
|
11926
|
-
createBaseVNode("div", _hoisted_3$
|
|
11927
|
-
createBaseVNode("div", _hoisted_4$
|
|
11928
|
-
createBaseVNode("div", _hoisted_5$
|
|
11931
|
+
}, null, 8, _hoisted_2$r),
|
|
11932
|
+
createBaseVNode("div", _hoisted_3$l, [
|
|
11933
|
+
createBaseVNode("div", _hoisted_4$f, [
|
|
11934
|
+
createBaseVNode("div", _hoisted_5$8, [
|
|
11929
11935
|
createTextVNode(toDisplayString(sidebarTitle.value) + " ", 1),
|
|
11930
|
-
isFilterCountVisible.value ? (openBlock(), createElementBlock("span", _hoisted_6$
|
|
11936
|
+
isFilterCountVisible.value ? (openBlock(), createElementBlock("span", _hoisted_6$5, toDisplayString(unref(currentFilterCount)), 1)) : createCommentVNode("", true)
|
|
11931
11937
|
]),
|
|
11932
11938
|
createBaseVNode("div", {
|
|
11933
11939
|
class: "lupa-filter-toggle-mobile",
|
|
11934
11940
|
onClick: handleMobileToggle
|
|
11935
11941
|
})
|
|
11936
11942
|
]),
|
|
11937
|
-
createBaseVNode("div", _hoisted_7$
|
|
11938
|
-
createVNode(_sfc_main$
|
|
11943
|
+
createBaseVNode("div", _hoisted_7$4, [
|
|
11944
|
+
createVNode(_sfc_main$J, {
|
|
11939
11945
|
options: _ctx.options,
|
|
11940
11946
|
expandable: isActiveFiltersExpanded.value
|
|
11941
11947
|
}, null, 8, ["options", "expandable"])
|
|
@@ -11945,14 +11951,14 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
|
|
|
11945
11951
|
};
|
|
11946
11952
|
}
|
|
11947
11953
|
});
|
|
11948
|
-
const _hoisted_1$
|
|
11949
|
-
const _hoisted_2$
|
|
11950
|
-
const _hoisted_3$
|
|
11954
|
+
const _hoisted_1$E = { id: "lupa-search-results-breadcrumbs" };
|
|
11955
|
+
const _hoisted_2$q = ["href", "onClick"];
|
|
11956
|
+
const _hoisted_3$k = {
|
|
11951
11957
|
key: 1,
|
|
11952
11958
|
class: "lupa-search-results-breadcrumb-text"
|
|
11953
11959
|
};
|
|
11954
|
-
const _hoisted_4$
|
|
11955
|
-
const _sfc_main$
|
|
11960
|
+
const _hoisted_4$e = { key: 2 };
|
|
11961
|
+
const _sfc_main$H = /* @__PURE__ */ defineComponent({
|
|
11956
11962
|
__name: "SearchResultsBreadcrumbs",
|
|
11957
11963
|
props: {
|
|
11958
11964
|
breadcrumbs: {}
|
|
@@ -11977,7 +11983,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
|
|
|
11977
11983
|
handleRoutingEvent(link, event, hasEventRouting.value);
|
|
11978
11984
|
};
|
|
11979
11985
|
return (_ctx, _cache) => {
|
|
11980
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
11986
|
+
return openBlock(), createElementBlock("div", _hoisted_1$E, [
|
|
11981
11987
|
(openBlock(true), createElementBlock(Fragment, null, renderList(breadcrumbsValue.value, (breadcrumb, index) => {
|
|
11982
11988
|
return openBlock(), createElementBlock("span", {
|
|
11983
11989
|
class: "lupa-search-results-breadcrumb",
|
|
@@ -11991,19 +11997,19 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
|
|
|
11991
11997
|
var _a;
|
|
11992
11998
|
return handleNavigation(e, (_a = breadcrumb == null ? void 0 : breadcrumb.link) != null ? _a : "");
|
|
11993
11999
|
}
|
|
11994
|
-
}, toDisplayString(getLabel(breadcrumb.label)), 9, _hoisted_2$
|
|
11995
|
-
index < breadcrumbsValue.value.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_4$
|
|
12000
|
+
}, toDisplayString(getLabel(breadcrumb.label)), 9, _hoisted_2$q)) : (openBlock(), createElementBlock("span", _hoisted_3$k, toDisplayString(getLabel(breadcrumb.label)), 1)),
|
|
12001
|
+
index < breadcrumbsValue.value.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_4$e, " / ")) : createCommentVNode("", true)
|
|
11996
12002
|
]);
|
|
11997
12003
|
}), 128))
|
|
11998
12004
|
]);
|
|
11999
12005
|
};
|
|
12000
12006
|
}
|
|
12001
12007
|
});
|
|
12002
|
-
const _hoisted_1$
|
|
12008
|
+
const _hoisted_1$D = {
|
|
12003
12009
|
id: "lupa-search-result-filters",
|
|
12004
12010
|
class: "lupa-search-result-filters"
|
|
12005
12011
|
};
|
|
12006
|
-
const _sfc_main$
|
|
12012
|
+
const _sfc_main$G = /* @__PURE__ */ defineComponent({
|
|
12007
12013
|
__name: "FiltersTopDropdown",
|
|
12008
12014
|
props: {
|
|
12009
12015
|
options: {}
|
|
@@ -12011,8 +12017,8 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
|
|
|
12011
12017
|
setup(__props) {
|
|
12012
12018
|
return (_ctx, _cache) => {
|
|
12013
12019
|
var _a;
|
|
12014
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
12015
|
-
_ctx.options.facets ? (openBlock(), createBlock(_sfc_main$
|
|
12020
|
+
return openBlock(), createElementBlock("div", _hoisted_1$D, [
|
|
12021
|
+
_ctx.options.facets ? (openBlock(), createBlock(_sfc_main$K, {
|
|
12016
12022
|
key: 0,
|
|
12017
12023
|
options: _ctx.options.facets,
|
|
12018
12024
|
"facet-style": (_a = _ctx.options.facets.style) == null ? void 0 : _a.type,
|
|
@@ -12022,8 +12028,8 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
|
|
|
12022
12028
|
};
|
|
12023
12029
|
}
|
|
12024
12030
|
});
|
|
12025
|
-
const _hoisted_1$
|
|
12026
|
-
const _sfc_main$
|
|
12031
|
+
const _hoisted_1$C = { id: "lupa-search-results-layout-selection" };
|
|
12032
|
+
const _sfc_main$F = /* @__PURE__ */ defineComponent({
|
|
12027
12033
|
__name: "SearchResultsLayoutSelection",
|
|
12028
12034
|
setup(__props) {
|
|
12029
12035
|
const searchResultStore = useSearchResultStore();
|
|
@@ -12034,7 +12040,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
|
|
|
12034
12040
|
searchResultStore.setLayout(layout2);
|
|
12035
12041
|
};
|
|
12036
12042
|
return (_ctx, _cache) => {
|
|
12037
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
12043
|
+
return openBlock(), createElementBlock("div", _hoisted_1$C, [
|
|
12038
12044
|
createBaseVNode("div", {
|
|
12039
12045
|
class: normalizeClass([
|
|
12040
12046
|
"lupa-layout-selection-grid",
|
|
@@ -12056,11 +12062,11 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
|
|
|
12056
12062
|
};
|
|
12057
12063
|
}
|
|
12058
12064
|
});
|
|
12059
|
-
const _hoisted_1$
|
|
12065
|
+
const _hoisted_1$B = {
|
|
12060
12066
|
key: 0,
|
|
12061
12067
|
class: "lupa-mobile-toggle-filter-count"
|
|
12062
12068
|
};
|
|
12063
|
-
const _sfc_main$
|
|
12069
|
+
const _sfc_main$E = /* @__PURE__ */ defineComponent({
|
|
12064
12070
|
__name: "SearchResultsMobileToggle",
|
|
12065
12071
|
props: {
|
|
12066
12072
|
label: {},
|
|
@@ -12078,26 +12084,26 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
|
|
|
12078
12084
|
onClick: handleMobileToggle
|
|
12079
12085
|
}, [
|
|
12080
12086
|
createTextVNode(toDisplayString(_ctx.label) + " ", 1),
|
|
12081
|
-
_ctx.showFilterCount && unref(currentFilterCount) > 0 ? (openBlock(), createElementBlock("span", _hoisted_1$
|
|
12087
|
+
_ctx.showFilterCount && unref(currentFilterCount) > 0 ? (openBlock(), createElementBlock("span", _hoisted_1$B, toDisplayString(unref(currentFilterCount)), 1)) : createCommentVNode("", true)
|
|
12082
12088
|
], 2);
|
|
12083
12089
|
};
|
|
12084
12090
|
}
|
|
12085
12091
|
});
|
|
12086
|
-
const _hoisted_1$
|
|
12092
|
+
const _hoisted_1$A = {
|
|
12087
12093
|
key: 0,
|
|
12088
12094
|
id: "lupa-search-results-page-select",
|
|
12089
12095
|
"data-cy": "lupa-search-results-page-select"
|
|
12090
12096
|
};
|
|
12091
|
-
const _hoisted_2$
|
|
12097
|
+
const _hoisted_2$p = {
|
|
12092
12098
|
key: 0,
|
|
12093
12099
|
class: "lupa-page-number-separator"
|
|
12094
12100
|
};
|
|
12095
|
-
const _hoisted_3$
|
|
12096
|
-
const _hoisted_4$
|
|
12101
|
+
const _hoisted_3$j = ["onClick"];
|
|
12102
|
+
const _hoisted_4$d = {
|
|
12097
12103
|
key: 0,
|
|
12098
12104
|
class: "lupa-page-number-separator"
|
|
12099
12105
|
};
|
|
12100
|
-
const _sfc_main$
|
|
12106
|
+
const _sfc_main$D = /* @__PURE__ */ defineComponent({
|
|
12101
12107
|
__name: "SearchResultsPageSelect",
|
|
12102
12108
|
props: {
|
|
12103
12109
|
lastPageLabel: {},
|
|
@@ -12159,7 +12165,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
|
|
|
12159
12165
|
}
|
|
12160
12166
|
};
|
|
12161
12167
|
return (_ctx, _cache) => {
|
|
12162
|
-
return showPagination.value ? (openBlock(), createElementBlock("div", _hoisted_1$
|
|
12168
|
+
return showPagination.value ? (openBlock(), createElementBlock("div", _hoisted_1$A, [
|
|
12163
12169
|
showBack.value ? (openBlock(), createElementBlock("div", {
|
|
12164
12170
|
key: 0,
|
|
12165
12171
|
class: normalizeClass(firstPageLabel.value === "<" ? "lupa-page-arrow" : "lupa-show-less"),
|
|
@@ -12170,7 +12176,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
|
|
|
12170
12176
|
class: "lupa-page-number lupa-page-number-first",
|
|
12171
12177
|
onClick: _cache[1] || (_cache[1] = () => handlePageChange(1))
|
|
12172
12178
|
}, " 1 "),
|
|
12173
|
-
showFirstPageSeparator.value ? (openBlock(), createElementBlock("div", _hoisted_2$
|
|
12179
|
+
showFirstPageSeparator.value ? (openBlock(), createElementBlock("div", _hoisted_2$p, "...")) : createCommentVNode("", true)
|
|
12174
12180
|
], 64)) : createCommentVNode("", true),
|
|
12175
12181
|
(openBlock(true), createElementBlock(Fragment, null, renderList(pages.value, (page) => {
|
|
12176
12182
|
return openBlock(), createElementBlock("div", {
|
|
@@ -12181,10 +12187,10 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
|
|
|
12181
12187
|
page === _ctx.options.selectedPage ? "lupa-page-number-selected" : ""
|
|
12182
12188
|
]),
|
|
12183
12189
|
"data-cy": "lupa-page-number"
|
|
12184
|
-
}, toDisplayString(page), 11, _hoisted_3$
|
|
12190
|
+
}, toDisplayString(page), 11, _hoisted_3$j);
|
|
12185
12191
|
}), 128)),
|
|
12186
12192
|
showLastPage.value ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
|
|
12187
|
-
showLastPageSeparator.value ? (openBlock(), createElementBlock("div", _hoisted_4$
|
|
12193
|
+
showLastPageSeparator.value ? (openBlock(), createElementBlock("div", _hoisted_4$d, "...")) : createCommentVNode("", true),
|
|
12188
12194
|
createBaseVNode("div", {
|
|
12189
12195
|
class: "lupa-page-number lupa-page-number-last",
|
|
12190
12196
|
onClick: _cache[2] || (_cache[2] = () => {
|
|
@@ -12203,13 +12209,13 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
|
|
|
12203
12209
|
};
|
|
12204
12210
|
}
|
|
12205
12211
|
});
|
|
12206
|
-
const _hoisted_1$
|
|
12212
|
+
const _hoisted_1$z = {
|
|
12207
12213
|
id: "lupa-search-results-page-size",
|
|
12208
12214
|
"data-cy": "lupa-search-results-page-size"
|
|
12209
12215
|
};
|
|
12210
|
-
const _hoisted_2$
|
|
12211
|
-
const _hoisted_3$
|
|
12212
|
-
const _sfc_main$
|
|
12216
|
+
const _hoisted_2$o = { id: "lupa-select" };
|
|
12217
|
+
const _hoisted_3$i = { class: "lupa-select-label" };
|
|
12218
|
+
const _sfc_main$C = /* @__PURE__ */ defineComponent({
|
|
12213
12219
|
__name: "SearchResultsPageSize",
|
|
12214
12220
|
props: {
|
|
12215
12221
|
label: {},
|
|
@@ -12226,9 +12232,9 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
|
|
|
12226
12232
|
});
|
|
12227
12233
|
};
|
|
12228
12234
|
return (_ctx, _cache) => {
|
|
12229
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
12230
|
-
createBaseVNode("div", _hoisted_2$
|
|
12231
|
-
createBaseVNode("label", _hoisted_3$
|
|
12235
|
+
return openBlock(), createElementBlock("div", _hoisted_1$z, [
|
|
12236
|
+
createBaseVNode("div", _hoisted_2$o, [
|
|
12237
|
+
createBaseVNode("label", _hoisted_3$i, toDisplayString(_ctx.label), 1),
|
|
12232
12238
|
createBaseVNode("select", {
|
|
12233
12239
|
class: "lupa-select-dropdown",
|
|
12234
12240
|
"data-cy": "lupa-page-size-select-dropdown",
|
|
@@ -12245,14 +12251,14 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
|
|
|
12245
12251
|
};
|
|
12246
12252
|
}
|
|
12247
12253
|
});
|
|
12248
|
-
const _hoisted_1$
|
|
12254
|
+
const _hoisted_1$y = {
|
|
12249
12255
|
id: "lupa-search-results-sort",
|
|
12250
12256
|
class: "lupa-search-results-sort"
|
|
12251
12257
|
};
|
|
12252
|
-
const _hoisted_2$
|
|
12253
|
-
const _hoisted_3$
|
|
12254
|
-
const _hoisted_4$
|
|
12255
|
-
const _sfc_main$
|
|
12258
|
+
const _hoisted_2$n = { id: "lupa-select" };
|
|
12259
|
+
const _hoisted_3$h = { class: "lupa-select-label" };
|
|
12260
|
+
const _hoisted_4$c = ["value"];
|
|
12261
|
+
const _sfc_main$B = /* @__PURE__ */ defineComponent({
|
|
12256
12262
|
__name: "SearchResultsSort",
|
|
12257
12263
|
props: {
|
|
12258
12264
|
options: {},
|
|
@@ -12296,9 +12302,9 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
|
|
|
12296
12302
|
});
|
|
12297
12303
|
};
|
|
12298
12304
|
return (_ctx, _cache) => {
|
|
12299
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
12300
|
-
createBaseVNode("div", _hoisted_2$
|
|
12301
|
-
createBaseVNode("label", _hoisted_3$
|
|
12305
|
+
return openBlock(), createElementBlock("div", _hoisted_1$y, [
|
|
12306
|
+
createBaseVNode("div", _hoisted_2$n, [
|
|
12307
|
+
createBaseVNode("label", _hoisted_3$h, toDisplayString(_ctx.options.label), 1),
|
|
12302
12308
|
withDirectives(createBaseVNode("select", {
|
|
12303
12309
|
class: "lupa-select-dropdown",
|
|
12304
12310
|
"data-cy": "lupa-sort-select-dropdown",
|
|
@@ -12310,7 +12316,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
|
|
|
12310
12316
|
return openBlock(), createElementBlock("option", {
|
|
12311
12317
|
key: option.key,
|
|
12312
12318
|
value: option.key
|
|
12313
|
-
}, toDisplayString(option.label), 9, _hoisted_4$
|
|
12319
|
+
}, toDisplayString(option.label), 9, _hoisted_4$c);
|
|
12314
12320
|
}), 128))
|
|
12315
12321
|
], 544), [
|
|
12316
12322
|
[vModelSelect, selectedKey.value]
|
|
@@ -12320,14 +12326,14 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
|
|
|
12320
12326
|
};
|
|
12321
12327
|
}
|
|
12322
12328
|
});
|
|
12323
|
-
const _hoisted_1$
|
|
12324
|
-
const _hoisted_2$
|
|
12325
|
-
const _hoisted_3$
|
|
12326
|
-
const _hoisted_4$
|
|
12327
|
-
const _hoisted_5$
|
|
12328
|
-
const _hoisted_6$
|
|
12329
|
-
const _hoisted_7$
|
|
12330
|
-
const _sfc_main$
|
|
12329
|
+
const _hoisted_1$x = { class: "lupa-toolbar-left" };
|
|
12330
|
+
const _hoisted_2$m = { key: 1 };
|
|
12331
|
+
const _hoisted_3$g = { key: 3 };
|
|
12332
|
+
const _hoisted_4$b = { key: 5 };
|
|
12333
|
+
const _hoisted_5$7 = { class: "lupa-toolbar-right" };
|
|
12334
|
+
const _hoisted_6$4 = { key: 1 };
|
|
12335
|
+
const _hoisted_7$3 = { key: 3 };
|
|
12336
|
+
const _sfc_main$A = /* @__PURE__ */ defineComponent({
|
|
12331
12337
|
__name: "SearchResultsToolbar",
|
|
12332
12338
|
props: {
|
|
12333
12339
|
options: {},
|
|
@@ -12426,49 +12432,49 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
|
|
|
12426
12432
|
id: "lupa-search-results-toolbar",
|
|
12427
12433
|
class: normalizeClass({ "lupa-filter-no-results": !hasResults.value })
|
|
12428
12434
|
}, [
|
|
12429
|
-
createBaseVNode("div", _hoisted_1$
|
|
12430
|
-
showLayoutSelection.value ? (openBlock(), createBlock(_sfc_main$
|
|
12431
|
-
showItemSummary.value ? (openBlock(), createBlock(_sfc_main$
|
|
12435
|
+
createBaseVNode("div", _hoisted_1$x, [
|
|
12436
|
+
showLayoutSelection.value ? (openBlock(), createBlock(_sfc_main$F, { key: 0 })) : (openBlock(), createElementBlock("div", _hoisted_2$m)),
|
|
12437
|
+
showItemSummary.value ? (openBlock(), createBlock(_sfc_main$W, {
|
|
12432
12438
|
key: 2,
|
|
12433
12439
|
label: searchSummaryLabel.value,
|
|
12434
12440
|
clearable: unref(hasAnyFilter) && showFilterClear.value,
|
|
12435
12441
|
onClear: handleClearAll
|
|
12436
|
-
}, null, 8, ["label", "clearable"])) : (openBlock(), createElementBlock("div", _hoisted_3$
|
|
12437
|
-
displayPageSelect.value ? (openBlock(), createBlock(_sfc_main$
|
|
12442
|
+
}, null, 8, ["label", "clearable"])) : (openBlock(), createElementBlock("div", _hoisted_3$g)),
|
|
12443
|
+
displayPageSelect.value ? (openBlock(), createBlock(_sfc_main$D, {
|
|
12438
12444
|
key: 4,
|
|
12439
12445
|
options: paginationOptions.value.pageSelect,
|
|
12440
12446
|
"last-page-label": paginationOptions.value.labels.showMore,
|
|
12441
12447
|
"first-page-label": paginationOptions.value.labels.showLess
|
|
12442
|
-
}, null, 8, ["options", "last-page-label", "first-page-label"])) : (openBlock(), createElementBlock("div", _hoisted_4$
|
|
12448
|
+
}, null, 8, ["options", "last-page-label", "first-page-label"])) : (openBlock(), createElementBlock("div", _hoisted_4$b))
|
|
12443
12449
|
]),
|
|
12444
|
-
createBaseVNode("div", _hoisted_5$
|
|
12445
|
-
createVNode(_sfc_main$
|
|
12450
|
+
createBaseVNode("div", _hoisted_5$7, [
|
|
12451
|
+
createVNode(_sfc_main$E, {
|
|
12446
12452
|
label: optionsValue.value.labels.mobileFilterButton,
|
|
12447
12453
|
"show-filter-count": showMobileFilterCount.value
|
|
12448
12454
|
}, null, 8, ["label", "show-filter-count"]),
|
|
12449
|
-
paginationDisplay.value.pageSize ? (openBlock(), createBlock(_sfc_main$
|
|
12455
|
+
paginationDisplay.value.pageSize ? (openBlock(), createBlock(_sfc_main$C, {
|
|
12450
12456
|
key: 0,
|
|
12451
12457
|
options: paginationOptions.value.pageSize,
|
|
12452
12458
|
label: paginationOptions.value.labels.pageSize
|
|
12453
|
-
}, null, 8, ["options", "label"])) : (openBlock(), createElementBlock("div", _hoisted_6$
|
|
12454
|
-
sortOptions.value ? (openBlock(), createBlock(_sfc_main$
|
|
12459
|
+
}, null, 8, ["options", "label"])) : (openBlock(), createElementBlock("div", _hoisted_6$4)),
|
|
12460
|
+
sortOptions.value ? (openBlock(), createBlock(_sfc_main$B, {
|
|
12455
12461
|
key: 2,
|
|
12456
12462
|
options: sortOptions.value,
|
|
12457
12463
|
callbacks: callbacks.value
|
|
12458
|
-
}, null, 8, ["options", "callbacks"])) : (openBlock(), createElementBlock("div", _hoisted_7$
|
|
12464
|
+
}, null, 8, ["options", "callbacks"])) : (openBlock(), createElementBlock("div", _hoisted_7$3))
|
|
12459
12465
|
])
|
|
12460
12466
|
], 2);
|
|
12461
12467
|
};
|
|
12462
12468
|
}
|
|
12463
12469
|
});
|
|
12464
|
-
const _hoisted_1$
|
|
12465
|
-
const _hoisted_2$
|
|
12466
|
-
const _hoisted_3$
|
|
12467
|
-
const _hoisted_4$
|
|
12470
|
+
const _hoisted_1$w = { class: "lupa-badge-title" };
|
|
12471
|
+
const _hoisted_2$l = ["src"];
|
|
12472
|
+
const _hoisted_3$f = { key: 1 };
|
|
12473
|
+
const _hoisted_4$a = {
|
|
12468
12474
|
key: 0,
|
|
12469
12475
|
class: "lupa-badge-full-text"
|
|
12470
12476
|
};
|
|
12471
|
-
const _sfc_main$
|
|
12477
|
+
const _sfc_main$z = /* @__PURE__ */ defineComponent({
|
|
12472
12478
|
__name: "SearchResultGeneratedBadge",
|
|
12473
12479
|
props: {
|
|
12474
12480
|
options: {},
|
|
@@ -12501,20 +12507,20 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
|
|
|
12501
12507
|
class: normalizeClass(["lupa-dynamic-badge", customClassName.value]),
|
|
12502
12508
|
style: normalizeStyle({ background: _ctx.badge.backgroundColor, color: _ctx.badge.color })
|
|
12503
12509
|
}, [
|
|
12504
|
-
createBaseVNode("span", _hoisted_1$
|
|
12510
|
+
createBaseVNode("span", _hoisted_1$w, [
|
|
12505
12511
|
image.value ? (openBlock(), createElementBlock("img", {
|
|
12506
12512
|
key: 0,
|
|
12507
12513
|
src: image.value
|
|
12508
|
-
}, null, 8, _hoisted_2$
|
|
12509
|
-
hasTitleText.value && showTitle.value ? (openBlock(), createElementBlock("span", _hoisted_3$
|
|
12514
|
+
}, null, 8, _hoisted_2$l)) : createCommentVNode("", true),
|
|
12515
|
+
hasTitleText.value && showTitle.value ? (openBlock(), createElementBlock("span", _hoisted_3$f, toDisplayString(_ctx.badge.titleText), 1)) : createCommentVNode("", true)
|
|
12510
12516
|
]),
|
|
12511
|
-
hasAdditionalText.value ? (openBlock(), createElementBlock("span", _hoisted_4$
|
|
12517
|
+
hasAdditionalText.value ? (openBlock(), createElementBlock("span", _hoisted_4$a, toDisplayString(_ctx.badge.additionalText), 1)) : createCommentVNode("", true)
|
|
12512
12518
|
], 6);
|
|
12513
12519
|
};
|
|
12514
12520
|
}
|
|
12515
12521
|
});
|
|
12516
|
-
const _hoisted_1$
|
|
12517
|
-
const _sfc_main$
|
|
12522
|
+
const _hoisted_1$v = { class: "lupa-generated-badges" };
|
|
12523
|
+
const _sfc_main$y = /* @__PURE__ */ defineComponent({
|
|
12518
12524
|
__name: "SearchResultGeneratedBadges",
|
|
12519
12525
|
props: {
|
|
12520
12526
|
options: {}
|
|
@@ -12540,9 +12546,9 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
|
|
|
12540
12546
|
})).filter((b) => Boolean(b.id));
|
|
12541
12547
|
});
|
|
12542
12548
|
return (_ctx, _cache) => {
|
|
12543
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
12549
|
+
return openBlock(), createElementBlock("div", _hoisted_1$v, [
|
|
12544
12550
|
(openBlock(true), createElementBlock(Fragment, null, renderList(badges.value, (badge) => {
|
|
12545
|
-
return openBlock(), createBlock(_sfc_main$
|
|
12551
|
+
return openBlock(), createBlock(_sfc_main$z, {
|
|
12546
12552
|
key: badge.id,
|
|
12547
12553
|
badge,
|
|
12548
12554
|
options: _ctx.options
|
|
@@ -12552,8 +12558,8 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
|
|
|
12552
12558
|
};
|
|
12553
12559
|
}
|
|
12554
12560
|
});
|
|
12555
|
-
const _hoisted_1$
|
|
12556
|
-
const _sfc_main$
|
|
12561
|
+
const _hoisted_1$u = ["innerHTML"];
|
|
12562
|
+
const _sfc_main$x = /* @__PURE__ */ defineComponent({
|
|
12557
12563
|
__name: "CustomBadge",
|
|
12558
12564
|
props: {
|
|
12559
12565
|
badge: {}
|
|
@@ -12572,12 +12578,12 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
|
|
|
12572
12578
|
return openBlock(), createElementBlock("div", {
|
|
12573
12579
|
class: normalizeClass(className.value),
|
|
12574
12580
|
innerHTML: text.value
|
|
12575
|
-
}, null, 10, _hoisted_1$
|
|
12581
|
+
}, null, 10, _hoisted_1$u);
|
|
12576
12582
|
};
|
|
12577
12583
|
}
|
|
12578
12584
|
});
|
|
12579
|
-
const _hoisted_1$
|
|
12580
|
-
const _sfc_main$
|
|
12585
|
+
const _hoisted_1$t = { class: "lupa-text-badges" };
|
|
12586
|
+
const _sfc_main$w = /* @__PURE__ */ defineComponent({
|
|
12581
12587
|
__name: "TextBadge",
|
|
12582
12588
|
props: {
|
|
12583
12589
|
badge: {}
|
|
@@ -12592,7 +12598,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
|
|
|
12592
12598
|
return badges.value.slice(0, props.badge.maxItems);
|
|
12593
12599
|
});
|
|
12594
12600
|
return (_ctx, _cache) => {
|
|
12595
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
12601
|
+
return openBlock(), createElementBlock("div", _hoisted_1$t, [
|
|
12596
12602
|
(openBlock(true), createElementBlock(Fragment, null, renderList(displayBadges.value, (item) => {
|
|
12597
12603
|
return openBlock(), createElementBlock("div", {
|
|
12598
12604
|
class: "lupa-badge lupa-text-badge",
|
|
@@ -12603,9 +12609,9 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
|
|
|
12603
12609
|
};
|
|
12604
12610
|
}
|
|
12605
12611
|
});
|
|
12606
|
-
const _hoisted_1$
|
|
12607
|
-
const _hoisted_2$
|
|
12608
|
-
const _sfc_main$
|
|
12612
|
+
const _hoisted_1$s = { class: "lupa-image-badges" };
|
|
12613
|
+
const _hoisted_2$k = ["src"];
|
|
12614
|
+
const _sfc_main$v = /* @__PURE__ */ defineComponent({
|
|
12609
12615
|
__name: "ImageBadge",
|
|
12610
12616
|
props: {
|
|
12611
12617
|
badge: {}
|
|
@@ -12625,7 +12631,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
|
|
|
12625
12631
|
return `${props.badge.rootImageUrl}${src}`;
|
|
12626
12632
|
};
|
|
12627
12633
|
return (_ctx, _cache) => {
|
|
12628
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
12634
|
+
return openBlock(), createElementBlock("div", _hoisted_1$s, [
|
|
12629
12635
|
(openBlock(true), createElementBlock(Fragment, null, renderList(displayBadges.value, (item) => {
|
|
12630
12636
|
return openBlock(), createElementBlock("div", {
|
|
12631
12637
|
class: "lupa-badge lupa-image-badge",
|
|
@@ -12633,22 +12639,22 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
|
|
|
12633
12639
|
}, [
|
|
12634
12640
|
createBaseVNode("img", {
|
|
12635
12641
|
src: getImageUrl(item)
|
|
12636
|
-
}, null, 8, _hoisted_2$
|
|
12642
|
+
}, null, 8, _hoisted_2$k)
|
|
12637
12643
|
]);
|
|
12638
12644
|
}), 128))
|
|
12639
12645
|
]);
|
|
12640
12646
|
};
|
|
12641
12647
|
}
|
|
12642
12648
|
});
|
|
12643
|
-
const _hoisted_1$
|
|
12649
|
+
const _hoisted_1$r = { id: "lupa-search-results-badges" };
|
|
12644
12650
|
const __default__$1 = {
|
|
12645
12651
|
components: {
|
|
12646
|
-
CustomBadge: _sfc_main$
|
|
12647
|
-
TextBadge: _sfc_main$
|
|
12648
|
-
ImageBadge: _sfc_main$
|
|
12652
|
+
CustomBadge: _sfc_main$x,
|
|
12653
|
+
TextBadge: _sfc_main$w,
|
|
12654
|
+
ImageBadge: _sfc_main$v
|
|
12649
12655
|
}
|
|
12650
12656
|
};
|
|
12651
|
-
const _sfc_main$
|
|
12657
|
+
const _sfc_main$u = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$1), {
|
|
12652
12658
|
__name: "SearchResultsBadgeWrapper",
|
|
12653
12659
|
props: {
|
|
12654
12660
|
position: {},
|
|
@@ -12694,7 +12700,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
|
|
|
12694
12700
|
}
|
|
12695
12701
|
};
|
|
12696
12702
|
return (_ctx, _cache) => {
|
|
12697
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
12703
|
+
return openBlock(), createElementBlock("div", _hoisted_1$r, [
|
|
12698
12704
|
createBaseVNode("div", {
|
|
12699
12705
|
id: "lupa-badges",
|
|
12700
12706
|
class: normalizeClass(anchorPosition.value)
|
|
@@ -12705,7 +12711,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
|
|
|
12705
12711
|
badge
|
|
12706
12712
|
}, null, 8, ["badge"]);
|
|
12707
12713
|
}), 128)),
|
|
12708
|
-
positionValue.value === "card" ? (openBlock(), createBlock(_sfc_main$
|
|
12714
|
+
positionValue.value === "card" ? (openBlock(), createBlock(_sfc_main$y, {
|
|
12709
12715
|
key: 0,
|
|
12710
12716
|
options: _ctx.options
|
|
12711
12717
|
}, null, 8, ["options"])) : createCommentVNode("", true)
|
|
@@ -12714,7 +12720,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
|
|
|
12714
12720
|
};
|
|
12715
12721
|
}
|
|
12716
12722
|
}));
|
|
12717
|
-
const _sfc_main$
|
|
12723
|
+
const _sfc_main$t = /* @__PURE__ */ defineComponent({
|
|
12718
12724
|
__name: "SearchResultsProductImage",
|
|
12719
12725
|
props: {
|
|
12720
12726
|
item: {},
|
|
@@ -12722,7 +12728,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
|
|
|
12722
12728
|
},
|
|
12723
12729
|
setup(__props) {
|
|
12724
12730
|
return (_ctx, _cache) => {
|
|
12725
|
-
return openBlock(), createBlock(_sfc_main$
|
|
12731
|
+
return openBlock(), createBlock(_sfc_main$1a, {
|
|
12726
12732
|
item: _ctx.item,
|
|
12727
12733
|
options: _ctx.options,
|
|
12728
12734
|
"wrapper-class": "lupa-search-results-image-wrapper",
|
|
@@ -12731,14 +12737,14 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
|
|
|
12731
12737
|
};
|
|
12732
12738
|
}
|
|
12733
12739
|
});
|
|
12734
|
-
const _hoisted_1$
|
|
12735
|
-
const _hoisted_2$
|
|
12736
|
-
const _hoisted_3$
|
|
12740
|
+
const _hoisted_1$q = ["innerHTML"];
|
|
12741
|
+
const _hoisted_2$j = ["title"];
|
|
12742
|
+
const _hoisted_3$e = {
|
|
12737
12743
|
key: 0,
|
|
12738
12744
|
class: "lupa-search-results-product-title-text"
|
|
12739
12745
|
};
|
|
12740
|
-
const _hoisted_4$
|
|
12741
|
-
const _sfc_main$
|
|
12746
|
+
const _hoisted_4$9 = ["href"];
|
|
12747
|
+
const _sfc_main$s = /* @__PURE__ */ defineComponent({
|
|
12742
12748
|
__name: "SearchResultsProductTitle",
|
|
12743
12749
|
props: {
|
|
12744
12750
|
item: {},
|
|
@@ -12771,25 +12777,25 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
|
|
|
12771
12777
|
class: "lupa-search-results-product-title",
|
|
12772
12778
|
style: normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`),
|
|
12773
12779
|
innerHTML: title.value
|
|
12774
|
-
}, null, 12, _hoisted_1$
|
|
12780
|
+
}, null, 12, _hoisted_1$q)) : (openBlock(), createElementBlock("div", {
|
|
12775
12781
|
key: 1,
|
|
12776
12782
|
class: "lupa-search-results-product-title",
|
|
12777
12783
|
style: normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`),
|
|
12778
12784
|
title: title.value
|
|
12779
12785
|
}, [
|
|
12780
|
-
!_ctx.options.link ? (openBlock(), createElementBlock("span", _hoisted_3$
|
|
12786
|
+
!_ctx.options.link ? (openBlock(), createElementBlock("span", _hoisted_3$e, toDisplayString(title.value), 1)) : createCommentVNode("", true),
|
|
12781
12787
|
_ctx.options.link ? (openBlock(), createElementBlock("a", {
|
|
12782
12788
|
key: 1,
|
|
12783
12789
|
href: _ctx.link,
|
|
12784
12790
|
class: "lupa-search-results-product-title-text lupa-title-link",
|
|
12785
12791
|
onClick: handleNavigation
|
|
12786
|
-
}, toDisplayString(title.value), 9, _hoisted_4$
|
|
12787
|
-
], 12, _hoisted_2$
|
|
12792
|
+
}, toDisplayString(title.value), 9, _hoisted_4$9)) : createCommentVNode("", true)
|
|
12793
|
+
], 12, _hoisted_2$j));
|
|
12788
12794
|
};
|
|
12789
12795
|
}
|
|
12790
12796
|
});
|
|
12791
|
-
const _hoisted_1$
|
|
12792
|
-
const _sfc_main$
|
|
12797
|
+
const _hoisted_1$p = ["innerHTML"];
|
|
12798
|
+
const _sfc_main$r = /* @__PURE__ */ defineComponent({
|
|
12793
12799
|
__name: "SearchResultsProductDescription",
|
|
12794
12800
|
props: {
|
|
12795
12801
|
item: {},
|
|
@@ -12813,7 +12819,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
|
|
|
12813
12819
|
class: "lupa-search-results-product-description",
|
|
12814
12820
|
style: normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`),
|
|
12815
12821
|
innerHTML: description.value
|
|
12816
|
-
}, null, 12, _hoisted_1$
|
|
12822
|
+
}, null, 12, _hoisted_1$p)) : (openBlock(), createElementBlock("div", {
|
|
12817
12823
|
key: 1,
|
|
12818
12824
|
class: "lupa-search-results-product-description",
|
|
12819
12825
|
style: normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`)
|
|
@@ -12821,15 +12827,15 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
|
|
|
12821
12827
|
};
|
|
12822
12828
|
}
|
|
12823
12829
|
});
|
|
12824
|
-
const _hoisted_1$
|
|
12825
|
-
const _hoisted_2$
|
|
12826
|
-
const _hoisted_3$
|
|
12827
|
-
const _hoisted_4$
|
|
12828
|
-
const _hoisted_5$
|
|
12829
|
-
const _hoisted_6$
|
|
12830
|
-
const _hoisted_7$
|
|
12830
|
+
const _hoisted_1$o = { id: "lupa-search-results-rating" };
|
|
12831
|
+
const _hoisted_2$i = { class: "lupa-ratings" };
|
|
12832
|
+
const _hoisted_3$d = { class: "lupa-ratings-base" };
|
|
12833
|
+
const _hoisted_4$8 = ["innerHTML"];
|
|
12834
|
+
const _hoisted_5$6 = { class: "lupa-rating-wrapper" };
|
|
12835
|
+
const _hoisted_6$3 = ["innerHTML"];
|
|
12836
|
+
const _hoisted_7$2 = ["href"];
|
|
12831
12837
|
const STAR_COUNT = 5;
|
|
12832
|
-
const _sfc_main$
|
|
12838
|
+
const _sfc_main$q = /* @__PURE__ */ defineComponent({
|
|
12833
12839
|
__name: "SearchResultsProductRating",
|
|
12834
12840
|
props: {
|
|
12835
12841
|
item: {},
|
|
@@ -12860,18 +12866,18 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
|
|
|
12860
12866
|
return generateLink(props.options.links.ratingDetails, props.item);
|
|
12861
12867
|
});
|
|
12862
12868
|
return (_ctx, _cache) => {
|
|
12863
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
12864
|
-
createBaseVNode("div", _hoisted_2$
|
|
12865
|
-
createBaseVNode("div", _hoisted_3$
|
|
12869
|
+
return openBlock(), createElementBlock("div", _hoisted_1$o, [
|
|
12870
|
+
createBaseVNode("div", _hoisted_2$i, [
|
|
12871
|
+
createBaseVNode("div", _hoisted_3$d, [
|
|
12866
12872
|
(openBlock(true), createElementBlock(Fragment, null, renderList(baseStars.value, (star, index) => {
|
|
12867
12873
|
return openBlock(), createElementBlock("div", {
|
|
12868
12874
|
key: index,
|
|
12869
12875
|
innerHTML: star,
|
|
12870
12876
|
class: "lupa-rating lupa-rating-not-highlighted"
|
|
12871
|
-
}, null, 8, _hoisted_4$
|
|
12877
|
+
}, null, 8, _hoisted_4$8);
|
|
12872
12878
|
}), 128))
|
|
12873
12879
|
]),
|
|
12874
|
-
createBaseVNode("div", _hoisted_5$
|
|
12880
|
+
createBaseVNode("div", _hoisted_5$6, [
|
|
12875
12881
|
createBaseVNode("div", {
|
|
12876
12882
|
class: "lupa-ratings-highlighted",
|
|
12877
12883
|
style: normalizeStyle({ width: ratingPercentage.value + "%" })
|
|
@@ -12881,7 +12887,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
|
|
|
12881
12887
|
key: index,
|
|
12882
12888
|
innerHTML: star,
|
|
12883
12889
|
class: "lupa-rating lupa-rating-highlighted"
|
|
12884
|
-
}, null, 8, _hoisted_6$
|
|
12890
|
+
}, null, 8, _hoisted_6$3);
|
|
12885
12891
|
}), 128))
|
|
12886
12892
|
], 4)
|
|
12887
12893
|
])
|
|
@@ -12889,16 +12895,16 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
|
|
|
12889
12895
|
createBaseVNode("a", {
|
|
12890
12896
|
href: ratingLink.value,
|
|
12891
12897
|
class: "lupa-total-ratings"
|
|
12892
|
-
}, toDisplayString(totalRatings.value), 9, _hoisted_7$
|
|
12898
|
+
}, toDisplayString(totalRatings.value), 9, _hoisted_7$2)
|
|
12893
12899
|
]);
|
|
12894
12900
|
};
|
|
12895
12901
|
}
|
|
12896
12902
|
});
|
|
12897
|
-
const _hoisted_1$
|
|
12903
|
+
const _hoisted_1$n = {
|
|
12898
12904
|
class: "lupa-search-results-product-regular-price",
|
|
12899
12905
|
"data-cy": "lupa-search-results-product-regular-price"
|
|
12900
12906
|
};
|
|
12901
|
-
const _sfc_main$
|
|
12907
|
+
const _sfc_main$p = /* @__PURE__ */ defineComponent({
|
|
12902
12908
|
__name: "SearchResultsProductRegularPrice",
|
|
12903
12909
|
props: {
|
|
12904
12910
|
item: {},
|
|
@@ -12916,15 +12922,15 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
|
|
|
12916
12922
|
);
|
|
12917
12923
|
});
|
|
12918
12924
|
return (_ctx, _cache) => {
|
|
12919
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
12925
|
+
return openBlock(), createElementBlock("div", _hoisted_1$n, toDisplayString(price.value), 1);
|
|
12920
12926
|
};
|
|
12921
12927
|
}
|
|
12922
12928
|
});
|
|
12923
|
-
const _hoisted_1$
|
|
12929
|
+
const _hoisted_1$m = {
|
|
12924
12930
|
class: "lupa-search-results-product-price",
|
|
12925
12931
|
"data-cy": "lupa-search-results-product-price"
|
|
12926
12932
|
};
|
|
12927
|
-
const _sfc_main$
|
|
12933
|
+
const _sfc_main$o = /* @__PURE__ */ defineComponent({
|
|
12928
12934
|
__name: "SearchResultsProductPrice",
|
|
12929
12935
|
props: {
|
|
12930
12936
|
item: {},
|
|
@@ -12942,16 +12948,16 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
|
|
|
12942
12948
|
);
|
|
12943
12949
|
});
|
|
12944
12950
|
return (_ctx, _cache) => {
|
|
12945
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
12951
|
+
return openBlock(), createElementBlock("div", _hoisted_1$m, [
|
|
12946
12952
|
createBaseVNode("strong", null, toDisplayString(price.value), 1)
|
|
12947
12953
|
]);
|
|
12948
12954
|
};
|
|
12949
12955
|
}
|
|
12950
12956
|
});
|
|
12951
|
-
const _hoisted_1$
|
|
12952
|
-
const _hoisted_2$
|
|
12953
|
-
const _hoisted_3$
|
|
12954
|
-
const _sfc_main$
|
|
12957
|
+
const _hoisted_1$l = { class: "lupa-search-results-add-to-cart-wrapper" };
|
|
12958
|
+
const _hoisted_2$h = { class: "lupa-search-results-product-addtocart" };
|
|
12959
|
+
const _hoisted_3$c = ["onClick", "disabled"];
|
|
12960
|
+
const _sfc_main$n = /* @__PURE__ */ defineComponent({
|
|
12955
12961
|
__name: "SearchResultsProductAddToCart",
|
|
12956
12962
|
props: {
|
|
12957
12963
|
item: {},
|
|
@@ -12978,25 +12984,25 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
|
|
|
12978
12984
|
loading.value = false;
|
|
12979
12985
|
});
|
|
12980
12986
|
return (_ctx, _cache) => {
|
|
12981
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
12982
|
-
createBaseVNode("div", _hoisted_2$
|
|
12987
|
+
return openBlock(), createElementBlock("div", _hoisted_1$l, [
|
|
12988
|
+
createBaseVNode("div", _hoisted_2$h, [
|
|
12983
12989
|
createBaseVNode("button", {
|
|
12984
12990
|
onClick: withModifiers(handleClick, ["stop"]),
|
|
12985
12991
|
class: normalizeClass(loading.value ? "lupa-add-to-cart-loading" : "lupa-add-to-cart"),
|
|
12986
12992
|
"data-cy": "lupa-add-to-cart",
|
|
12987
12993
|
disabled: !inStockValue.value || loading.value
|
|
12988
|
-
}, toDisplayString(label.value), 11, _hoisted_3$
|
|
12994
|
+
}, toDisplayString(label.value), 11, _hoisted_3$c)
|
|
12989
12995
|
])
|
|
12990
12996
|
]);
|
|
12991
12997
|
};
|
|
12992
12998
|
}
|
|
12993
12999
|
});
|
|
12994
|
-
const _hoisted_1$
|
|
12995
|
-
const _hoisted_2$
|
|
12996
|
-
const _hoisted_3$
|
|
12997
|
-
const _hoisted_4$
|
|
12998
|
-
const _hoisted_5$
|
|
12999
|
-
const _sfc_main$
|
|
13000
|
+
const _hoisted_1$k = ["innerHTML"];
|
|
13001
|
+
const _hoisted_2$g = { key: 0 };
|
|
13002
|
+
const _hoisted_3$b = { key: 1 };
|
|
13003
|
+
const _hoisted_4$7 = { class: "lupa-search-box-custom-label" };
|
|
13004
|
+
const _hoisted_5$5 = { class: "lupa-search-box-custom-text" };
|
|
13005
|
+
const _sfc_main$m = /* @__PURE__ */ defineComponent({
|
|
13000
13006
|
__name: "SearchResultsProductCustom",
|
|
13001
13007
|
props: {
|
|
13002
13008
|
item: {},
|
|
@@ -13034,20 +13040,20 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
|
|
|
13034
13040
|
key: 0,
|
|
13035
13041
|
class: className.value,
|
|
13036
13042
|
innerHTML: text.value
|
|
13037
|
-
}, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$
|
|
13043
|
+
}, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$k)) : (openBlock(), createElementBlock("div", mergeProps({
|
|
13038
13044
|
key: 1,
|
|
13039
13045
|
class: className.value
|
|
13040
13046
|
}, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
|
|
13041
|
-
!label.value ? (openBlock(), createElementBlock("div", _hoisted_2$
|
|
13042
|
-
createBaseVNode("div", _hoisted_4$
|
|
13043
|
-
createBaseVNode("div", _hoisted_5$
|
|
13047
|
+
!label.value ? (openBlock(), createElementBlock("div", _hoisted_2$g, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$b, [
|
|
13048
|
+
createBaseVNode("div", _hoisted_4$7, toDisplayString(label.value), 1),
|
|
13049
|
+
createBaseVNode("div", _hoisted_5$5, toDisplayString(text.value), 1)
|
|
13044
13050
|
]))
|
|
13045
13051
|
], 16));
|
|
13046
13052
|
};
|
|
13047
13053
|
}
|
|
13048
13054
|
});
|
|
13049
|
-
const _hoisted_1$
|
|
13050
|
-
const _sfc_main$
|
|
13055
|
+
const _hoisted_1$j = ["innerHTML"];
|
|
13056
|
+
const _sfc_main$l = /* @__PURE__ */ defineComponent({
|
|
13051
13057
|
__name: "SearchResultsProductCustomHtmlElement",
|
|
13052
13058
|
props: {
|
|
13053
13059
|
item: {},
|
|
@@ -13071,15 +13077,15 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
|
|
|
13071
13077
|
return openBlock(), createElementBlock("div", mergeProps({
|
|
13072
13078
|
class: className.value,
|
|
13073
13079
|
innerHTML: text.value
|
|
13074
|
-
}, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$
|
|
13080
|
+
}, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$j);
|
|
13075
13081
|
};
|
|
13076
13082
|
}
|
|
13077
13083
|
});
|
|
13078
|
-
const _hoisted_1$
|
|
13079
|
-
const _hoisted_2$
|
|
13080
|
-
const _hoisted_3$
|
|
13081
|
-
const _hoisted_4$
|
|
13082
|
-
const _sfc_main$
|
|
13084
|
+
const _hoisted_1$i = { id: "lupa-search-results-rating" };
|
|
13085
|
+
const _hoisted_2$f = ["innerHTML"];
|
|
13086
|
+
const _hoisted_3$a = { class: "lupa-ratings" };
|
|
13087
|
+
const _hoisted_4$6 = ["href"];
|
|
13088
|
+
const _sfc_main$k = /* @__PURE__ */ defineComponent({
|
|
13083
13089
|
__name: "SearchResultsProductSingleStarRating",
|
|
13084
13090
|
props: {
|
|
13085
13091
|
item: {},
|
|
@@ -13107,35 +13113,35 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
|
|
|
13107
13113
|
return RATING_STAR_HTML;
|
|
13108
13114
|
});
|
|
13109
13115
|
return (_ctx, _cache) => {
|
|
13110
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
13116
|
+
return openBlock(), createElementBlock("div", _hoisted_1$i, [
|
|
13111
13117
|
createBaseVNode("div", {
|
|
13112
13118
|
innerHTML: star.value,
|
|
13113
13119
|
class: "lupa-rating lupa-rating-highlighted"
|
|
13114
|
-
}, null, 8, _hoisted_2$
|
|
13115
|
-
createBaseVNode("div", _hoisted_3$
|
|
13120
|
+
}, null, 8, _hoisted_2$f),
|
|
13121
|
+
createBaseVNode("div", _hoisted_3$a, toDisplayString(rating.value), 1),
|
|
13116
13122
|
createBaseVNode("a", {
|
|
13117
13123
|
href: ratingLink.value,
|
|
13118
13124
|
class: "lupa-total-ratings"
|
|
13119
|
-
}, toDisplayString(totalRatings.value), 9, _hoisted_4$
|
|
13125
|
+
}, toDisplayString(totalRatings.value), 9, _hoisted_4$6)
|
|
13120
13126
|
]);
|
|
13121
13127
|
};
|
|
13122
13128
|
}
|
|
13123
13129
|
});
|
|
13124
13130
|
const __default__ = {
|
|
13125
13131
|
components: {
|
|
13126
|
-
SearchResultsProductImage: _sfc_main$
|
|
13127
|
-
SearchResultsProductTitle: _sfc_main$
|
|
13128
|
-
SearchResultsProductDescription: _sfc_main$
|
|
13129
|
-
SearchResultsProductRating: _sfc_main$
|
|
13130
|
-
SearchResultsProductRegularPrice: _sfc_main$
|
|
13131
|
-
SearchResultsProductPrice: _sfc_main$
|
|
13132
|
-
SearchResultsProductAddToCart: _sfc_main$
|
|
13133
|
-
SearchResultsProductCustom: _sfc_main$
|
|
13134
|
-
SearchResultsProductCustomHtmlElement: _sfc_main$
|
|
13135
|
-
SearchResultsProductSingleStarRating: _sfc_main$
|
|
13136
|
-
}
|
|
13137
|
-
};
|
|
13138
|
-
const _sfc_main$
|
|
13132
|
+
SearchResultsProductImage: _sfc_main$t,
|
|
13133
|
+
SearchResultsProductTitle: _sfc_main$s,
|
|
13134
|
+
SearchResultsProductDescription: _sfc_main$r,
|
|
13135
|
+
SearchResultsProductRating: _sfc_main$q,
|
|
13136
|
+
SearchResultsProductRegularPrice: _sfc_main$p,
|
|
13137
|
+
SearchResultsProductPrice: _sfc_main$o,
|
|
13138
|
+
SearchResultsProductAddToCart: _sfc_main$n,
|
|
13139
|
+
SearchResultsProductCustom: _sfc_main$m,
|
|
13140
|
+
SearchResultsProductCustomHtmlElement: _sfc_main$l,
|
|
13141
|
+
SearchResultsProductSingleStarRating: _sfc_main$k
|
|
13142
|
+
}
|
|
13143
|
+
};
|
|
13144
|
+
const _sfc_main$j = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__), {
|
|
13139
13145
|
__name: "SearchResultsProductCardElement",
|
|
13140
13146
|
props: {
|
|
13141
13147
|
item: {},
|
|
@@ -13205,13 +13211,13 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
|
|
|
13205
13211
|
};
|
|
13206
13212
|
}
|
|
13207
13213
|
}));
|
|
13208
|
-
const _hoisted_1$
|
|
13209
|
-
const _hoisted_2$
|
|
13214
|
+
const _hoisted_1$h = ["href"];
|
|
13215
|
+
const _hoisted_2$e = {
|
|
13210
13216
|
key: 0,
|
|
13211
13217
|
class: "lupa-out-of-stock"
|
|
13212
13218
|
};
|
|
13213
|
-
const _hoisted_3$
|
|
13214
|
-
const _sfc_main$
|
|
13219
|
+
const _hoisted_3$9 = { class: "lupa-search-result-product-details-section" };
|
|
13220
|
+
const _sfc_main$i = /* @__PURE__ */ defineComponent({
|
|
13215
13221
|
__name: "SearchResultsProductCard",
|
|
13216
13222
|
props: {
|
|
13217
13223
|
product: {},
|
|
@@ -13356,7 +13362,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
|
|
|
13356
13362
|
class: normalizeClass(["lupa-search-result-product-card", !isInStock.value ? "lupa-out-of-stock" : ""]),
|
|
13357
13363
|
onClick: handleClick
|
|
13358
13364
|
}, [
|
|
13359
|
-
createVNode(_sfc_main$
|
|
13365
|
+
createVNode(_sfc_main$u, { options: badgesOptions.value }, null, 8, ["options"]),
|
|
13360
13366
|
createBaseVNode("div", {
|
|
13361
13367
|
class: normalizeClass(["lupa-search-result-product-contents", listLayoutClass.value])
|
|
13362
13368
|
}, [
|
|
@@ -13366,7 +13372,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
|
|
|
13366
13372
|
onClick: handleNavigation
|
|
13367
13373
|
}, [
|
|
13368
13374
|
(openBlock(true), createElementBlock(Fragment, null, renderList(imageElements.value, (element) => {
|
|
13369
|
-
return openBlock(), createBlock(_sfc_main$
|
|
13375
|
+
return openBlock(), createBlock(_sfc_main$j, {
|
|
13370
13376
|
class: "lupa-search-results-product-element",
|
|
13371
13377
|
item: _ctx.product,
|
|
13372
13378
|
element,
|
|
@@ -13376,16 +13382,16 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
|
|
|
13376
13382
|
link: link.value
|
|
13377
13383
|
}, null, 8, ["item", "element", "labels", "inStock", "link"]);
|
|
13378
13384
|
}), 128)),
|
|
13379
|
-
createVNode(_sfc_main$
|
|
13385
|
+
createVNode(_sfc_main$u, {
|
|
13380
13386
|
options: badgesOptions.value,
|
|
13381
13387
|
position: "image",
|
|
13382
13388
|
class: "lupa-image-badges"
|
|
13383
13389
|
}, null, 8, ["options"]),
|
|
13384
|
-
((_a = labels.value) == null ? void 0 : _a.outOfStock) && !isInStock.value ? (openBlock(), createElementBlock("div", _hoisted_2$
|
|
13385
|
-
], 8, _hoisted_1$
|
|
13386
|
-
createBaseVNode("div", _hoisted_3$
|
|
13390
|
+
((_a = labels.value) == null ? void 0 : _a.outOfStock) && !isInStock.value ? (openBlock(), createElementBlock("div", _hoisted_2$e, toDisplayString(labels.value.outOfStock), 1)) : createCommentVNode("", true)
|
|
13391
|
+
], 8, _hoisted_1$h),
|
|
13392
|
+
createBaseVNode("div", _hoisted_3$9, [
|
|
13387
13393
|
(openBlock(true), createElementBlock(Fragment, null, renderList(detailElements.value, (element) => {
|
|
13388
|
-
return openBlock(), createBlock(_sfc_main$
|
|
13394
|
+
return openBlock(), createBlock(_sfc_main$j, {
|
|
13389
13395
|
class: "lupa-search-results-product-element",
|
|
13390
13396
|
item: _ctx.product,
|
|
13391
13397
|
element,
|
|
@@ -13403,7 +13409,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
|
|
|
13403
13409
|
class: normalizeClass("lupa-element-group-" + group)
|
|
13404
13410
|
}, [
|
|
13405
13411
|
(openBlock(true), createElementBlock(Fragment, null, renderList(getGroupElements(group), (element) => {
|
|
13406
|
-
return openBlock(), createBlock(_sfc_main$
|
|
13412
|
+
return openBlock(), createBlock(_sfc_main$j, {
|
|
13407
13413
|
class: "lupa-search-results-product-element",
|
|
13408
13414
|
item: _ctx.product,
|
|
13409
13415
|
element,
|
|
@@ -13421,23 +13427,23 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
|
|
|
13421
13427
|
};
|
|
13422
13428
|
}
|
|
13423
13429
|
});
|
|
13424
|
-
const _hoisted_1$
|
|
13430
|
+
const _hoisted_1$g = {
|
|
13425
13431
|
id: "lupa-search-results-similar-queries",
|
|
13426
13432
|
"data-cy": "lupa-search-results-similar-queries"
|
|
13427
13433
|
};
|
|
13428
|
-
const _hoisted_2$
|
|
13429
|
-
const _hoisted_3$
|
|
13434
|
+
const _hoisted_2$d = { class: "lupa-similar-queries-label" };
|
|
13435
|
+
const _hoisted_3$8 = {
|
|
13430
13436
|
class: "lupa-similar-query-label",
|
|
13431
13437
|
"data-cy": "lupa-similar-query-label"
|
|
13432
13438
|
};
|
|
13433
|
-
const _hoisted_4$
|
|
13434
|
-
const _hoisted_5$
|
|
13435
|
-
const _hoisted_6 = { key: 0 };
|
|
13436
|
-
const _hoisted_7 = {
|
|
13439
|
+
const _hoisted_4$5 = ["onClick"];
|
|
13440
|
+
const _hoisted_5$4 = ["innerHTML"];
|
|
13441
|
+
const _hoisted_6$2 = { key: 0 };
|
|
13442
|
+
const _hoisted_7$1 = {
|
|
13437
13443
|
class: "lupa-products",
|
|
13438
13444
|
"data-cy": "lupa-products"
|
|
13439
13445
|
};
|
|
13440
|
-
const _sfc_main$
|
|
13446
|
+
const _sfc_main$h = /* @__PURE__ */ defineComponent({
|
|
13441
13447
|
__name: "SearchResultsSimilarQueries",
|
|
13442
13448
|
props: {
|
|
13443
13449
|
labels: {},
|
|
@@ -13467,11 +13473,11 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
|
|
|
13467
13473
|
paramsStore.goToResults({ searchText, facet });
|
|
13468
13474
|
};
|
|
13469
13475
|
return (_ctx, _cache) => {
|
|
13470
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
13471
|
-
createBaseVNode("div", _hoisted_2$
|
|
13476
|
+
return openBlock(), createElementBlock("div", _hoisted_1$g, [
|
|
13477
|
+
createBaseVNode("div", _hoisted_2$d, toDisplayString(_ctx.labels.similarQueries), 1),
|
|
13472
13478
|
(openBlock(true), createElementBlock(Fragment, null, renderList(similarQueries.value, (similarQuery, index) => {
|
|
13473
13479
|
return openBlock(), createElementBlock("div", { key: index }, [
|
|
13474
|
-
createBaseVNode("div", _hoisted_3$
|
|
13480
|
+
createBaseVNode("div", _hoisted_3$8, [
|
|
13475
13481
|
createBaseVNode("span", null, toDisplayString(similarQueryLabel.value), 1),
|
|
13476
13482
|
createBaseVNode("span", {
|
|
13477
13483
|
id: "lupa-similar-query-text-component",
|
|
@@ -13481,13 +13487,13 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
|
|
|
13481
13487
|
}, [
|
|
13482
13488
|
createBaseVNode("span", {
|
|
13483
13489
|
innerHTML: getSimilarQueryContent(similarQuery.displayQuery)
|
|
13484
|
-
}, null, 8, _hoisted_5$
|
|
13485
|
-
similarQuery.count ? (openBlock(), createElementBlock("span", _hoisted_6, " (" + toDisplayString(similarQuery.count) + ")", 1)) : createCommentVNode("", true)
|
|
13486
|
-
], 8, _hoisted_4$
|
|
13490
|
+
}, null, 8, _hoisted_5$4),
|
|
13491
|
+
similarQuery.count ? (openBlock(), createElementBlock("span", _hoisted_6$2, " (" + toDisplayString(similarQuery.count) + ")", 1)) : createCommentVNode("", true)
|
|
13492
|
+
], 8, _hoisted_4$5)
|
|
13487
13493
|
]),
|
|
13488
|
-
createBaseVNode("div", _hoisted_7, [
|
|
13494
|
+
createBaseVNode("div", _hoisted_7$1, [
|
|
13489
13495
|
(openBlock(true), createElementBlock(Fragment, null, renderList(similarQuery.items, (product, index2) => {
|
|
13490
|
-
return openBlock(), createBlock(_sfc_main$
|
|
13496
|
+
return openBlock(), createBlock(_sfc_main$i, {
|
|
13491
13497
|
style: normalizeStyle(_ctx.columnSize),
|
|
13492
13498
|
key: getDocumentKey(index2, product),
|
|
13493
13499
|
product,
|
|
@@ -13501,15 +13507,15 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
|
|
|
13501
13507
|
};
|
|
13502
13508
|
}
|
|
13503
13509
|
});
|
|
13504
|
-
const _hoisted_1$
|
|
13510
|
+
const _hoisted_1$f = {
|
|
13505
13511
|
key: 0,
|
|
13506
13512
|
class: "lupa-results-additional-panel"
|
|
13507
13513
|
};
|
|
13508
|
-
const _hoisted_2$
|
|
13514
|
+
const _hoisted_2$c = {
|
|
13509
13515
|
class: "lupa-results-additional-panel-items",
|
|
13510
13516
|
"data-cy": "lupa-results-additional-panel-items"
|
|
13511
13517
|
};
|
|
13512
|
-
const _sfc_main$
|
|
13518
|
+
const _sfc_main$g = /* @__PURE__ */ defineComponent({
|
|
13513
13519
|
__name: "AdditionalPanel",
|
|
13514
13520
|
props: {
|
|
13515
13521
|
panel: {},
|
|
@@ -13581,10 +13587,10 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
|
|
|
13581
13587
|
handleQueryChange();
|
|
13582
13588
|
});
|
|
13583
13589
|
return (_ctx, _cache) => {
|
|
13584
|
-
return hasResults.value ? (openBlock(), createElementBlock("div", _hoisted_1$
|
|
13585
|
-
createBaseVNode("div", _hoisted_2$
|
|
13590
|
+
return hasResults.value ? (openBlock(), createElementBlock("div", _hoisted_1$f, [
|
|
13591
|
+
createBaseVNode("div", _hoisted_2$c, [
|
|
13586
13592
|
(openBlock(true), createElementBlock(Fragment, null, renderList(visibleItems.value, (item, index) => {
|
|
13587
|
-
return openBlock(), createBlock(_sfc_main$
|
|
13593
|
+
return openBlock(), createBlock(_sfc_main$i, {
|
|
13588
13594
|
key: index,
|
|
13589
13595
|
product: item,
|
|
13590
13596
|
options: _ctx.panel,
|
|
@@ -13602,11 +13608,11 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
|
|
|
13602
13608
|
};
|
|
13603
13609
|
}
|
|
13604
13610
|
});
|
|
13605
|
-
const _hoisted_1$
|
|
13611
|
+
const _hoisted_1$e = {
|
|
13606
13612
|
key: 0,
|
|
13607
13613
|
class: "lupa-results-additional-panels"
|
|
13608
13614
|
};
|
|
13609
|
-
const _sfc_main$
|
|
13615
|
+
const _sfc_main$f = /* @__PURE__ */ defineComponent({
|
|
13610
13616
|
__name: "AdditionalPanels",
|
|
13611
13617
|
props: {
|
|
13612
13618
|
options: {},
|
|
@@ -13623,9 +13629,9 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
|
|
|
13623
13629
|
return locationPanels.value.length > 0;
|
|
13624
13630
|
});
|
|
13625
13631
|
return (_ctx, _cache) => {
|
|
13626
|
-
return isVisible.value ? (openBlock(), createElementBlock("div", _hoisted_1$
|
|
13632
|
+
return isVisible.value ? (openBlock(), createElementBlock("div", _hoisted_1$e, [
|
|
13627
13633
|
(openBlock(true), createElementBlock(Fragment, null, renderList(locationPanels.value, (panel) => {
|
|
13628
|
-
return openBlock(), createBlock(_sfc_main$
|
|
13634
|
+
return openBlock(), createBlock(_sfc_main$g, {
|
|
13629
13635
|
key: panel.queryKey,
|
|
13630
13636
|
panel,
|
|
13631
13637
|
options: _ctx.sdkOptions
|
|
@@ -13642,36 +13648,36 @@ const _export_sfc = (sfc, props) => {
|
|
|
13642
13648
|
}
|
|
13643
13649
|
return target;
|
|
13644
13650
|
};
|
|
13645
|
-
const _sfc_main$
|
|
13646
|
-
const _hoisted_1$
|
|
13647
|
-
const _hoisted_2$
|
|
13651
|
+
const _sfc_main$e = {};
|
|
13652
|
+
const _hoisted_1$d = { class: "lupa-spinner-wrapper" };
|
|
13653
|
+
const _hoisted_2$b = { class: "lupa-spinner" };
|
|
13648
13654
|
function _sfc_render(_ctx, _cache) {
|
|
13649
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
13650
|
-
createBaseVNode("div", _hoisted_2$
|
|
13655
|
+
return openBlock(), createElementBlock("div", _hoisted_1$d, [
|
|
13656
|
+
createBaseVNode("div", _hoisted_2$b, [
|
|
13651
13657
|
(openBlock(), createElementBlock(Fragment, null, renderList(12, (x) => {
|
|
13652
13658
|
return createBaseVNode("div", { key: x });
|
|
13653
13659
|
}), 64))
|
|
13654
13660
|
])
|
|
13655
13661
|
]);
|
|
13656
13662
|
}
|
|
13657
|
-
const Spinner = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
13658
|
-
const _hoisted_1$
|
|
13659
|
-
const _hoisted_2$
|
|
13663
|
+
const Spinner = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render]]);
|
|
13664
|
+
const _hoisted_1$c = { id: "lupa-search-results-products" };
|
|
13665
|
+
const _hoisted_2$a = {
|
|
13660
13666
|
class: "lupa-products",
|
|
13661
13667
|
"data-cy": "lupa-products"
|
|
13662
13668
|
};
|
|
13663
|
-
const _hoisted_3$
|
|
13669
|
+
const _hoisted_3$7 = {
|
|
13664
13670
|
key: 0,
|
|
13665
13671
|
class: "lupa-empty-results",
|
|
13666
13672
|
"data-cy": "lupa-no-results-in-page"
|
|
13667
13673
|
};
|
|
13668
|
-
const _hoisted_4$
|
|
13674
|
+
const _hoisted_4$4 = {
|
|
13669
13675
|
key: 3,
|
|
13670
13676
|
class: "lupa-empty-results",
|
|
13671
13677
|
"data-cy": "lupa-no-results"
|
|
13672
13678
|
};
|
|
13673
|
-
const _hoisted_5 = { key: 4 };
|
|
13674
|
-
const _sfc_main$
|
|
13679
|
+
const _hoisted_5$3 = { key: 4 };
|
|
13680
|
+
const _sfc_main$d = /* @__PURE__ */ defineComponent({
|
|
13675
13681
|
__name: "SearchResultsProducts",
|
|
13676
13682
|
props: {
|
|
13677
13683
|
options: {},
|
|
@@ -13762,23 +13768,23 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
|
|
|
13762
13768
|
};
|
|
13763
13769
|
return (_ctx, _cache) => {
|
|
13764
13770
|
var _a;
|
|
13765
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
13771
|
+
return openBlock(), createElementBlock("div", _hoisted_1$c, [
|
|
13766
13772
|
unref(loading) && !unref(isMobileSidebarVisible) ? (openBlock(), createBlock(Spinner, {
|
|
13767
13773
|
key: 0,
|
|
13768
13774
|
class: "lupa-loader"
|
|
13769
13775
|
})) : createCommentVNode("", true),
|
|
13770
13776
|
unref(hasResults) ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
|
|
13771
|
-
showTopFilters.value ? (openBlock(), createBlock(_sfc_main$
|
|
13777
|
+
showTopFilters.value ? (openBlock(), createBlock(_sfc_main$G, {
|
|
13772
13778
|
key: 0,
|
|
13773
13779
|
options: (_a = _ctx.options.filters) != null ? _a : {}
|
|
13774
13780
|
}, null, 8, ["options"])) : createCommentVNode("", true),
|
|
13775
|
-
showMobileFilters.value ? (openBlock(), createBlock(_sfc_main$
|
|
13781
|
+
showMobileFilters.value ? (openBlock(), createBlock(_sfc_main$A, {
|
|
13776
13782
|
key: 1,
|
|
13777
13783
|
class: "lupa-toolbar-mobile",
|
|
13778
13784
|
options: _ctx.options,
|
|
13779
13785
|
"pagination-location": "top"
|
|
13780
13786
|
}, null, 8, ["options"])) : createCommentVNode("", true),
|
|
13781
|
-
currentFilterOptions.value ? (openBlock(), createBlock(_sfc_main$
|
|
13787
|
+
currentFilterOptions.value ? (openBlock(), createBlock(_sfc_main$T, {
|
|
13782
13788
|
key: 2,
|
|
13783
13789
|
class: normalizeClass(currentFiltersClass.value),
|
|
13784
13790
|
"data-cy": "lupa-search-result-filters-mobile-toolbar",
|
|
@@ -13786,18 +13792,18 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
|
|
|
13786
13792
|
expandable: !desktopFiltersExpanded.value
|
|
13787
13793
|
}, null, 8, ["class", "options", "expandable"])) : createCommentVNode("", true)
|
|
13788
13794
|
], 64)) : createCommentVNode("", true),
|
|
13789
|
-
createVNode(_sfc_main$
|
|
13795
|
+
createVNode(_sfc_main$f, {
|
|
13790
13796
|
options: _ctx.options,
|
|
13791
13797
|
location: "top",
|
|
13792
13798
|
sdkOptions: _ctx.options.options
|
|
13793
13799
|
}, null, 8, ["options", "sdkOptions"]),
|
|
13794
13800
|
unref(hasResults) ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
|
|
13795
|
-
createVNode(_sfc_main$
|
|
13801
|
+
createVNode(_sfc_main$A, {
|
|
13796
13802
|
class: "lupa-toolbar-top",
|
|
13797
13803
|
options: _ctx.options,
|
|
13798
13804
|
"pagination-location": "top"
|
|
13799
13805
|
}, null, 8, ["options"]),
|
|
13800
|
-
createBaseVNode("div", _hoisted_2$
|
|
13806
|
+
createBaseVNode("div", _hoisted_2$a, [
|
|
13801
13807
|
_ctx.$slots.productCard ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(unref(searchResult).items, (product, index) => {
|
|
13802
13808
|
return renderSlot(_ctx.$slots, "productCard", {
|
|
13803
13809
|
style: normalizeStyle(columnSize.value),
|
|
@@ -13806,7 +13812,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
|
|
|
13806
13812
|
options: productCardOptions.value
|
|
13807
13813
|
});
|
|
13808
13814
|
}), 128)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(unref(searchResult).items, (product, index) => {
|
|
13809
|
-
return openBlock(), createBlock(_sfc_main$
|
|
13815
|
+
return openBlock(), createBlock(_sfc_main$i, {
|
|
13810
13816
|
style: normalizeStyle(columnSize.value),
|
|
13811
13817
|
key: getProductKeyAction(index, product),
|
|
13812
13818
|
product,
|
|
@@ -13814,7 +13820,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
|
|
|
13814
13820
|
}, null, 8, ["style", "product", "options"]);
|
|
13815
13821
|
}), 128))
|
|
13816
13822
|
]),
|
|
13817
|
-
unref(isPageEmpty) && _ctx.options.labels.noItemsInPage ? (openBlock(), createElementBlock("div", _hoisted_3$
|
|
13823
|
+
unref(isPageEmpty) && _ctx.options.labels.noItemsInPage ? (openBlock(), createElementBlock("div", _hoisted_3$7, [
|
|
13818
13824
|
createTextVNode(toDisplayString(_ctx.options.labels.noItemsInPage) + " ", 1),
|
|
13819
13825
|
_ctx.options.labels.backToFirstPage ? (openBlock(), createElementBlock("span", {
|
|
13820
13826
|
key: 0,
|
|
@@ -13822,22 +13828,22 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
|
|
|
13822
13828
|
onClick: goToFirstPage
|
|
13823
13829
|
}, toDisplayString(_ctx.options.labels.backToFirstPage), 1)) : createCommentVNode("", true)
|
|
13824
13830
|
])) : createCommentVNode("", true),
|
|
13825
|
-
createVNode(_sfc_main$
|
|
13831
|
+
createVNode(_sfc_main$A, {
|
|
13826
13832
|
class: "lupa-toolbar-bottom",
|
|
13827
13833
|
options: _ctx.options,
|
|
13828
13834
|
"pagination-location": "bottom"
|
|
13829
13835
|
}, null, 8, ["options"]),
|
|
13830
|
-
createVNode(_sfc_main$
|
|
13836
|
+
createVNode(_sfc_main$f, {
|
|
13831
13837
|
options: _ctx.options,
|
|
13832
13838
|
location: "bottom",
|
|
13833
13839
|
sdkOptions: _ctx.options.options
|
|
13834
13840
|
}, null, 8, ["options", "sdkOptions"])
|
|
13835
|
-
], 64)) : !unref(loading) && unref(currentQueryText) ? (openBlock(), createElementBlock("div", _hoisted_4$
|
|
13841
|
+
], 64)) : !unref(loading) && unref(currentQueryText) ? (openBlock(), createElementBlock("div", _hoisted_4$4, [
|
|
13836
13842
|
createTextVNode(toDisplayString(_ctx.options.labels.emptyResults) + " ", 1),
|
|
13837
13843
|
createBaseVNode("span", null, toDisplayString(unref(currentQueryText)), 1)
|
|
13838
13844
|
])) : createCommentVNode("", true),
|
|
13839
|
-
hasSimilarQueries.value ? (openBlock(), createElementBlock("div", _hoisted_5, [
|
|
13840
|
-
createVNode(_sfc_main$
|
|
13845
|
+
hasSimilarQueries.value ? (openBlock(), createElementBlock("div", _hoisted_5$3, [
|
|
13846
|
+
createVNode(_sfc_main$h, {
|
|
13841
13847
|
labels: similarQueriesLabels.value,
|
|
13842
13848
|
columnSize: columnSize.value,
|
|
13843
13849
|
productCardOptions: productCardOptions.value
|
|
@@ -13848,13 +13854,13 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
|
|
|
13848
13854
|
};
|
|
13849
13855
|
}
|
|
13850
13856
|
});
|
|
13851
|
-
const _hoisted_1$
|
|
13852
|
-
const _hoisted_2$
|
|
13857
|
+
const _hoisted_1$b = { class: "lupa-top-mobile-filter-wrapper" };
|
|
13858
|
+
const _hoisted_2$9 = {
|
|
13853
13859
|
key: 0,
|
|
13854
13860
|
class: "lupa-category-back"
|
|
13855
13861
|
};
|
|
13856
|
-
const _hoisted_3$
|
|
13857
|
-
const _sfc_main$
|
|
13862
|
+
const _hoisted_3$6 = ["href"];
|
|
13863
|
+
const _sfc_main$c = /* @__PURE__ */ defineComponent({
|
|
13858
13864
|
__name: "CategoryTopFilters",
|
|
13859
13865
|
props: {
|
|
13860
13866
|
options: {}
|
|
@@ -13886,15 +13892,15 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
|
|
|
13886
13892
|
return openBlock(), createElementBlock("div", {
|
|
13887
13893
|
class: normalizeClass(["lupa-category-top-mobile-filters", { "lupa-has-back-button": hasBackButton.value }])
|
|
13888
13894
|
}, [
|
|
13889
|
-
createBaseVNode("div", _hoisted_1$
|
|
13890
|
-
hasBackButton.value ? (openBlock(), createElementBlock("div", _hoisted_2$
|
|
13895
|
+
createBaseVNode("div", _hoisted_1$b, [
|
|
13896
|
+
hasBackButton.value ? (openBlock(), createElementBlock("div", _hoisted_2$9, [
|
|
13891
13897
|
createBaseVNode("a", {
|
|
13892
13898
|
"data-cy": "lupa-category-back",
|
|
13893
13899
|
href: backUrlLink.value,
|
|
13894
13900
|
onClick: handleNavigationBack
|
|
13895
|
-
}, toDisplayString(backTitle.value), 9, _hoisted_3$
|
|
13901
|
+
}, toDisplayString(backTitle.value), 9, _hoisted_3$6)
|
|
13896
13902
|
])) : createCommentVNode("", true),
|
|
13897
|
-
createVNode(_sfc_main$
|
|
13903
|
+
createVNode(_sfc_main$A, {
|
|
13898
13904
|
class: "lupa-toolbar-mobile",
|
|
13899
13905
|
"pagination-location": "top",
|
|
13900
13906
|
options: _ctx.options
|
|
@@ -13904,18 +13910,18 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
|
|
|
13904
13910
|
};
|
|
13905
13911
|
}
|
|
13906
13912
|
});
|
|
13907
|
-
const _hoisted_1$
|
|
13913
|
+
const _hoisted_1$a = {
|
|
13908
13914
|
key: 0,
|
|
13909
13915
|
class: "lupa-container-title-summary-mobile"
|
|
13910
13916
|
};
|
|
13911
|
-
const _hoisted_2$
|
|
13917
|
+
const _hoisted_2$8 = {
|
|
13912
13918
|
key: 4,
|
|
13913
13919
|
id: "lupa-search-results",
|
|
13914
13920
|
class: "top-layout-wrapper"
|
|
13915
13921
|
};
|
|
13916
|
-
const _hoisted_3 = { class: "search-content" };
|
|
13917
|
-
const _hoisted_4 = { id: "lupa-search-results" };
|
|
13918
|
-
const _sfc_main$
|
|
13922
|
+
const _hoisted_3$5 = { class: "search-content" };
|
|
13923
|
+
const _hoisted_4$3 = { id: "lupa-search-results" };
|
|
13924
|
+
const _sfc_main$b = /* @__PURE__ */ defineComponent({
|
|
13919
13925
|
__name: "SearchResults",
|
|
13920
13926
|
props: {
|
|
13921
13927
|
options: {},
|
|
@@ -14104,40 +14110,40 @@ const _sfc_main$4$1 = /* @__PURE__ */ defineComponent({
|
|
|
14104
14110
|
return openBlock(), createElementBlock("div", {
|
|
14105
14111
|
class: normalizeClass(["lupa-search-result-wrapper", { "lupa-search-wrapper-no-results": !unref(hasResults) }])
|
|
14106
14112
|
}, [
|
|
14107
|
-
_ctx.isContainer ? (openBlock(), createElementBlock("div", _hoisted_1$
|
|
14108
|
-
createVNode(_sfc_main$
|
|
14109
|
-
createVNode(_sfc_main$
|
|
14113
|
+
_ctx.isContainer ? (openBlock(), createElementBlock("div", _hoisted_1$a, [
|
|
14114
|
+
createVNode(_sfc_main$X, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
|
|
14115
|
+
createVNode(_sfc_main$V, {
|
|
14110
14116
|
"show-summary": true,
|
|
14111
14117
|
options: _ctx.options,
|
|
14112
14118
|
"is-product-list": (_a = _ctx.isProductList) != null ? _a : false
|
|
14113
14119
|
}, null, 8, ["options", "is-product-list"])
|
|
14114
14120
|
])) : createCommentVNode("", true),
|
|
14115
|
-
isTitleResultTopPosition.value ? (openBlock(), createBlock(_sfc_main$
|
|
14121
|
+
isTitleResultTopPosition.value ? (openBlock(), createBlock(_sfc_main$c, {
|
|
14116
14122
|
key: 1,
|
|
14117
14123
|
options: _ctx.options
|
|
14118
14124
|
}, null, 8, ["options"])) : createCommentVNode("", true),
|
|
14119
|
-
_ctx.options.filters ? (openBlock(), createBlock(_sfc_main$
|
|
14125
|
+
_ctx.options.filters ? (openBlock(), createBlock(_sfc_main$I, {
|
|
14120
14126
|
key: 2,
|
|
14121
14127
|
options: _ctx.options.filters
|
|
14122
14128
|
}, null, 8, ["options"])) : createCommentVNode("", true),
|
|
14123
|
-
unref(currentQueryText) || _ctx.isProductList ? (openBlock(), createBlock(_sfc_main$
|
|
14129
|
+
unref(currentQueryText) || _ctx.isProductList ? (openBlock(), createBlock(_sfc_main$H, {
|
|
14124
14130
|
key: 3,
|
|
14125
14131
|
breadcrumbs: _ctx.options.breadcrumbs
|
|
14126
14132
|
}, null, 8, ["breadcrumbs"])) : createCommentVNode("", true),
|
|
14127
|
-
isTitleResultTopPosition.value ? (openBlock(), createElementBlock("div", _hoisted_2$
|
|
14128
|
-
showFilterSidebar.value ? (openBlock(), createBlock(_sfc_main$
|
|
14133
|
+
isTitleResultTopPosition.value ? (openBlock(), createElementBlock("div", _hoisted_2$8, [
|
|
14134
|
+
showFilterSidebar.value ? (openBlock(), createBlock(_sfc_main$J, {
|
|
14129
14135
|
key: 0,
|
|
14130
14136
|
options: (_b = _ctx.options.filters) != null ? _b : {},
|
|
14131
14137
|
ref_key: "searchResultsFilters",
|
|
14132
14138
|
ref: searchResultsFilters
|
|
14133
14139
|
}, null, 8, ["options"])) : createCommentVNode("", true),
|
|
14134
|
-
createBaseVNode("div", _hoisted_3, [
|
|
14135
|
-
createVNode(_sfc_main$
|
|
14136
|
-
createVNode(_sfc_main$
|
|
14140
|
+
createBaseVNode("div", _hoisted_3$5, [
|
|
14141
|
+
createVNode(_sfc_main$X, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
|
|
14142
|
+
createVNode(_sfc_main$V, {
|
|
14137
14143
|
options: _ctx.options,
|
|
14138
14144
|
"is-product-list": (_c = _ctx.isProductList) != null ? _c : false
|
|
14139
14145
|
}, null, 8, ["options", "is-product-list"]),
|
|
14140
|
-
createVNode(_sfc_main$
|
|
14146
|
+
createVNode(_sfc_main$d, {
|
|
14141
14147
|
options: _ctx.options,
|
|
14142
14148
|
ssr: ssrEnabled.value
|
|
14143
14149
|
}, {
|
|
@@ -14148,19 +14154,19 @@ const _sfc_main$4$1 = /* @__PURE__ */ defineComponent({
|
|
|
14148
14154
|
}, 8, ["options", "ssr"])
|
|
14149
14155
|
])
|
|
14150
14156
|
])) : (openBlock(), createElementBlock(Fragment, { key: 5 }, [
|
|
14151
|
-
createVNode(_sfc_main$
|
|
14152
|
-
createVNode(_sfc_main$
|
|
14157
|
+
createVNode(_sfc_main$X, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
|
|
14158
|
+
createVNode(_sfc_main$V, {
|
|
14153
14159
|
options: _ctx.options,
|
|
14154
14160
|
"is-product-list": (_d = _ctx.isProductList) != null ? _d : false
|
|
14155
14161
|
}, null, 8, ["options", "is-product-list"]),
|
|
14156
|
-
createBaseVNode("div", _hoisted_4, [
|
|
14157
|
-
showFilterSidebar.value ? (openBlock(), createBlock(_sfc_main$
|
|
14162
|
+
createBaseVNode("div", _hoisted_4$3, [
|
|
14163
|
+
showFilterSidebar.value ? (openBlock(), createBlock(_sfc_main$J, {
|
|
14158
14164
|
key: 0,
|
|
14159
14165
|
options: (_e = _ctx.options.filters) != null ? _e : {},
|
|
14160
14166
|
ref_key: "searchResultsFilters",
|
|
14161
14167
|
ref: searchResultsFilters
|
|
14162
14168
|
}, null, 8, ["options"])) : createCommentVNode("", true),
|
|
14163
|
-
createVNode(_sfc_main$
|
|
14169
|
+
createVNode(_sfc_main$d, {
|
|
14164
14170
|
options: _ctx.options,
|
|
14165
14171
|
ssr: ssrEnabled.value
|
|
14166
14172
|
}, createSlots({
|
|
@@ -14183,12 +14189,12 @@ const _sfc_main$4$1 = /* @__PURE__ */ defineComponent({
|
|
|
14183
14189
|
};
|
|
14184
14190
|
}
|
|
14185
14191
|
});
|
|
14186
|
-
const _hoisted_1$
|
|
14192
|
+
const _hoisted_1$9 = {
|
|
14187
14193
|
key: 0,
|
|
14188
14194
|
class: "lupa-category-overview"
|
|
14189
14195
|
};
|
|
14190
|
-
const _hoisted_2$
|
|
14191
|
-
const _sfc_main$
|
|
14196
|
+
const _hoisted_2$7 = ["innerHTML"];
|
|
14197
|
+
const _sfc_main$a = /* @__PURE__ */ defineComponent({
|
|
14192
14198
|
__name: "CategoryDescription",
|
|
14193
14199
|
props: {
|
|
14194
14200
|
options: {}
|
|
@@ -14204,16 +14210,16 @@ const _sfc_main$3$1 = /* @__PURE__ */ defineComponent({
|
|
|
14204
14210
|
return Boolean((_b = (_a = props.options.categories) == null ? void 0 : _a.current) == null ? void 0 : _b.description);
|
|
14205
14211
|
});
|
|
14206
14212
|
return (_ctx, _cache) => {
|
|
14207
|
-
return overviewVisible.value ? (openBlock(), createElementBlock("div", _hoisted_1$
|
|
14213
|
+
return overviewVisible.value ? (openBlock(), createElementBlock("div", _hoisted_1$9, [
|
|
14208
14214
|
createBaseVNode("div", {
|
|
14209
14215
|
class: "lupa-category-description",
|
|
14210
14216
|
innerHTML: description.value
|
|
14211
|
-
}, null, 8, _hoisted_2$
|
|
14217
|
+
}, null, 8, _hoisted_2$7)
|
|
14212
14218
|
])) : createCommentVNode("", true);
|
|
14213
14219
|
};
|
|
14214
14220
|
}
|
|
14215
14221
|
});
|
|
14216
|
-
const _sfc_main$
|
|
14222
|
+
const _sfc_main$9 = /* @__PURE__ */ defineComponent({
|
|
14217
14223
|
__name: "ProductList",
|
|
14218
14224
|
props: {
|
|
14219
14225
|
options: {}
|
|
@@ -14235,7 +14241,7 @@ const _sfc_main$2$1 = /* @__PURE__ */ defineComponent({
|
|
|
14235
14241
|
__expose({ fetch: fetch2 });
|
|
14236
14242
|
return (_ctx, _cache) => {
|
|
14237
14243
|
return openBlock(), createElementBlock("div", null, [
|
|
14238
|
-
createVNode(_sfc_main$
|
|
14244
|
+
createVNode(_sfc_main$b, {
|
|
14239
14245
|
options: componentOptions.value,
|
|
14240
14246
|
"initial-filters": _ctx.options.initialFilters,
|
|
14241
14247
|
"is-product-list": true,
|
|
@@ -14243,7 +14249,7 @@ const _sfc_main$2$1 = /* @__PURE__ */ defineComponent({
|
|
|
14243
14249
|
ref: searchResults2
|
|
14244
14250
|
}, {
|
|
14245
14251
|
default: withCtx(() => [
|
|
14246
|
-
createVNode(_sfc_main$
|
|
14252
|
+
createVNode(_sfc_main$a, { options: _ctx.options }, null, 8, ["options"])
|
|
14247
14253
|
]),
|
|
14248
14254
|
_: 1
|
|
14249
14255
|
}, 8, ["options", "initial-filters"])
|
|
@@ -19734,9 +19740,9 @@ lodash$1.exports;
|
|
|
19734
19740
|
}).call(commonjsGlobal$1);
|
|
19735
19741
|
})(lodash$1, lodash$1.exports);
|
|
19736
19742
|
var lodashExports$1 = lodash$1.exports;
|
|
19737
|
-
const _hoisted_1$
|
|
19738
|
-
const _hoisted_2$
|
|
19739
|
-
const _sfc_main$
|
|
19743
|
+
const _hoisted_1$8 = ["onClick"];
|
|
19744
|
+
const _hoisted_2$6 = { class: "lupa-search-box-container" };
|
|
19745
|
+
const _sfc_main$8 = /* @__PURE__ */ defineComponent({
|
|
19740
19746
|
__name: "SearchContainer",
|
|
19741
19747
|
props: {
|
|
19742
19748
|
options: {}
|
|
@@ -19781,8 +19787,8 @@ const _sfc_main$1$1 = /* @__PURE__ */ defineComponent({
|
|
|
19781
19787
|
class: "lupa-search-container",
|
|
19782
19788
|
onClick: withModifiers(innerClick, ["stop"])
|
|
19783
19789
|
}, [
|
|
19784
|
-
createBaseVNode("div", _hoisted_2$
|
|
19785
|
-
createVNode(_sfc_main$
|
|
19790
|
+
createBaseVNode("div", _hoisted_2$6, [
|
|
19791
|
+
createVNode(_sfc_main$Y, {
|
|
19786
19792
|
options: fullSearchBoxOptions.value,
|
|
19787
19793
|
"is-search-container": true,
|
|
19788
19794
|
ref_key: "searchBox",
|
|
@@ -19790,13 +19796,13 @@ const _sfc_main$1$1 = /* @__PURE__ */ defineComponent({
|
|
|
19790
19796
|
onClose: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
|
|
19791
19797
|
}, null, 8, ["options"])
|
|
19792
19798
|
]),
|
|
19793
|
-
createVNode(_sfc_main$
|
|
19799
|
+
createVNode(_sfc_main$b, {
|
|
19794
19800
|
options: fullSearchResultsOptions.value,
|
|
19795
19801
|
"is-container": true,
|
|
19796
19802
|
ref_key: "searchResults",
|
|
19797
19803
|
ref: searchResults2
|
|
19798
19804
|
}, null, 8, ["options"])
|
|
19799
|
-
], 8, _hoisted_1$
|
|
19805
|
+
], 8, _hoisted_1$8)
|
|
19800
19806
|
]);
|
|
19801
19807
|
};
|
|
19802
19808
|
}
|
|
@@ -20499,13 +20505,13 @@ var Slide = defineComponent({
|
|
|
20499
20505
|
};
|
|
20500
20506
|
}
|
|
20501
20507
|
});
|
|
20502
|
-
const _hoisted_1 = { class: "lupa-search-product-recommendations-wrapper" };
|
|
20503
|
-
const _hoisted_2 = {
|
|
20508
|
+
const _hoisted_1$7 = { class: "lupa-search-product-recommendations-wrapper" };
|
|
20509
|
+
const _hoisted_2$5 = {
|
|
20504
20510
|
key: 0,
|
|
20505
20511
|
class: "lupa-recommended-products",
|
|
20506
20512
|
"data-cy": "lupa-recommended-products"
|
|
20507
20513
|
};
|
|
20508
|
-
const _sfc_main$
|
|
20514
|
+
const _sfc_main$7 = /* @__PURE__ */ defineComponent({
|
|
20509
20515
|
__name: "Recommendations",
|
|
20510
20516
|
props: {
|
|
20511
20517
|
options: {}
|
|
@@ -20591,8 +20597,8 @@ const _sfc_main$1b = /* @__PURE__ */ defineComponent({
|
|
|
20591
20597
|
});
|
|
20592
20598
|
__expose({ fetch: fetch2 });
|
|
20593
20599
|
return (_ctx, _cache) => {
|
|
20594
|
-
return openBlock(), createElementBlock("div", _hoisted_1, [
|
|
20595
|
-
!loading.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
|
|
20600
|
+
return openBlock(), createElementBlock("div", _hoisted_1$7, [
|
|
20601
|
+
!loading.value ? (openBlock(), createElementBlock("div", _hoisted_2$5, [
|
|
20596
20602
|
createVNode(unref(Carousel), mergeProps(carouselOptions.value, { "wrap-around": true }), {
|
|
20597
20603
|
addons: withCtx(() => [
|
|
20598
20604
|
createVNode(unref(Navigation))
|
|
@@ -20603,7 +20609,7 @@ const _sfc_main$1b = /* @__PURE__ */ defineComponent({
|
|
|
20603
20609
|
key: getProductKeyAction(index, product)
|
|
20604
20610
|
}, {
|
|
20605
20611
|
default: withCtx(() => [
|
|
20606
|
-
createVNode(_sfc_main$
|
|
20612
|
+
createVNode(_sfc_main$i, {
|
|
20607
20613
|
product,
|
|
20608
20614
|
options: _ctx.options,
|
|
20609
20615
|
"click-tracking-settings": clickTrackingSettings.value
|
|
@@ -20620,6 +20626,533 @@ const _sfc_main$1b = /* @__PURE__ */ defineComponent({
|
|
|
20620
20626
|
};
|
|
20621
20627
|
}
|
|
20622
20628
|
});
|
|
20629
|
+
const _withScopeId = (n) => (pushScopeId("data-v-6fa22b2b"), n = n(), popScopeId(), n);
|
|
20630
|
+
const _hoisted_1$6 = { class: "lupa-chat-spinner" };
|
|
20631
|
+
const _hoisted_2$4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createBaseVNode("div", null, null, -1));
|
|
20632
|
+
const _hoisted_3$4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createBaseVNode("div", null, null, -1));
|
|
20633
|
+
const _hoisted_4$2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createBaseVNode("div", null, null, -1));
|
|
20634
|
+
const _hoisted_5$2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createBaseVNode("div", null, null, -1));
|
|
20635
|
+
const _hoisted_6$1 = [
|
|
20636
|
+
_hoisted_2$4,
|
|
20637
|
+
_hoisted_3$4,
|
|
20638
|
+
_hoisted_4$2,
|
|
20639
|
+
_hoisted_5$2
|
|
20640
|
+
];
|
|
20641
|
+
const _hoisted_7 = { class: "lupa-chat-spinner-message" };
|
|
20642
|
+
const _sfc_main$6 = /* @__PURE__ */ defineComponent({
|
|
20643
|
+
__name: "ChatSpinner",
|
|
20644
|
+
props: {
|
|
20645
|
+
small: { type: Boolean },
|
|
20646
|
+
message: {}
|
|
20647
|
+
},
|
|
20648
|
+
setup(__props) {
|
|
20649
|
+
return (_ctx, _cache) => {
|
|
20650
|
+
return openBlock(), createElementBlock("section", _hoisted_1$6, [
|
|
20651
|
+
createBaseVNode("div", {
|
|
20652
|
+
class: normalizeClass([{ small: _ctx.small }, "lds-ring"])
|
|
20653
|
+
}, _hoisted_6$1, 2),
|
|
20654
|
+
createBaseVNode("div", _hoisted_7, toDisplayString(_ctx.message), 1)
|
|
20655
|
+
]);
|
|
20656
|
+
};
|
|
20657
|
+
}
|
|
20658
|
+
});
|
|
20659
|
+
const ChatSpinner = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-6fa22b2b"]]);
|
|
20660
|
+
const _hoisted_1$5 = { class: "lupa-chat-input-container" };
|
|
20661
|
+
const _hoisted_2$3 = { id: "lupa-search-box-input" };
|
|
20662
|
+
const _hoisted_3$3 = {
|
|
20663
|
+
key: 0,
|
|
20664
|
+
class: "lupa-chat-form-submit"
|
|
20665
|
+
};
|
|
20666
|
+
const _sfc_main$5 = /* @__PURE__ */ defineComponent({
|
|
20667
|
+
__name: "ChatInput",
|
|
20668
|
+
props: {
|
|
20669
|
+
disabled: { type: Boolean }
|
|
20670
|
+
},
|
|
20671
|
+
emits: ["submit"],
|
|
20672
|
+
setup(__props, { emit: emit2 }) {
|
|
20673
|
+
const inputValue = ref("");
|
|
20674
|
+
const submit = () => {
|
|
20675
|
+
emit2("submit", inputValue.value);
|
|
20676
|
+
inputValue.value = "";
|
|
20677
|
+
};
|
|
20678
|
+
return (_ctx, _cache) => {
|
|
20679
|
+
return openBlock(), createElementBlock("div", _hoisted_1$5, [
|
|
20680
|
+
createBaseVNode("form", {
|
|
20681
|
+
action: "javascript:void(0);",
|
|
20682
|
+
class: "chat-input-form",
|
|
20683
|
+
onSubmit: submit
|
|
20684
|
+
}, [
|
|
20685
|
+
createBaseVNode("div", _hoisted_2$3, [
|
|
20686
|
+
withDirectives(createBaseVNode("input", {
|
|
20687
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
|
|
20688
|
+
ref: "mainInput",
|
|
20689
|
+
autocomplete: "off",
|
|
20690
|
+
class: "lupa-search-box-input-field",
|
|
20691
|
+
"data-cy": "lupa-search-box-input-field",
|
|
20692
|
+
type: "text",
|
|
20693
|
+
placeholder: "Type your request here..."
|
|
20694
|
+
}, null, 512), [
|
|
20695
|
+
[vModelText, inputValue.value]
|
|
20696
|
+
])
|
|
20697
|
+
]),
|
|
20698
|
+
!_ctx.disabled ? (openBlock(), createElementBlock("button", _hoisted_3$3, "Ask LupaChat")) : (openBlock(), createBlock(ChatSpinner, {
|
|
20699
|
+
key: 1,
|
|
20700
|
+
small: true
|
|
20701
|
+
}))
|
|
20702
|
+
], 32)
|
|
20703
|
+
]);
|
|
20704
|
+
};
|
|
20705
|
+
}
|
|
20706
|
+
});
|
|
20707
|
+
const Env = {
|
|
20708
|
+
production: "https://api.lupasearch.com/v1/",
|
|
20709
|
+
staging: "https://api.staging.lupasearch.com/v1/"
|
|
20710
|
+
};
|
|
20711
|
+
const defaultConfig = {
|
|
20712
|
+
method: "POST",
|
|
20713
|
+
headers: { "Content-Type": "application/json" }
|
|
20714
|
+
};
|
|
20715
|
+
const getApiUrl = (environment, customBaseUrl) => {
|
|
20716
|
+
if (customBaseUrl) {
|
|
20717
|
+
return customBaseUrl;
|
|
20718
|
+
}
|
|
20719
|
+
return Env[environment] || Env["production"];
|
|
20720
|
+
};
|
|
20721
|
+
const suggestSearchChatPhrases = (options, request) => __async(void 0, null, function* () {
|
|
20722
|
+
const { environment, customBaseUrl } = options;
|
|
20723
|
+
const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}chat/`, __spreadProps2(__spreadValues2({}, defaultConfig), {
|
|
20724
|
+
body: JSON.stringify(request)
|
|
20725
|
+
}));
|
|
20726
|
+
if (res.status < 400) {
|
|
20727
|
+
const data = yield res.json();
|
|
20728
|
+
return __spreadProps2(__spreadValues2({}, data), { success: true });
|
|
20729
|
+
}
|
|
20730
|
+
const errors = yield res.json();
|
|
20731
|
+
return { success: false, errors };
|
|
20732
|
+
});
|
|
20733
|
+
const suggestPhraseAlternatives = (_0, _1) => __async(void 0, [_0, _1], function* (options, { phrases }) {
|
|
20734
|
+
const { environment, customBaseUrl } = options;
|
|
20735
|
+
const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}chat/phraseAlternatives`, __spreadProps2(__spreadValues2({}, defaultConfig), {
|
|
20736
|
+
body: JSON.stringify({ phrases })
|
|
20737
|
+
}));
|
|
20738
|
+
if (res.status < 400) {
|
|
20739
|
+
const data = yield res.json();
|
|
20740
|
+
return __spreadProps2(__spreadValues2({}, data), { success: true });
|
|
20741
|
+
}
|
|
20742
|
+
const errors = yield res.json();
|
|
20743
|
+
return { success: false, errors };
|
|
20744
|
+
});
|
|
20745
|
+
const suggestSimplifiedPhrases = (_0, _1) => __async(void 0, [_0, _1], function* (options, { phrases }) {
|
|
20746
|
+
const { environment, customBaseUrl } = options;
|
|
20747
|
+
const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}chat/simplify`, __spreadProps2(__spreadValues2({}, defaultConfig), {
|
|
20748
|
+
body: JSON.stringify({ phrases })
|
|
20749
|
+
}));
|
|
20750
|
+
if (res.status < 400) {
|
|
20751
|
+
const data = yield res.json();
|
|
20752
|
+
console.log(data);
|
|
20753
|
+
return __spreadProps2(__spreadValues2({}, data), { success: true });
|
|
20754
|
+
}
|
|
20755
|
+
const errors = yield res.json();
|
|
20756
|
+
return { success: false, errors };
|
|
20757
|
+
});
|
|
20758
|
+
const suggestBestProductMatches = (_0, _1) => __async(void 0, [_0, _1], function* (options, {
|
|
20759
|
+
initialQuery,
|
|
20760
|
+
productStrings,
|
|
20761
|
+
messageHistory
|
|
20762
|
+
}) {
|
|
20763
|
+
const { environment, customBaseUrl } = options;
|
|
20764
|
+
const res = yield fetch(`${getApiUrl(environment, customBaseUrl)}chat/bestProducts`, __spreadProps2(__spreadValues2({}, defaultConfig), {
|
|
20765
|
+
body: JSON.stringify({ initialQuery, messageHistory, productStrings })
|
|
20766
|
+
}));
|
|
20767
|
+
if (res.status < 400) {
|
|
20768
|
+
const data = yield res.json();
|
|
20769
|
+
console.log(data);
|
|
20770
|
+
return __spreadProps2(__spreadValues2({}, data), { success: true });
|
|
20771
|
+
}
|
|
20772
|
+
const errors = yield res.json();
|
|
20773
|
+
return { success: false, errors };
|
|
20774
|
+
});
|
|
20775
|
+
const prepareChatHistory = (chatLog) => {
|
|
20776
|
+
var _a, _b;
|
|
20777
|
+
const history = [];
|
|
20778
|
+
for (const log of chatLog) {
|
|
20779
|
+
history.push({
|
|
20780
|
+
role: "user",
|
|
20781
|
+
content: log.userInput
|
|
20782
|
+
});
|
|
20783
|
+
history.push({
|
|
20784
|
+
role: "assistant",
|
|
20785
|
+
content: log.suggestedPhrases.join(", ")
|
|
20786
|
+
});
|
|
20787
|
+
if (((_a = log.bestItems) == null ? void 0 : _a.length) > 0) {
|
|
20788
|
+
history.push({
|
|
20789
|
+
role: "assistant",
|
|
20790
|
+
content: `I suggest these best item matches to your query: ${(_b = log.bestItems) == null ? void 0 : _b.join(", ")}`
|
|
20791
|
+
});
|
|
20792
|
+
}
|
|
20793
|
+
}
|
|
20794
|
+
return history;
|
|
20795
|
+
};
|
|
20796
|
+
const ChatService = {
|
|
20797
|
+
suggestSearchChatPhrases,
|
|
20798
|
+
suggestPhraseAlternatives,
|
|
20799
|
+
suggestSimplifiedPhrases,
|
|
20800
|
+
suggestBestProductMatches,
|
|
20801
|
+
prepareChatHistory
|
|
20802
|
+
};
|
|
20803
|
+
const _hoisted_1$4 = { class: "lupa-chat-results" };
|
|
20804
|
+
const _sfc_main$4$1 = /* @__PURE__ */ defineComponent({
|
|
20805
|
+
__name: "ChatPhraseProductsList",
|
|
20806
|
+
props: {
|
|
20807
|
+
options: {},
|
|
20808
|
+
searchResults: {}
|
|
20809
|
+
},
|
|
20810
|
+
setup(__props) {
|
|
20811
|
+
const props = __props;
|
|
20812
|
+
const getProductKeyAction = (index, product) => {
|
|
20813
|
+
return getProductKey(`${index}`, product, props.options.idKey);
|
|
20814
|
+
};
|
|
20815
|
+
return (_ctx, _cache) => {
|
|
20816
|
+
return openBlock(), createElementBlock("section", _hoisted_1$4, [
|
|
20817
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.searchResults, (product, index) => {
|
|
20818
|
+
return openBlock(), createBlock(_sfc_main$i, {
|
|
20819
|
+
class: "lupa-chat-product-card",
|
|
20820
|
+
key: getProductKeyAction(index, product),
|
|
20821
|
+
product,
|
|
20822
|
+
options: _ctx.options
|
|
20823
|
+
}, null, 8, ["product", "options"]);
|
|
20824
|
+
}), 128))
|
|
20825
|
+
]);
|
|
20826
|
+
};
|
|
20827
|
+
}
|
|
20828
|
+
});
|
|
20829
|
+
const _hoisted_1$3 = { class: "lupa-chat-content-entry-phrase" };
|
|
20830
|
+
const _hoisted_2$2 = { class: "lupa-chat-phrase-title" };
|
|
20831
|
+
const _hoisted_3$2 = {
|
|
20832
|
+
key: 0,
|
|
20833
|
+
class: "alert"
|
|
20834
|
+
};
|
|
20835
|
+
const _hoisted_4$1 = {
|
|
20836
|
+
key: 0,
|
|
20837
|
+
class: "lupa-chat-no-results"
|
|
20838
|
+
};
|
|
20839
|
+
const _hoisted_5$1 = /* @__PURE__ */ createBaseVNode("p", null, "We found no matches for this search term", -1);
|
|
20840
|
+
const _hoisted_6 = [
|
|
20841
|
+
_hoisted_5$1
|
|
20842
|
+
];
|
|
20843
|
+
const _sfc_main$3$1 = /* @__PURE__ */ defineComponent({
|
|
20844
|
+
__name: "ChatContentEntryPhrase",
|
|
20845
|
+
props: {
|
|
20846
|
+
options: {},
|
|
20847
|
+
phrase: {}
|
|
20848
|
+
},
|
|
20849
|
+
emits: ["loaded"],
|
|
20850
|
+
setup(__props, { emit: emit2 }) {
|
|
20851
|
+
const props = __props;
|
|
20852
|
+
const searchResults2 = ref([]);
|
|
20853
|
+
const usedAlternativePhrases = ref([]);
|
|
20854
|
+
const usedPartialResults = ref(false);
|
|
20855
|
+
const loading = ref(false);
|
|
20856
|
+
const currentAction = ref("");
|
|
20857
|
+
const displayPhrase = computed(() => props.phrase.replace(",", ""));
|
|
20858
|
+
onMounted(() => __async(this, null, function* () {
|
|
20859
|
+
loading.value = true;
|
|
20860
|
+
currentAction.value = "Loading search results...";
|
|
20861
|
+
try {
|
|
20862
|
+
const initialResults = yield getSearchResults(props.phrase, 8);
|
|
20863
|
+
if (initialResults.length) {
|
|
20864
|
+
searchResults2.value = initialResults;
|
|
20865
|
+
if (initialResults.length > 2) {
|
|
20866
|
+
return;
|
|
20867
|
+
}
|
|
20868
|
+
}
|
|
20869
|
+
currentAction.value = "Checking for alternative phrases...";
|
|
20870
|
+
const alternatives = yield getPhraseAlternatives();
|
|
20871
|
+
yield addAlternativePhraseResults(alternatives, 6);
|
|
20872
|
+
if (!searchResults2.value.length) {
|
|
20873
|
+
const partialAlteratives = [props.phrase].map((phrase) => phrase.split(/\s+/)).flat();
|
|
20874
|
+
currentAction.value = "Checking for partial alternatives...";
|
|
20875
|
+
const partialResults = yield addAlternativePhraseResults(partialAlteratives, 4);
|
|
20876
|
+
if (partialResults == null ? void 0 : partialResults.length) {
|
|
20877
|
+
usedPartialResults.value = true;
|
|
20878
|
+
}
|
|
20879
|
+
}
|
|
20880
|
+
} finally {
|
|
20881
|
+
loading.value = false;
|
|
20882
|
+
currentAction.value = "";
|
|
20883
|
+
emit2("loaded", searchResults2.value);
|
|
20884
|
+
}
|
|
20885
|
+
}));
|
|
20886
|
+
const addAlternativePhraseResults = (phrases, limit = 5) => __async(this, null, function* () {
|
|
20887
|
+
const allResults = [];
|
|
20888
|
+
for (const phrase of phrases) {
|
|
20889
|
+
const results = yield getSearchResults(phrase, limit);
|
|
20890
|
+
if (results.length) {
|
|
20891
|
+
usedAlternativePhrases.value.push(phrase);
|
|
20892
|
+
addToSearchResults(results);
|
|
20893
|
+
allResults.push(...results);
|
|
20894
|
+
}
|
|
20895
|
+
}
|
|
20896
|
+
return allResults;
|
|
20897
|
+
});
|
|
20898
|
+
const addToSearchResults = (items) => {
|
|
20899
|
+
const newDocuments = items.filter((item) => {
|
|
20900
|
+
return !searchResults2.value.find((result) => result.id === item.id);
|
|
20901
|
+
});
|
|
20902
|
+
searchResults2.value.push(...newDocuments);
|
|
20903
|
+
};
|
|
20904
|
+
const getSearchResults = (phrase, limit = 5) => __async(this, null, function* () {
|
|
20905
|
+
const query = { searchText: phrase, limit };
|
|
20906
|
+
const result = yield LupaSearchSdk.query(
|
|
20907
|
+
props.options.displayOptions.queryKey,
|
|
20908
|
+
query,
|
|
20909
|
+
props.options.sdkOptions
|
|
20910
|
+
);
|
|
20911
|
+
if (!result.success) {
|
|
20912
|
+
return [];
|
|
20913
|
+
}
|
|
20914
|
+
return result.items;
|
|
20915
|
+
});
|
|
20916
|
+
const getPhraseAlternatives = () => __async(this, null, function* () {
|
|
20917
|
+
const { phrases } = yield ChatService.suggestPhraseAlternatives(props.options.sdkOptions, {
|
|
20918
|
+
phrases: [props.phrase]
|
|
20919
|
+
});
|
|
20920
|
+
return phrases != null ? phrases : [];
|
|
20921
|
+
});
|
|
20922
|
+
return (_ctx, _cache) => {
|
|
20923
|
+
return openBlock(), createElementBlock("div", _hoisted_1$3, [
|
|
20924
|
+
createBaseVNode("div", _hoisted_2$2, [
|
|
20925
|
+
createBaseVNode("h3", null, toDisplayString(displayPhrase.value), 1),
|
|
20926
|
+
createBaseVNode("sub", null, toDisplayString(usedAlternativePhrases.value.join(", ")), 1),
|
|
20927
|
+
usedPartialResults.value ? (openBlock(), createElementBlock("sub", _hoisted_3$2, "Including partial matches - which might not be what you are looking for")) : createCommentVNode("", true)
|
|
20928
|
+
]),
|
|
20929
|
+
createBaseVNode("div", null, [
|
|
20930
|
+
createVNode(_sfc_main$4$1, {
|
|
20931
|
+
"search-results": searchResults2.value,
|
|
20932
|
+
options: _ctx.options.displayOptions
|
|
20933
|
+
}, null, 8, ["search-results", "options"])
|
|
20934
|
+
]),
|
|
20935
|
+
!loading.value && !searchResults2.value.length ? (openBlock(), createElementBlock("div", _hoisted_4$1, _hoisted_6)) : createCommentVNode("", true),
|
|
20936
|
+
loading.value ? (openBlock(), createBlock(ChatSpinner, {
|
|
20937
|
+
key: 1,
|
|
20938
|
+
message: currentAction.value
|
|
20939
|
+
}, null, 8, ["message"])) : createCommentVNode("", true)
|
|
20940
|
+
]);
|
|
20941
|
+
};
|
|
20942
|
+
}
|
|
20943
|
+
});
|
|
20944
|
+
const _hoisted_1$2 = { class: "lupa-chat-best-matches lupa-chat-content-entry" };
|
|
20945
|
+
const _hoisted_2$1 = /* @__PURE__ */ createBaseVNode("h3", null, "Best matches", -1);
|
|
20946
|
+
const _hoisted_3$1 = { key: 0 };
|
|
20947
|
+
const _sfc_main$2$1 = /* @__PURE__ */ defineComponent({
|
|
20948
|
+
__name: "ChatContentEntry",
|
|
20949
|
+
props: {
|
|
20950
|
+
entry: {},
|
|
20951
|
+
options: {},
|
|
20952
|
+
history: {}
|
|
20953
|
+
},
|
|
20954
|
+
emits: ["loaded"],
|
|
20955
|
+
setup(__props, { emit: emit2 }) {
|
|
20956
|
+
const props = __props;
|
|
20957
|
+
const bestMatches = ref([]);
|
|
20958
|
+
const loadedResults = ref([]);
|
|
20959
|
+
const loadedEntries = ref(0);
|
|
20960
|
+
const loading = ref(true);
|
|
20961
|
+
const entryCount = computed(() => {
|
|
20962
|
+
return props.entry.allPhrases.length;
|
|
20963
|
+
});
|
|
20964
|
+
const loaded = (results = []) => {
|
|
20965
|
+
loadedResults.value.push(...results);
|
|
20966
|
+
loadedEntries.value++;
|
|
20967
|
+
if (loadedEntries.value === entryCount.value) {
|
|
20968
|
+
loadFinalRecommendations();
|
|
20969
|
+
}
|
|
20970
|
+
};
|
|
20971
|
+
const titleKey = computed(() => {
|
|
20972
|
+
var _a;
|
|
20973
|
+
return (_a = props.options.displayOptions.titleKey) != null ? _a : "title";
|
|
20974
|
+
});
|
|
20975
|
+
const loadFinalRecommendations = () => __async(this, null, function* () {
|
|
20976
|
+
var _a;
|
|
20977
|
+
try {
|
|
20978
|
+
const productResultStrings = loadedResults.value.map(
|
|
20979
|
+
(result) => {
|
|
20980
|
+
var _a2, _b;
|
|
20981
|
+
return (_b = (_a2 = result[titleKey.value]) == null ? void 0 : _a2.toString()) != null ? _b : "";
|
|
20982
|
+
}
|
|
20983
|
+
);
|
|
20984
|
+
const { products } = yield ChatService.suggestBestProductMatches(props.options.sdkOptions, {
|
|
20985
|
+
initialQuery: props.entry.userInput,
|
|
20986
|
+
productStrings: productResultStrings,
|
|
20987
|
+
messageHistory: (_a = props.history) != null ? _a : []
|
|
20988
|
+
});
|
|
20989
|
+
bestMatches.value = products;
|
|
20990
|
+
emit2("loaded", products);
|
|
20991
|
+
} finally {
|
|
20992
|
+
loading.value = false;
|
|
20993
|
+
}
|
|
20994
|
+
});
|
|
20995
|
+
const bestMatchProducts = computed(() => {
|
|
20996
|
+
return bestMatches.value.map((productName) => {
|
|
20997
|
+
return loadedResults.value.find((r) => r[titleKey.value] === productName);
|
|
20998
|
+
}).filter(Boolean);
|
|
20999
|
+
});
|
|
21000
|
+
const explanation = computed(() => {
|
|
21001
|
+
var _a, _b;
|
|
21002
|
+
return ((_a = bestMatches.value) == null ? void 0 : _a.length) > 0 && !bestMatchProducts.value.length ? (_b = bestMatches == null ? void 0 : bestMatches.value) == null ? void 0 : _b[0] : "";
|
|
21003
|
+
});
|
|
21004
|
+
return (_ctx, _cache) => {
|
|
21005
|
+
return openBlock(), createElementBlock("div", null, [
|
|
21006
|
+
createBaseVNode("ul", null, [
|
|
21007
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.entry.allPhrases, (phrase) => {
|
|
21008
|
+
return openBlock(), createElementBlock("li", {
|
|
21009
|
+
key: phrase,
|
|
21010
|
+
class: "lupa-chat-content-entry"
|
|
21011
|
+
}, [
|
|
21012
|
+
phrase ? (openBlock(), createBlock(_sfc_main$3$1, {
|
|
21013
|
+
key: 0,
|
|
21014
|
+
phrase,
|
|
21015
|
+
options: _ctx.options,
|
|
21016
|
+
onLoaded: loaded
|
|
21017
|
+
}, null, 8, ["phrase", "options"])) : createCommentVNode("", true)
|
|
21018
|
+
]);
|
|
21019
|
+
}), 128))
|
|
21020
|
+
]),
|
|
21021
|
+
createBaseVNode("section", _hoisted_1$2, [
|
|
21022
|
+
_hoisted_2$1,
|
|
21023
|
+
explanation.value ? (openBlock(), createElementBlock("p", _hoisted_3$1, toDisplayString(explanation.value), 1)) : createCommentVNode("", true),
|
|
21024
|
+
loading.value ? (openBlock(), createBlock(ChatSpinner, {
|
|
21025
|
+
key: 1,
|
|
21026
|
+
message: "Selecting the best matches for you. This might take a few seconds."
|
|
21027
|
+
})) : createCommentVNode("", true),
|
|
21028
|
+
bestMatches.value.length ? (openBlock(), createBlock(_sfc_main$4$1, {
|
|
21029
|
+
key: 2,
|
|
21030
|
+
"search-results": bestMatchProducts.value,
|
|
21031
|
+
options: _ctx.options.displayOptions
|
|
21032
|
+
}, null, 8, ["search-results", "options"])) : createCommentVNode("", true)
|
|
21033
|
+
])
|
|
21034
|
+
]);
|
|
21035
|
+
};
|
|
21036
|
+
}
|
|
21037
|
+
});
|
|
21038
|
+
const _hoisted_1$1 = { class: "lupa-chat-section-title" };
|
|
21039
|
+
const _sfc_main$1$1 = /* @__PURE__ */ defineComponent({
|
|
21040
|
+
__name: "ChatContentList",
|
|
21041
|
+
props: {
|
|
21042
|
+
content: {},
|
|
21043
|
+
options: {},
|
|
21044
|
+
history: {}
|
|
21045
|
+
},
|
|
21046
|
+
emits: ["loaded"],
|
|
21047
|
+
setup(__props, { emit: emit2 }) {
|
|
21048
|
+
const bestItemsLoaded = (items, key) => {
|
|
21049
|
+
emit2("loaded", { items, key });
|
|
21050
|
+
};
|
|
21051
|
+
return (_ctx, _cache) => {
|
|
21052
|
+
return openBlock(), createElementBlock("div", null, [
|
|
21053
|
+
createBaseVNode("ul", null, [
|
|
21054
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.content, (entry) => {
|
|
21055
|
+
return openBlock(), createElementBlock("li", {
|
|
21056
|
+
key: entry.key
|
|
21057
|
+
}, [
|
|
21058
|
+
createBaseVNode("h4", _hoisted_1$1, toDisplayString(entry.userInput), 1),
|
|
21059
|
+
createVNode(_sfc_main$2$1, {
|
|
21060
|
+
entry,
|
|
21061
|
+
options: _ctx.options,
|
|
21062
|
+
history: _ctx.history,
|
|
21063
|
+
onLoaded: (items) => bestItemsLoaded(items, entry.key)
|
|
21064
|
+
}, null, 8, ["entry", "options", "history", "onLoaded"])
|
|
21065
|
+
]);
|
|
21066
|
+
}), 128))
|
|
21067
|
+
])
|
|
21068
|
+
]);
|
|
21069
|
+
};
|
|
21070
|
+
}
|
|
21071
|
+
});
|
|
21072
|
+
const _hoisted_1 = { class: "lupasearch-chat" };
|
|
21073
|
+
const _hoisted_2 = /* @__PURE__ */ createBaseVNode("section", { class: "lupa-chat-logo" }, [
|
|
21074
|
+
/* @__PURE__ */ createBaseVNode("img", { src: "https://www.lupasearch.com/images/partials/header/lupasearch-logo.svg" })
|
|
21075
|
+
], -1);
|
|
21076
|
+
const _hoisted_3 = {
|
|
21077
|
+
key: 0,
|
|
21078
|
+
class: "lupasearch-chat-content"
|
|
21079
|
+
};
|
|
21080
|
+
const _hoisted_4 = {
|
|
21081
|
+
key: 1,
|
|
21082
|
+
class: "lupa-chat-spinner-main"
|
|
21083
|
+
};
|
|
21084
|
+
const _hoisted_5 = { class: "lupasearch-chat-input" };
|
|
21085
|
+
const _sfc_main$1i = /* @__PURE__ */ defineComponent({
|
|
21086
|
+
__name: "ChatContainer",
|
|
21087
|
+
props: {
|
|
21088
|
+
options: {}
|
|
21089
|
+
},
|
|
21090
|
+
setup(__props) {
|
|
21091
|
+
const props = __props;
|
|
21092
|
+
const loading = ref(false);
|
|
21093
|
+
const error = ref("");
|
|
21094
|
+
const chatContent = ref([]);
|
|
21095
|
+
const history = computed(() => ChatService.prepareChatHistory(chatContent.value));
|
|
21096
|
+
const submitChatInput = (input) => __async(this, null, function* () {
|
|
21097
|
+
var _a;
|
|
21098
|
+
if (input.length < 3) {
|
|
21099
|
+
return;
|
|
21100
|
+
}
|
|
21101
|
+
try {
|
|
21102
|
+
loading.value = true;
|
|
21103
|
+
const request = {
|
|
21104
|
+
userPrompt: input,
|
|
21105
|
+
messageHistory: (_a = history.value) != null ? _a : [],
|
|
21106
|
+
queryKey: props.options.displayOptions.queryKey
|
|
21107
|
+
};
|
|
21108
|
+
const { phrases, success } = yield ChatService.suggestSearchChatPhrases(
|
|
21109
|
+
props.options.sdkOptions,
|
|
21110
|
+
request
|
|
21111
|
+
);
|
|
21112
|
+
if (!success || !phrases.length) {
|
|
21113
|
+
error.value = "Something went wrong";
|
|
21114
|
+
return;
|
|
21115
|
+
}
|
|
21116
|
+
const validPhrases = phrases.filter((p2) => (p2 == null ? void 0 : p2.trim().length) > 0);
|
|
21117
|
+
const chatLog = {
|
|
21118
|
+
key: Date.now().toString(),
|
|
21119
|
+
userInput: input,
|
|
21120
|
+
allPhrases: [...validPhrases],
|
|
21121
|
+
suggestedPhrases: phrases
|
|
21122
|
+
};
|
|
21123
|
+
chatContent.value.push(chatLog);
|
|
21124
|
+
} finally {
|
|
21125
|
+
loading.value = false;
|
|
21126
|
+
}
|
|
21127
|
+
});
|
|
21128
|
+
const bestItemsLoaded = ({ items, key }) => {
|
|
21129
|
+
const entry = chatContent.value.find((c2) => c2.key === key);
|
|
21130
|
+
entry.bestItems = items;
|
|
21131
|
+
};
|
|
21132
|
+
return (_ctx, _cache) => {
|
|
21133
|
+
return openBlock(), createElementBlock("section", _hoisted_1, [
|
|
21134
|
+
_hoisted_2,
|
|
21135
|
+
chatContent.value.length ? (openBlock(), createElementBlock("section", _hoisted_3, [
|
|
21136
|
+
createVNode(_sfc_main$1$1, {
|
|
21137
|
+
content: chatContent.value,
|
|
21138
|
+
options: _ctx.options,
|
|
21139
|
+
onLoaded: bestItemsLoaded,
|
|
21140
|
+
history: history.value
|
|
21141
|
+
}, null, 8, ["content", "options", "history"])
|
|
21142
|
+
])) : createCommentVNode("", true),
|
|
21143
|
+
loading.value ? (openBlock(), createElementBlock("section", _hoisted_4, [
|
|
21144
|
+
createVNode(ChatSpinner, { message: "Loading initial recommendations... This might take up to 20s" })
|
|
21145
|
+
])) : createCommentVNode("", true),
|
|
21146
|
+
createBaseVNode("section", _hoisted_5, [
|
|
21147
|
+
createVNode(_sfc_main$5, {
|
|
21148
|
+
onSubmit: submitChatInput,
|
|
21149
|
+
disabled: loading.value
|
|
21150
|
+
}, null, 8, ["disabled"])
|
|
21151
|
+
])
|
|
21152
|
+
]);
|
|
21153
|
+
};
|
|
21154
|
+
}
|
|
21155
|
+
});
|
|
20623
21156
|
let piniaInstance = null;
|
|
20624
21157
|
const initPinia = () => {
|
|
20625
21158
|
if (piniaInstance) {
|
|
@@ -26182,7 +26715,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
26182
26715
|
};
|
|
26183
26716
|
__expose({ fetch: fetch2 });
|
|
26184
26717
|
return (_ctx, _cache) => {
|
|
26185
|
-
return openBlock(), createBlock(unref(_sfc_main$
|
|
26718
|
+
return openBlock(), createBlock(unref(_sfc_main$Y), {
|
|
26186
26719
|
options: fullSearchBoxOptions.value,
|
|
26187
26720
|
ref_key: "searchBox",
|
|
26188
26721
|
ref: searchBox2
|
|
@@ -26309,7 +26842,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
|
|
|
26309
26842
|
};
|
|
26310
26843
|
__expose({ fetch: fetch2 });
|
|
26311
26844
|
return (_ctx, _cache) => {
|
|
26312
|
-
return openBlock(), createBlock(unref(_sfc_main$
|
|
26845
|
+
return openBlock(), createBlock(unref(_sfc_main$b), {
|
|
26313
26846
|
options: fullSearchResultsOptions.value,
|
|
26314
26847
|
ref_key: "searchResults",
|
|
26315
26848
|
ref: searchResults2
|
|
@@ -26334,7 +26867,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
|
26334
26867
|
};
|
|
26335
26868
|
__expose({ fetch: fetch2 });
|
|
26336
26869
|
return (_ctx, _cache) => {
|
|
26337
|
-
return openBlock(), createBlock(unref(_sfc_main$
|
|
26870
|
+
return openBlock(), createBlock(unref(_sfc_main$9), {
|
|
26338
26871
|
options: fullProductListOptions.value,
|
|
26339
26872
|
ref_key: "productList",
|
|
26340
26873
|
ref: productList2
|
|
@@ -26414,7 +26947,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
26414
26947
|
__expose({ fetch: fetch2, reloadOptions });
|
|
26415
26948
|
return (_ctx, _cache) => {
|
|
26416
26949
|
return openBlock(), createElementBlock("div", null, [
|
|
26417
|
-
containerOptions.value && isOpen.value ? (openBlock(), createBlock(unref(_sfc_main$
|
|
26950
|
+
containerOptions.value && isOpen.value ? (openBlock(), createBlock(unref(_sfc_main$8), {
|
|
26418
26951
|
key: 0,
|
|
26419
26952
|
options: containerOptions.value,
|
|
26420
26953
|
ref_key: "productList",
|
|
@@ -26438,7 +26971,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
26438
26971
|
};
|
|
26439
26972
|
__expose({ fetch: fetch2 });
|
|
26440
26973
|
return (_ctx, _cache) => {
|
|
26441
|
-
return openBlock(), createBlock(unref(_sfc_main$
|
|
26974
|
+
return openBlock(), createBlock(unref(_sfc_main$7), {
|
|
26442
26975
|
options: _ctx.recommendationOptions,
|
|
26443
26976
|
ref_key: "productRecommendations",
|
|
26444
26977
|
ref: productRecommendations
|
|
@@ -26496,7 +27029,8 @@ const app = {
|
|
|
26496
27029
|
results: {},
|
|
26497
27030
|
productList: {},
|
|
26498
27031
|
searchContainer: {},
|
|
26499
|
-
recommendations: {}
|
|
27032
|
+
recommendations: {},
|
|
27033
|
+
chat: {}
|
|
26500
27034
|
};
|
|
26501
27035
|
const tracking = (options) => {
|
|
26502
27036
|
setupTracking(options);
|
|
@@ -26644,6 +27178,26 @@ const recommendations = (options, mountOptions) => {
|
|
|
26644
27178
|
}
|
|
26645
27179
|
app.recommendations[options.containerSelector] = instance;
|
|
26646
27180
|
};
|
|
27181
|
+
const chat = (options, mountOptions) => {
|
|
27182
|
+
const existingInstance = app.chat[options.displayOptions.containerSelector];
|
|
27183
|
+
if (existingInstance) {
|
|
27184
|
+
existingInstance.props.options = options;
|
|
27185
|
+
if (mountOptions == null ? void 0 : mountOptions.fetch) {
|
|
27186
|
+
setTimeout(() => {
|
|
27187
|
+
var _a, _b, _c, _d;
|
|
27188
|
+
(_d = (_c = (_b = (_a = existingInstance.mountedComponent) == null ? void 0 : _a.component) == null ? void 0 : _b.exposed) == null ? void 0 : _c.fetch) == null ? void 0 : _d.call(_c);
|
|
27189
|
+
});
|
|
27190
|
+
}
|
|
27191
|
+
return;
|
|
27192
|
+
}
|
|
27193
|
+
const instance = createVue(options.displayOptions.containerSelector, _sfc_main$1i, {
|
|
27194
|
+
recommendationOptions: options
|
|
27195
|
+
});
|
|
27196
|
+
if (!instance) {
|
|
27197
|
+
return;
|
|
27198
|
+
}
|
|
27199
|
+
app.chat[options.displayOptions.containerSelector] = instance;
|
|
27200
|
+
};
|
|
26647
27201
|
const clearInstance = (element, app2) => {
|
|
26648
27202
|
var _a;
|
|
26649
27203
|
const content = element.innerHTML;
|
|
@@ -26715,6 +27269,19 @@ const clearRecommendations = (selector) => {
|
|
|
26715
27269
|
} catch (e) {
|
|
26716
27270
|
}
|
|
26717
27271
|
};
|
|
27272
|
+
const clearChat = (selector) => {
|
|
27273
|
+
try {
|
|
27274
|
+
if (selector) {
|
|
27275
|
+
app.chat[selector] = null;
|
|
27276
|
+
clearInstance(app.chat[selector].mountElement, app.chat[selector].app);
|
|
27277
|
+
}
|
|
27278
|
+
for (const key in app.chat) {
|
|
27279
|
+
clearInstance(app.chat[key].mountElement, app.chat[key].app);
|
|
27280
|
+
}
|
|
27281
|
+
app.chat = {};
|
|
27282
|
+
} catch (e) {
|
|
27283
|
+
}
|
|
27284
|
+
};
|
|
26718
27285
|
const lupaSearch = {
|
|
26719
27286
|
searchBox,
|
|
26720
27287
|
searchResults,
|
|
@@ -26726,7 +27293,9 @@ const lupaSearch = {
|
|
|
26726
27293
|
clearSearchResults,
|
|
26727
27294
|
clearProductList,
|
|
26728
27295
|
clearSearchContainer,
|
|
26729
|
-
clearRecommendations
|
|
27296
|
+
clearRecommendations,
|
|
27297
|
+
chat,
|
|
27298
|
+
clearChat
|
|
26730
27299
|
};
|
|
26731
27300
|
if (typeof window !== "undefined") {
|
|
26732
27301
|
window.getLupa = lupaSearch;
|