@getlupa/client 1.11.7 → 1.11.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/lupaSearch.iife.js +195 -130
- package/dist/lupaSearch.js +195 -130
- package/dist/lupaSearch.mjs +195 -130
- package/dist/lupaSearch.umd.js +195 -130
- package/dist/style.css +1 -1
- package/package.json +2 -2
package/dist/lupaSearch.js
CHANGED
|
@@ -6899,11 +6899,12 @@ const LupaSearchSdk = {
|
|
|
6899
6899
|
}
|
|
6900
6900
|
};
|
|
6901
6901
|
const getNormalizedString = (str) => {
|
|
6902
|
+
var _a, _b;
|
|
6902
6903
|
if (!str) {
|
|
6903
6904
|
return "";
|
|
6904
6905
|
}
|
|
6905
6906
|
const transformedStr = typeof str === "string" ? str : str.toString();
|
|
6906
|
-
return transformedStr.normalize === void 0 ? transformedStr.toLocaleLowerCase() : transformedStr.toLocaleLowerCase().normalize("NFKD").replace(/[^\w\s.-_/]/g, "");
|
|
6907
|
+
return transformedStr.normalize === void 0 ? (_a = transformedStr.toLocaleLowerCase()) == null ? void 0 : _a.trim() : (_b = transformedStr.toLocaleLowerCase().normalize("NFKD").replace(/[^\w\s.-_/]/g, "")) == null ? void 0 : _b.trim();
|
|
6907
6908
|
};
|
|
6908
6909
|
const capitalize$1 = (str) => {
|
|
6909
6910
|
if (!str) {
|
|
@@ -8446,8 +8447,8 @@ const useSearchBoxStore = defineStore("searchBox", () => {
|
|
|
8446
8447
|
resetHighlightIndex
|
|
8447
8448
|
};
|
|
8448
8449
|
});
|
|
8449
|
-
const _hoisted_1$
|
|
8450
|
-
const _hoisted_2$
|
|
8450
|
+
const _hoisted_1$1f = { id: "lupa-search-box-input-container" };
|
|
8451
|
+
const _hoisted_2$R = { class: "lupa-input-clear" };
|
|
8451
8452
|
const _hoisted_3$A = { id: "lupa-search-box-input" };
|
|
8452
8453
|
const _hoisted_4$s = ["value"];
|
|
8453
8454
|
const _hoisted_5$h = ["aria-label", "placeholder"];
|
|
@@ -8459,7 +8460,7 @@ const _hoisted_8$3 = {
|
|
|
8459
8460
|
key: 0,
|
|
8460
8461
|
class: "lupa-close-label"
|
|
8461
8462
|
};
|
|
8462
|
-
const _sfc_main$
|
|
8463
|
+
const _sfc_main$1n = /* @__PURE__ */ defineComponent({
|
|
8463
8464
|
__name: "SearchBoxInput",
|
|
8464
8465
|
props: {
|
|
8465
8466
|
options: {},
|
|
@@ -8543,8 +8544,8 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
|
|
|
8543
8544
|
};
|
|
8544
8545
|
__expose({ focus });
|
|
8545
8546
|
return (_ctx, _cache) => {
|
|
8546
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
8547
|
-
createBaseVNode("div", _hoisted_2$
|
|
8547
|
+
return openBlock(), createElementBlock("div", _hoisted_1$1f, [
|
|
8548
|
+
createBaseVNode("div", _hoisted_2$R, [
|
|
8548
8549
|
createBaseVNode("div", {
|
|
8549
8550
|
class: normalizeClass(["lupa-input-clear-content", { "lupa-input-clear-filled": inputValue.value }]),
|
|
8550
8551
|
onClick: clear2
|
|
@@ -8589,7 +8590,7 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
|
|
|
8589
8590
|
};
|
|
8590
8591
|
}
|
|
8591
8592
|
});
|
|
8592
|
-
const _sfc_main$
|
|
8593
|
+
const _sfc_main$1m = /* @__PURE__ */ defineComponent({
|
|
8593
8594
|
__name: "SearchBoxMoreResults",
|
|
8594
8595
|
props: {
|
|
8595
8596
|
labels: {},
|
|
@@ -8621,9 +8622,9 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
|
|
|
8621
8622
|
};
|
|
8622
8623
|
}
|
|
8623
8624
|
});
|
|
8624
|
-
const _hoisted_1$
|
|
8625
|
-
const _hoisted_2$
|
|
8626
|
-
const _sfc_main$
|
|
8625
|
+
const _hoisted_1$1e = { class: "lupa-search-box-history-item" };
|
|
8626
|
+
const _hoisted_2$Q = { class: "lupa-search-box-history-item-content" };
|
|
8627
|
+
const _sfc_main$1l = /* @__PURE__ */ defineComponent({
|
|
8627
8628
|
__name: "SearchBoxHistoryItem",
|
|
8628
8629
|
props: {
|
|
8629
8630
|
item: {},
|
|
@@ -8639,8 +8640,8 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
|
|
|
8639
8640
|
emit2("click", { query: props.item });
|
|
8640
8641
|
};
|
|
8641
8642
|
return (_ctx, _cache) => {
|
|
8642
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
8643
|
-
createBaseVNode("div", _hoisted_2$
|
|
8643
|
+
return openBlock(), createElementBlock("div", _hoisted_1$1e, [
|
|
8644
|
+
createBaseVNode("div", _hoisted_2$Q, [
|
|
8644
8645
|
createBaseVNode("div", {
|
|
8645
8646
|
class: normalizeClass(["lupa-search-box-history-item-text", { "lupa-search-box-history-item-highlighted": _ctx.highlighted }]),
|
|
8646
8647
|
onClick: click2
|
|
@@ -8654,11 +8655,11 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
|
|
|
8654
8655
|
};
|
|
8655
8656
|
}
|
|
8656
8657
|
});
|
|
8657
|
-
const _hoisted_1$
|
|
8658
|
+
const _hoisted_1$1d = {
|
|
8658
8659
|
key: 0,
|
|
8659
8660
|
class: "lupa-search-box-history-panel"
|
|
8660
8661
|
};
|
|
8661
|
-
const _sfc_main$
|
|
8662
|
+
const _sfc_main$1k = /* @__PURE__ */ defineComponent({
|
|
8662
8663
|
__name: "SearchBoxHistoryPanel",
|
|
8663
8664
|
props: {
|
|
8664
8665
|
options: {}
|
|
@@ -8699,9 +8700,9 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
|
|
|
8699
8700
|
}
|
|
8700
8701
|
};
|
|
8701
8702
|
return (_ctx, _cache) => {
|
|
8702
|
-
return hasHistory.value ? (openBlock(), createElementBlock("div", _hoisted_1$
|
|
8703
|
+
return hasHistory.value ? (openBlock(), createElementBlock("div", _hoisted_1$1d, [
|
|
8703
8704
|
(openBlock(true), createElementBlock(Fragment, null, renderList(unref(history), (item, index) => {
|
|
8704
|
-
return openBlock(), createBlock(_sfc_main$
|
|
8705
|
+
return openBlock(), createBlock(_sfc_main$1l, {
|
|
8705
8706
|
key: item,
|
|
8706
8707
|
item,
|
|
8707
8708
|
highlighted: index === highlightIndex.value,
|
|
@@ -8717,20 +8718,20 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
|
|
|
8717
8718
|
};
|
|
8718
8719
|
}
|
|
8719
8720
|
});
|
|
8720
|
-
const _hoisted_1$
|
|
8721
|
-
const _sfc_main$
|
|
8721
|
+
const _hoisted_1$1c = { class: "lupa-search-box-no-results" };
|
|
8722
|
+
const _sfc_main$1j = /* @__PURE__ */ defineComponent({
|
|
8722
8723
|
__name: "SearchBoxNoResults",
|
|
8723
8724
|
props: {
|
|
8724
8725
|
labels: {}
|
|
8725
8726
|
},
|
|
8726
8727
|
setup(__props) {
|
|
8727
8728
|
return (_ctx, _cache) => {
|
|
8728
|
-
return openBlock(), createElementBlock("p", _hoisted_1$
|
|
8729
|
+
return openBlock(), createElementBlock("p", _hoisted_1$1c, toDisplayString(_ctx.labels.noResults), 1);
|
|
8729
8730
|
};
|
|
8730
8731
|
}
|
|
8731
8732
|
});
|
|
8732
|
-
const _hoisted_1$
|
|
8733
|
-
const _hoisted_2$
|
|
8733
|
+
const _hoisted_1$1b = ["innerHTML"];
|
|
8734
|
+
const _hoisted_2$P = {
|
|
8734
8735
|
key: 1,
|
|
8735
8736
|
"data-cy": "lupa-suggestion-value",
|
|
8736
8737
|
class: "lupa-suggestion-value"
|
|
@@ -8748,7 +8749,7 @@ const _hoisted_5$g = {
|
|
|
8748
8749
|
class: "lupa-suggestion-facet-value",
|
|
8749
8750
|
"data-cy": "lupa-suggestion-facet-value"
|
|
8750
8751
|
};
|
|
8751
|
-
const _sfc_main$
|
|
8752
|
+
const _sfc_main$1i = /* @__PURE__ */ defineComponent({
|
|
8752
8753
|
__name: "SearchBoxSuggestion",
|
|
8753
8754
|
props: {
|
|
8754
8755
|
suggestion: {},
|
|
@@ -8784,7 +8785,7 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
|
|
|
8784
8785
|
class: "lupa-suggestion-value",
|
|
8785
8786
|
"data-cy": "lupa-suggestion-value",
|
|
8786
8787
|
innerHTML: _ctx.suggestion.displayHighlight
|
|
8787
|
-
}, null, 8, _hoisted_1$
|
|
8788
|
+
}, null, 8, _hoisted_1$1b)) : (openBlock(), createElementBlock("div", _hoisted_2$P, toDisplayString(_ctx.suggestion.display), 1)),
|
|
8788
8789
|
_ctx.suggestion.facet ? (openBlock(), createElementBlock("div", _hoisted_3$z, [
|
|
8789
8790
|
createBaseVNode("span", _hoisted_4$r, toDisplayString(facetLabel.value), 1),
|
|
8790
8791
|
createBaseVNode("span", _hoisted_5$g, toDisplayString(_ctx.suggestion.facet.title), 1)
|
|
@@ -8793,11 +8794,11 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
|
|
|
8793
8794
|
};
|
|
8794
8795
|
}
|
|
8795
8796
|
});
|
|
8796
|
-
const _hoisted_1$
|
|
8797
|
+
const _hoisted_1$1a = {
|
|
8797
8798
|
id: "lupa-search-box-suggestions",
|
|
8798
8799
|
"data-cy": "lupa-search-box-suggestions"
|
|
8799
8800
|
};
|
|
8800
|
-
const _sfc_main$
|
|
8801
|
+
const _sfc_main$1h = /* @__PURE__ */ defineComponent({
|
|
8801
8802
|
__name: "SearchBoxSuggestions",
|
|
8802
8803
|
props: {
|
|
8803
8804
|
items: {},
|
|
@@ -8857,9 +8858,9 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
|
|
|
8857
8858
|
});
|
|
8858
8859
|
});
|
|
8859
8860
|
return (_ctx, _cache) => {
|
|
8860
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
8861
|
+
return openBlock(), createElementBlock("div", _hoisted_1$1a, [
|
|
8861
8862
|
(openBlock(true), createElementBlock(Fragment, null, renderList(items.value, (item, index) => {
|
|
8862
|
-
return openBlock(), createBlock(_sfc_main$
|
|
8863
|
+
return openBlock(), createBlock(_sfc_main$1i, {
|
|
8863
8864
|
key: getSuggestionKey(item),
|
|
8864
8865
|
class: normalizeClass(["lupa-suggestion", index === highlightedIndex.value ? "lupa-suggestion-highlighted" : ""]),
|
|
8865
8866
|
suggestion: item,
|
|
@@ -8887,7 +8888,7 @@ const debounce$1 = (func, timeout) => {
|
|
|
8887
8888
|
}, timeout);
|
|
8888
8889
|
};
|
|
8889
8890
|
};
|
|
8890
|
-
const _sfc_main$
|
|
8891
|
+
const _sfc_main$1g = /* @__PURE__ */ defineComponent({
|
|
8891
8892
|
__name: "SearchBoxSuggestionsWrapper",
|
|
8892
8893
|
props: {
|
|
8893
8894
|
panel: {},
|
|
@@ -8928,7 +8929,7 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
|
|
|
8928
8929
|
};
|
|
8929
8930
|
const getSuggestionsDebounced = debounce$1(getSuggestions, props.debounce);
|
|
8930
8931
|
return (_ctx, _cache) => {
|
|
8931
|
-
return openBlock(), createBlock(_sfc_main$
|
|
8932
|
+
return openBlock(), createBlock(_sfc_main$1h, {
|
|
8932
8933
|
items: searchResult.value,
|
|
8933
8934
|
highlight: _ctx.panel.highlight,
|
|
8934
8935
|
queryKey: _ctx.panel.queryKey,
|
|
@@ -9032,8 +9033,8 @@ const replaceImageWithPlaceholder = (e, placeholder) => {
|
|
|
9032
9033
|
targetImage.src = placeholder;
|
|
9033
9034
|
}
|
|
9034
9035
|
};
|
|
9035
|
-
const _hoisted_1$
|
|
9036
|
-
const _sfc_main$
|
|
9036
|
+
const _hoisted_1$19 = ["src"];
|
|
9037
|
+
const _sfc_main$1f = /* @__PURE__ */ defineComponent({
|
|
9037
9038
|
__name: "ProductImage",
|
|
9038
9039
|
props: {
|
|
9039
9040
|
item: {},
|
|
@@ -9151,7 +9152,7 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
|
|
|
9151
9152
|
}, { alt: imageAlt.value ? imageAlt.value : void 0 }, {
|
|
9152
9153
|
onError: replaceWithPlaceholder,
|
|
9153
9154
|
key: finalUrl.value
|
|
9154
|
-
}), null, 16, _hoisted_1$
|
|
9155
|
+
}), null, 16, _hoisted_1$19))
|
|
9155
9156
|
]),
|
|
9156
9157
|
_: 1
|
|
9157
9158
|
})
|
|
@@ -9159,7 +9160,7 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
|
|
|
9159
9160
|
};
|
|
9160
9161
|
}
|
|
9161
9162
|
});
|
|
9162
|
-
const _sfc_main$
|
|
9163
|
+
const _sfc_main$1e = /* @__PURE__ */ defineComponent({
|
|
9163
9164
|
__name: "SearchBoxProductImage",
|
|
9164
9165
|
props: {
|
|
9165
9166
|
item: {},
|
|
@@ -9167,7 +9168,7 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
|
|
|
9167
9168
|
},
|
|
9168
9169
|
setup(__props) {
|
|
9169
9170
|
return (_ctx, _cache) => {
|
|
9170
|
-
return openBlock(), createBlock(_sfc_main$
|
|
9171
|
+
return openBlock(), createBlock(_sfc_main$1f, {
|
|
9171
9172
|
item: _ctx.item,
|
|
9172
9173
|
options: _ctx.options,
|
|
9173
9174
|
"wrapper-class": "lupa-search-box-image-wrapper",
|
|
@@ -9176,12 +9177,12 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
|
|
|
9176
9177
|
};
|
|
9177
9178
|
}
|
|
9178
9179
|
});
|
|
9179
|
-
const _hoisted_1$
|
|
9180
|
-
const _hoisted_2$
|
|
9180
|
+
const _hoisted_1$18 = ["innerHTML"];
|
|
9181
|
+
const _hoisted_2$O = {
|
|
9181
9182
|
key: 1,
|
|
9182
9183
|
class: "lupa-search-box-product-title"
|
|
9183
9184
|
};
|
|
9184
|
-
const _sfc_main$
|
|
9185
|
+
const _sfc_main$1d = /* @__PURE__ */ defineComponent({
|
|
9185
9186
|
__name: "SearchBoxProductTitle",
|
|
9186
9187
|
props: {
|
|
9187
9188
|
item: {},
|
|
@@ -9201,18 +9202,18 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
|
|
|
9201
9202
|
key: 0,
|
|
9202
9203
|
class: "lupa-search-box-product-title",
|
|
9203
9204
|
innerHTML: title.value
|
|
9204
|
-
}, null, 8, _hoisted_1$
|
|
9205
|
+
}, null, 8, _hoisted_1$18)) : (openBlock(), createElementBlock("div", _hoisted_2$O, [
|
|
9205
9206
|
createBaseVNode("strong", null, toDisplayString(title.value), 1)
|
|
9206
9207
|
]));
|
|
9207
9208
|
};
|
|
9208
9209
|
}
|
|
9209
9210
|
});
|
|
9210
|
-
const _hoisted_1$
|
|
9211
|
-
const _hoisted_2$
|
|
9211
|
+
const _hoisted_1$17 = ["innerHTML"];
|
|
9212
|
+
const _hoisted_2$N = {
|
|
9212
9213
|
key: 1,
|
|
9213
9214
|
class: "lupa-search-box-product-description"
|
|
9214
9215
|
};
|
|
9215
|
-
const _sfc_main$
|
|
9216
|
+
const _sfc_main$1c = /* @__PURE__ */ defineComponent({
|
|
9216
9217
|
__name: "SearchBoxProductDescription",
|
|
9217
9218
|
props: {
|
|
9218
9219
|
item: {},
|
|
@@ -9232,12 +9233,12 @@ const _sfc_main$1b = /* @__PURE__ */ defineComponent({
|
|
|
9232
9233
|
key: 0,
|
|
9233
9234
|
class: "lupa-search-box-product-description",
|
|
9234
9235
|
innerHTML: description.value
|
|
9235
|
-
}, null, 8, _hoisted_1$
|
|
9236
|
+
}, null, 8, _hoisted_1$17)) : (openBlock(), createElementBlock("div", _hoisted_2$N, toDisplayString(description.value), 1));
|
|
9236
9237
|
};
|
|
9237
9238
|
}
|
|
9238
9239
|
});
|
|
9239
|
-
const _hoisted_1$
|
|
9240
|
-
const _sfc_main$
|
|
9240
|
+
const _hoisted_1$16 = { class: "lupa-search-box-product-price" };
|
|
9241
|
+
const _sfc_main$1b = /* @__PURE__ */ defineComponent({
|
|
9241
9242
|
__name: "SearchBoxProductPrice",
|
|
9242
9243
|
props: {
|
|
9243
9244
|
item: {},
|
|
@@ -9255,14 +9256,14 @@ const _sfc_main$1a = /* @__PURE__ */ defineComponent({
|
|
|
9255
9256
|
);
|
|
9256
9257
|
});
|
|
9257
9258
|
return (_ctx, _cache) => {
|
|
9258
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
9259
|
+
return openBlock(), createElementBlock("div", _hoisted_1$16, [
|
|
9259
9260
|
createBaseVNode("strong", null, toDisplayString(price.value), 1)
|
|
9260
9261
|
]);
|
|
9261
9262
|
};
|
|
9262
9263
|
}
|
|
9263
9264
|
});
|
|
9264
|
-
const _hoisted_1$
|
|
9265
|
-
const _sfc_main$
|
|
9265
|
+
const _hoisted_1$15 = { class: "lupa-search-box-product-regular-price" };
|
|
9266
|
+
const _sfc_main$1a = /* @__PURE__ */ defineComponent({
|
|
9266
9267
|
__name: "SearchBoxProductRegularPrice",
|
|
9267
9268
|
props: {
|
|
9268
9269
|
item: {},
|
|
@@ -9280,16 +9281,16 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
|
|
|
9280
9281
|
);
|
|
9281
9282
|
});
|
|
9282
9283
|
return (_ctx, _cache) => {
|
|
9283
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
9284
|
+
return openBlock(), createElementBlock("div", _hoisted_1$15, toDisplayString(price.value), 1);
|
|
9284
9285
|
};
|
|
9285
9286
|
}
|
|
9286
9287
|
});
|
|
9287
|
-
const _hoisted_1$
|
|
9288
|
-
const _hoisted_2$
|
|
9288
|
+
const _hoisted_1$14 = ["innerHTML"];
|
|
9289
|
+
const _hoisted_2$M = { key: 0 };
|
|
9289
9290
|
const _hoisted_3$y = { key: 1 };
|
|
9290
9291
|
const _hoisted_4$q = { class: "lupa-search-box-custom-label" };
|
|
9291
9292
|
const _hoisted_5$f = { class: "lupa-search-box-custom-text" };
|
|
9292
|
-
const _sfc_main$
|
|
9293
|
+
const _sfc_main$19 = /* @__PURE__ */ defineComponent({
|
|
9293
9294
|
__name: "SearchBoxProductCustom",
|
|
9294
9295
|
props: {
|
|
9295
9296
|
item: {},
|
|
@@ -9315,11 +9316,11 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
|
|
|
9315
9316
|
key: 0,
|
|
9316
9317
|
class: [className.value, "lupa-search-box-product-custom"],
|
|
9317
9318
|
innerHTML: text.value
|
|
9318
|
-
}, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$
|
|
9319
|
+
}, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$14)) : (openBlock(), createElementBlock("div", mergeProps({
|
|
9319
9320
|
key: 1,
|
|
9320
9321
|
class: [className.value, "lupa-search-box-product-custom"]
|
|
9321
9322
|
}, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
|
|
9322
|
-
!label.value ? (openBlock(), createElementBlock("div", _hoisted_2$
|
|
9323
|
+
!label.value ? (openBlock(), createElementBlock("div", _hoisted_2$M, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$y, [
|
|
9323
9324
|
createBaseVNode("div", _hoisted_4$q, toDisplayString(label.value), 1),
|
|
9324
9325
|
createBaseVNode("div", _hoisted_5$f, toDisplayString(text.value), 1)
|
|
9325
9326
|
]))
|
|
@@ -9327,8 +9328,8 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
|
|
|
9327
9328
|
};
|
|
9328
9329
|
}
|
|
9329
9330
|
});
|
|
9330
|
-
const _hoisted_1$
|
|
9331
|
-
const _sfc_main$
|
|
9331
|
+
const _hoisted_1$13 = ["innerHTML"];
|
|
9332
|
+
const _sfc_main$18 = /* @__PURE__ */ defineComponent({
|
|
9332
9333
|
__name: "SearchBoxProductCustomHtml",
|
|
9333
9334
|
props: {
|
|
9334
9335
|
item: {},
|
|
@@ -9348,7 +9349,7 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
|
|
|
9348
9349
|
return openBlock(), createElementBlock("div", mergeProps({
|
|
9349
9350
|
class: className.value,
|
|
9350
9351
|
innerHTML: text.value
|
|
9351
|
-
}, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$
|
|
9352
|
+
}, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$13);
|
|
9352
9353
|
};
|
|
9353
9354
|
}
|
|
9354
9355
|
});
|
|
@@ -9566,10 +9567,10 @@ const useSearchResultStore = defineStore("searchResult", () => {
|
|
|
9566
9567
|
clearSearchResult
|
|
9567
9568
|
};
|
|
9568
9569
|
});
|
|
9569
|
-
const _hoisted_1$
|
|
9570
|
-
const _hoisted_2$
|
|
9570
|
+
const _hoisted_1$12 = { class: "lupa-search-box-add-to-cart-wrapper" };
|
|
9571
|
+
const _hoisted_2$L = { class: "lupa-search-box-product-addtocart" };
|
|
9571
9572
|
const _hoisted_3$x = ["onClick", "disabled"];
|
|
9572
|
-
const _sfc_main$
|
|
9573
|
+
const _sfc_main$17 = /* @__PURE__ */ defineComponent({
|
|
9573
9574
|
__name: "SearchBoxProductAddToCart",
|
|
9574
9575
|
props: {
|
|
9575
9576
|
item: {},
|
|
@@ -9596,8 +9597,8 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
|
|
|
9596
9597
|
loading.value = false;
|
|
9597
9598
|
});
|
|
9598
9599
|
return (_ctx, _cache) => {
|
|
9599
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
9600
|
-
createBaseVNode("div", _hoisted_2$
|
|
9600
|
+
return openBlock(), createElementBlock("div", _hoisted_1$12, [
|
|
9601
|
+
createBaseVNode("div", _hoisted_2$L, [
|
|
9601
9602
|
createBaseVNode("button", {
|
|
9602
9603
|
onClick: withModifiers(handleClick, ["stop", "prevent"]),
|
|
9603
9604
|
class: normalizeClass(loading.value ? "lupa-add-to-cart-loading" : "lupa-add-to-cart"),
|
|
@@ -9610,23 +9611,23 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
|
|
|
9610
9611
|
};
|
|
9611
9612
|
}
|
|
9612
9613
|
});
|
|
9613
|
-
const _hoisted_1$
|
|
9614
|
+
const _hoisted_1$11 = {
|
|
9614
9615
|
key: 1,
|
|
9615
9616
|
class: "lupa-search-box-element-badge-wrapper"
|
|
9616
9617
|
};
|
|
9617
9618
|
const __default__$4 = {
|
|
9618
9619
|
components: {
|
|
9619
|
-
SearchBoxProductImage: _sfc_main$
|
|
9620
|
-
SearchBoxProductTitle: _sfc_main$
|
|
9621
|
-
SearchBoxProductDescription: _sfc_main$
|
|
9622
|
-
SearchBoxProductPrice: _sfc_main$
|
|
9623
|
-
SearchBoxProductRegularPrice: _sfc_main$
|
|
9624
|
-
SearchBoxProductCustom: _sfc_main$
|
|
9625
|
-
SearchBoxProductCustomHtml: _sfc_main$
|
|
9626
|
-
SearchBoxProductAddToCart: _sfc_main$
|
|
9620
|
+
SearchBoxProductImage: _sfc_main$1e,
|
|
9621
|
+
SearchBoxProductTitle: _sfc_main$1d,
|
|
9622
|
+
SearchBoxProductDescription: _sfc_main$1c,
|
|
9623
|
+
SearchBoxProductPrice: _sfc_main$1b,
|
|
9624
|
+
SearchBoxProductRegularPrice: _sfc_main$1a,
|
|
9625
|
+
SearchBoxProductCustom: _sfc_main$19,
|
|
9626
|
+
SearchBoxProductCustomHtml: _sfc_main$18,
|
|
9627
|
+
SearchBoxProductAddToCart: _sfc_main$17
|
|
9627
9628
|
}
|
|
9628
9629
|
};
|
|
9629
|
-
const _sfc_main$
|
|
9630
|
+
const _sfc_main$16 = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$4), {
|
|
9630
9631
|
__name: "SearchBoxProductElement",
|
|
9631
9632
|
props: {
|
|
9632
9633
|
item: {},
|
|
@@ -9684,7 +9685,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValu
|
|
|
9684
9685
|
class: normalizeClass({ "lupa-loading-dynamic-data": isLoadingDynamicData((_a = _ctx.item) == null ? void 0 : _a.id) }),
|
|
9685
9686
|
inStock: _ctx.isInStock
|
|
9686
9687
|
}, null, 8, ["item", "options", "labels", "class", "inStock"])) : createCommentVNode("", true)
|
|
9687
|
-
], 64)) : (openBlock(), createElementBlock("div", _hoisted_1$
|
|
9688
|
+
], 64)) : (openBlock(), createElementBlock("div", _hoisted_1$11, [
|
|
9688
9689
|
displayElement.value ? (openBlock(), createBlock(resolveDynamicComponent(elementComponent.value), {
|
|
9689
9690
|
key: 0,
|
|
9690
9691
|
item: enhancedItem.value,
|
|
@@ -9698,14 +9699,14 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValu
|
|
|
9698
9699
|
};
|
|
9699
9700
|
}
|
|
9700
9701
|
}));
|
|
9701
|
-
const _hoisted_1
|
|
9702
|
-
const _hoisted_2$
|
|
9702
|
+
const _hoisted_1$10 = { class: "lupa-badge-title" };
|
|
9703
|
+
const _hoisted_2$K = ["src"];
|
|
9703
9704
|
const _hoisted_3$w = { key: 1 };
|
|
9704
9705
|
const _hoisted_4$p = {
|
|
9705
9706
|
key: 0,
|
|
9706
9707
|
class: "lupa-badge-full-text"
|
|
9707
9708
|
};
|
|
9708
|
-
const _sfc_main$
|
|
9709
|
+
const _sfc_main$15 = /* @__PURE__ */ defineComponent({
|
|
9709
9710
|
__name: "SearchResultGeneratedBadge",
|
|
9710
9711
|
props: {
|
|
9711
9712
|
options: {},
|
|
@@ -9738,11 +9739,11 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
|
|
|
9738
9739
|
class: normalizeClass(["lupa-dynamic-badge", customClassName.value]),
|
|
9739
9740
|
style: normalizeStyle({ background: _ctx.badge.backgroundColor, color: _ctx.badge.color })
|
|
9740
9741
|
}, [
|
|
9741
|
-
createBaseVNode("span", _hoisted_1
|
|
9742
|
+
createBaseVNode("span", _hoisted_1$10, [
|
|
9742
9743
|
image.value ? (openBlock(), createElementBlock("img", {
|
|
9743
9744
|
key: 0,
|
|
9744
9745
|
src: image.value
|
|
9745
|
-
}, null, 8, _hoisted_2$
|
|
9746
|
+
}, null, 8, _hoisted_2$K)) : createCommentVNode("", true),
|
|
9746
9747
|
hasTitleText.value && showTitle.value ? (openBlock(), createElementBlock("span", _hoisted_3$w, toDisplayString(_ctx.badge.titleText), 1)) : createCommentVNode("", true)
|
|
9747
9748
|
]),
|
|
9748
9749
|
hasAdditionalText.value ? (openBlock(), createElementBlock("span", _hoisted_4$p, toDisplayString(_ctx.badge.additionalText), 1)) : createCommentVNode("", true)
|
|
@@ -9750,8 +9751,8 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
|
|
|
9750
9751
|
};
|
|
9751
9752
|
}
|
|
9752
9753
|
});
|
|
9753
|
-
const _hoisted_1
|
|
9754
|
-
const _sfc_main$
|
|
9754
|
+
const _hoisted_1$$ = { class: "lupa-generated-badges" };
|
|
9755
|
+
const _sfc_main$14 = /* @__PURE__ */ defineComponent({
|
|
9755
9756
|
__name: "SearchResultGeneratedBadges",
|
|
9756
9757
|
props: {
|
|
9757
9758
|
options: {}
|
|
@@ -9777,9 +9778,9 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
|
|
|
9777
9778
|
})).filter((b) => Boolean(b.id));
|
|
9778
9779
|
});
|
|
9779
9780
|
return (_ctx, _cache) => {
|
|
9780
|
-
return openBlock(), createElementBlock("div", _hoisted_1
|
|
9781
|
+
return openBlock(), createElementBlock("div", _hoisted_1$$, [
|
|
9781
9782
|
(openBlock(true), createElementBlock(Fragment, null, renderList(badges.value, (badge) => {
|
|
9782
|
-
return openBlock(), createBlock(_sfc_main$
|
|
9783
|
+
return openBlock(), createBlock(_sfc_main$15, {
|
|
9783
9784
|
key: badge.id,
|
|
9784
9785
|
badge,
|
|
9785
9786
|
options: _ctx.options
|
|
@@ -9789,8 +9790,8 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
|
|
|
9789
9790
|
};
|
|
9790
9791
|
}
|
|
9791
9792
|
});
|
|
9792
|
-
const _hoisted_1$
|
|
9793
|
-
const _sfc_main$
|
|
9793
|
+
const _hoisted_1$_ = ["innerHTML"];
|
|
9794
|
+
const _sfc_main$13 = /* @__PURE__ */ defineComponent({
|
|
9794
9795
|
__name: "CustomBadge",
|
|
9795
9796
|
props: {
|
|
9796
9797
|
badge: {}
|
|
@@ -9809,12 +9810,12 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
|
|
|
9809
9810
|
return openBlock(), createElementBlock("div", {
|
|
9810
9811
|
class: normalizeClass(className.value),
|
|
9811
9812
|
innerHTML: text.value
|
|
9812
|
-
}, null, 10, _hoisted_1$
|
|
9813
|
+
}, null, 10, _hoisted_1$_);
|
|
9813
9814
|
};
|
|
9814
9815
|
}
|
|
9815
9816
|
});
|
|
9816
|
-
const _hoisted_1$
|
|
9817
|
-
const _sfc_main$
|
|
9817
|
+
const _hoisted_1$Z = { class: "lupa-text-badges" };
|
|
9818
|
+
const _sfc_main$12 = /* @__PURE__ */ defineComponent({
|
|
9818
9819
|
__name: "TextBadge",
|
|
9819
9820
|
props: {
|
|
9820
9821
|
badge: {}
|
|
@@ -9829,7 +9830,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
|
|
|
9829
9830
|
return badges.value.slice(0, props.badge.maxItems);
|
|
9830
9831
|
});
|
|
9831
9832
|
return (_ctx, _cache) => {
|
|
9832
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
9833
|
+
return openBlock(), createElementBlock("div", _hoisted_1$Z, [
|
|
9833
9834
|
(openBlock(true), createElementBlock(Fragment, null, renderList(displayBadges.value, (item) => {
|
|
9834
9835
|
return openBlock(), createElementBlock("div", {
|
|
9835
9836
|
class: "lupa-badge lupa-text-badge",
|
|
@@ -9840,9 +9841,9 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
|
|
|
9840
9841
|
};
|
|
9841
9842
|
}
|
|
9842
9843
|
});
|
|
9843
|
-
const _hoisted_1$
|
|
9844
|
-
const _hoisted_2$
|
|
9845
|
-
const _sfc_main$
|
|
9844
|
+
const _hoisted_1$Y = { class: "lupa-image-badges" };
|
|
9845
|
+
const _hoisted_2$J = ["src"];
|
|
9846
|
+
const _sfc_main$11 = /* @__PURE__ */ defineComponent({
|
|
9846
9847
|
__name: "ImageBadge",
|
|
9847
9848
|
props: {
|
|
9848
9849
|
badge: {}
|
|
@@ -9862,7 +9863,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
|
|
|
9862
9863
|
return `${props.badge.rootImageUrl}${src}`;
|
|
9863
9864
|
};
|
|
9864
9865
|
return (_ctx, _cache) => {
|
|
9865
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
9866
|
+
return openBlock(), createElementBlock("div", _hoisted_1$Y, [
|
|
9866
9867
|
(openBlock(true), createElementBlock(Fragment, null, renderList(displayBadges.value, (item) => {
|
|
9867
9868
|
return openBlock(), createElementBlock("div", {
|
|
9868
9869
|
class: "lupa-badge lupa-image-badge",
|
|
@@ -9870,22 +9871,22 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
|
|
|
9870
9871
|
}, [
|
|
9871
9872
|
createBaseVNode("img", {
|
|
9872
9873
|
src: getImageUrl(item)
|
|
9873
|
-
}, null, 8, _hoisted_2$
|
|
9874
|
+
}, null, 8, _hoisted_2$J)
|
|
9874
9875
|
]);
|
|
9875
9876
|
}), 128))
|
|
9876
9877
|
]);
|
|
9877
9878
|
};
|
|
9878
9879
|
}
|
|
9879
9880
|
});
|
|
9880
|
-
const _hoisted_1$
|
|
9881
|
+
const _hoisted_1$X = { id: "lupa-search-results-badges" };
|
|
9881
9882
|
const __default__$3 = {
|
|
9882
9883
|
components: {
|
|
9883
|
-
CustomBadge: _sfc_main$
|
|
9884
|
-
TextBadge: _sfc_main$
|
|
9885
|
-
ImageBadge: _sfc_main$
|
|
9884
|
+
CustomBadge: _sfc_main$13,
|
|
9885
|
+
TextBadge: _sfc_main$12,
|
|
9886
|
+
ImageBadge: _sfc_main$11
|
|
9886
9887
|
}
|
|
9887
9888
|
};
|
|
9888
|
-
const _sfc_main
|
|
9889
|
+
const _sfc_main$10 = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$3), {
|
|
9889
9890
|
__name: "SearchResultsBadgeWrapper",
|
|
9890
9891
|
props: {
|
|
9891
9892
|
position: {},
|
|
@@ -9941,7 +9942,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
|
|
|
9941
9942
|
}
|
|
9942
9943
|
};
|
|
9943
9944
|
return (_ctx, _cache) => {
|
|
9944
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
9945
|
+
return openBlock(), createElementBlock("div", _hoisted_1$X, [
|
|
9945
9946
|
createBaseVNode("div", {
|
|
9946
9947
|
id: "lupa-badges",
|
|
9947
9948
|
class: normalizeClass(anchorPosition.value)
|
|
@@ -9952,7 +9953,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
|
|
|
9952
9953
|
badge
|
|
9953
9954
|
}, null, 8, ["badge"]);
|
|
9954
9955
|
}), 128)),
|
|
9955
|
-
positionValue.value === "card" ? (openBlock(), createBlock(_sfc_main$
|
|
9956
|
+
positionValue.value === "card" ? (openBlock(), createBlock(_sfc_main$14, {
|
|
9956
9957
|
key: 0,
|
|
9957
9958
|
options: _ctx.options
|
|
9958
9959
|
}, null, 8, ["options"])) : createCommentVNode("", true)
|
|
@@ -9961,14 +9962,14 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
|
|
|
9961
9962
|
};
|
|
9962
9963
|
}
|
|
9963
9964
|
}));
|
|
9964
|
-
const _hoisted_1$
|
|
9965
|
-
const _hoisted_2$
|
|
9965
|
+
const _hoisted_1$W = ["href"];
|
|
9966
|
+
const _hoisted_2$I = { class: "lupa-search-box-product-image-section" };
|
|
9966
9967
|
const _hoisted_3$v = { class: "lupa-search-box-product-details-section" };
|
|
9967
9968
|
const _hoisted_4$o = {
|
|
9968
9969
|
key: 0,
|
|
9969
9970
|
class: "lupa-search-box-product-add-to-cart-section"
|
|
9970
9971
|
};
|
|
9971
|
-
const _sfc_main
|
|
9972
|
+
const _sfc_main$$ = /* @__PURE__ */ defineComponent({
|
|
9972
9973
|
__name: "SearchBoxProduct",
|
|
9973
9974
|
props: {
|
|
9974
9975
|
item: {},
|
|
@@ -10027,9 +10028,9 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
|
|
|
10027
10028
|
"data-cy": "lupa-search-box-product",
|
|
10028
10029
|
onClick: handleClick
|
|
10029
10030
|
}), [
|
|
10030
|
-
createBaseVNode("div", _hoisted_2$
|
|
10031
|
+
createBaseVNode("div", _hoisted_2$I, [
|
|
10031
10032
|
(openBlock(true), createElementBlock(Fragment, null, renderList(imageElements.value, (element) => {
|
|
10032
|
-
return openBlock(), createBlock(_sfc_main$
|
|
10033
|
+
return openBlock(), createBlock(_sfc_main$16, {
|
|
10033
10034
|
class: "lupa-search-box-product-element",
|
|
10034
10035
|
item: _ctx.item,
|
|
10035
10036
|
element,
|
|
@@ -10042,7 +10043,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
|
|
|
10042
10043
|
createBaseVNode("div", _hoisted_3$v, [
|
|
10043
10044
|
(openBlock(true), createElementBlock(Fragment, null, renderList(detailElements.value, (element) => {
|
|
10044
10045
|
var _a;
|
|
10045
|
-
return openBlock(), createBlock(_sfc_main$
|
|
10046
|
+
return openBlock(), createBlock(_sfc_main$16, {
|
|
10046
10047
|
key: element.key,
|
|
10047
10048
|
class: "lupa-search-box-product-element",
|
|
10048
10049
|
item: _ctx.item,
|
|
@@ -10053,7 +10054,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
|
|
|
10053
10054
|
badgeOptions.value && ((_a = badgeOptions.value) == null ? void 0 : _a.anchorElementKey) === element.key ? {
|
|
10054
10055
|
name: "badges",
|
|
10055
10056
|
fn: withCtx(() => [
|
|
10056
|
-
createVNode(_sfc_main
|
|
10057
|
+
createVNode(_sfc_main$10, {
|
|
10057
10058
|
options: badgeOptions.value,
|
|
10058
10059
|
position: "card"
|
|
10059
10060
|
}, null, 8, ["options"])
|
|
@@ -10064,7 +10065,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
|
|
|
10064
10065
|
}), 128))
|
|
10065
10066
|
]),
|
|
10066
10067
|
addToCartElement.value ? (openBlock(), createElementBlock("div", _hoisted_4$o, [
|
|
10067
|
-
createVNode(_sfc_main$
|
|
10068
|
+
createVNode(_sfc_main$16, {
|
|
10068
10069
|
class: "lupa-search-box-product-element",
|
|
10069
10070
|
item: _ctx.item,
|
|
10070
10071
|
element: addToCartElement.value,
|
|
@@ -10073,7 +10074,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
|
|
|
10073
10074
|
isInStock: isInStock.value
|
|
10074
10075
|
}, null, 8, ["item", "element", "labels", "link", "isInStock"])
|
|
10075
10076
|
])) : createCommentVNode("", true)
|
|
10076
|
-
], 16, _hoisted_1$
|
|
10077
|
+
], 16, _hoisted_1$W);
|
|
10077
10078
|
};
|
|
10078
10079
|
}
|
|
10079
10080
|
});
|
|
@@ -10134,8 +10135,8 @@ const useTrackingStore = defineStore("tracking", () => {
|
|
|
10134
10135
|
};
|
|
10135
10136
|
return { trackSearch, trackResults, trackEvent };
|
|
10136
10137
|
});
|
|
10137
|
-
const _hoisted_1$
|
|
10138
|
-
const _sfc_main$
|
|
10138
|
+
const _hoisted_1$V = { id: "lupa-search-box-products" };
|
|
10139
|
+
const _sfc_main$_ = /* @__PURE__ */ defineComponent({
|
|
10139
10140
|
__name: "SearchBoxProducts",
|
|
10140
10141
|
props: {
|
|
10141
10142
|
items: {},
|
|
@@ -10196,7 +10197,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
|
|
|
10196
10197
|
handleRoutingEvent(link, event, boxRoutingBehavior.value === "event");
|
|
10197
10198
|
};
|
|
10198
10199
|
return (_ctx, _cache) => {
|
|
10199
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
10200
|
+
return openBlock(), createElementBlock("div", _hoisted_1$V, [
|
|
10200
10201
|
_ctx.$slots.productCard ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.items, (item, index) => {
|
|
10201
10202
|
return renderSlot(_ctx.$slots, "productCard", {
|
|
10202
10203
|
key: index,
|
|
@@ -10208,7 +10209,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
|
|
|
10208
10209
|
itemClicked: handleProductClick
|
|
10209
10210
|
});
|
|
10210
10211
|
}), 128)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.items, (item, index) => {
|
|
10211
|
-
return openBlock(), createBlock(_sfc_main
|
|
10212
|
+
return openBlock(), createBlock(_sfc_main$$, {
|
|
10212
10213
|
key: index,
|
|
10213
10214
|
item,
|
|
10214
10215
|
panelOptions: _ctx.panelOptions,
|
|
@@ -10217,7 +10218,52 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
|
|
|
10217
10218
|
inputValue: _ctx.inputValue,
|
|
10218
10219
|
onProductClick: handleProductClick
|
|
10219
10220
|
}, null, 8, ["item", "panelOptions", "labels", "highlighted", "inputValue"]);
|
|
10220
|
-
}), 128))
|
|
10221
|
+
}), 128)),
|
|
10222
|
+
renderSlot(_ctx.$slots, "default")
|
|
10223
|
+
]);
|
|
10224
|
+
};
|
|
10225
|
+
}
|
|
10226
|
+
});
|
|
10227
|
+
const _hoisted_1$U = { class: "lupa-search-box-documents-go-to-results-wrapper" };
|
|
10228
|
+
const _hoisted_2$H = { key: 0 };
|
|
10229
|
+
const _sfc_main$Z = /* @__PURE__ */ defineComponent({
|
|
10230
|
+
__name: "SearchBoxProductsGoToResultsButton",
|
|
10231
|
+
props: {
|
|
10232
|
+
options: {},
|
|
10233
|
+
panel: {}
|
|
10234
|
+
},
|
|
10235
|
+
emits: ["goToResults"],
|
|
10236
|
+
setup(__props, { emit: emit2 }) {
|
|
10237
|
+
const props = __props;
|
|
10238
|
+
const searchBoxStore = useSearchBoxStore();
|
|
10239
|
+
const { docResults } = storeToRefs(searchBoxStore);
|
|
10240
|
+
const goToResultsLabel = computed(
|
|
10241
|
+
() => {
|
|
10242
|
+
var _a, _b, _c;
|
|
10243
|
+
return (_c = (_a = props.panel.labels) == null ? void 0 : _a.goToResultsTitle) != null ? _c : (_b = props.options.labels) == null ? void 0 : _b.moreResults;
|
|
10244
|
+
}
|
|
10245
|
+
);
|
|
10246
|
+
const totalCount = computed(() => {
|
|
10247
|
+
var _a;
|
|
10248
|
+
if (!props.options.showTotalCount) {
|
|
10249
|
+
return "";
|
|
10250
|
+
}
|
|
10251
|
+
const queryKey = props.panel.queryKey;
|
|
10252
|
+
const total = queryKey ? (_a = docResults.value[queryKey]) == null ? void 0 : _a.total : "";
|
|
10253
|
+
return total ? `(${total})` : "";
|
|
10254
|
+
});
|
|
10255
|
+
const goToResults = () => {
|
|
10256
|
+
emit2("goToResults");
|
|
10257
|
+
};
|
|
10258
|
+
return (_ctx, _cache) => {
|
|
10259
|
+
return openBlock(), createElementBlock("div", _hoisted_1$U, [
|
|
10260
|
+
createBaseVNode("button", {
|
|
10261
|
+
class: "lupa-search-box-documents-go-to-results-button",
|
|
10262
|
+
onClick: goToResults
|
|
10263
|
+
}, [
|
|
10264
|
+
createTextVNode(toDisplayString(goToResultsLabel.value) + " ", 1),
|
|
10265
|
+
totalCount.value ? (openBlock(), createElementBlock("span", _hoisted_2$H, " " + toDisplayString(totalCount.value), 1)) : createCommentVNode("", true)
|
|
10266
|
+
])
|
|
10221
10267
|
]);
|
|
10222
10268
|
};
|
|
10223
10269
|
}
|
|
@@ -10226,12 +10272,13 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
|
|
|
10226
10272
|
__name: "SearchBoxProductsWrapper",
|
|
10227
10273
|
props: {
|
|
10228
10274
|
panel: {},
|
|
10275
|
+
searchBoxOptions: {},
|
|
10229
10276
|
inputValue: {},
|
|
10230
10277
|
options: {},
|
|
10231
10278
|
labels: {},
|
|
10232
10279
|
debounce: {}
|
|
10233
10280
|
},
|
|
10234
|
-
emits: ["fetched"],
|
|
10281
|
+
emits: ["fetched", "product-click", "go-to-results"],
|
|
10235
10282
|
setup(__props, { emit: emit2 }) {
|
|
10236
10283
|
const props = __props;
|
|
10237
10284
|
const searchBoxStore = useSearchBoxStore();
|
|
@@ -10241,6 +10288,9 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
|
|
|
10241
10288
|
var _a;
|
|
10242
10289
|
return (_a = docResults.value[props.panel.queryKey]) != null ? _a : null;
|
|
10243
10290
|
});
|
|
10291
|
+
const showGoToResultsButton = computed(() => {
|
|
10292
|
+
return props.panel.showGoToResults;
|
|
10293
|
+
});
|
|
10244
10294
|
const inputValueProp = computed(() => props.inputValue);
|
|
10245
10295
|
onMounted(() => {
|
|
10246
10296
|
getItemsDebounced();
|
|
@@ -10274,13 +10324,26 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
|
|
|
10274
10324
|
const getItemsDebounced = debounce$1(getItems, props.debounce);
|
|
10275
10325
|
return (_ctx, _cache) => {
|
|
10276
10326
|
var _a, _b;
|
|
10277
|
-
return openBlock(), createBlock(_sfc_main$
|
|
10327
|
+
return openBlock(), createBlock(_sfc_main$_, {
|
|
10278
10328
|
items: (_b = (_a = searchResult.value) == null ? void 0 : _a.items) != null ? _b : [],
|
|
10279
10329
|
panelOptions: _ctx.panel,
|
|
10280
10330
|
labels: _ctx.labels,
|
|
10281
10331
|
inputValue: _ctx.inputValue,
|
|
10282
|
-
onProductClick: _cache[
|
|
10283
|
-
}, createSlots({
|
|
10332
|
+
onProductClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("product-click"))
|
|
10333
|
+
}, createSlots({
|
|
10334
|
+
default: withCtx(() => {
|
|
10335
|
+
var _a2;
|
|
10336
|
+
return [
|
|
10337
|
+
showGoToResultsButton.value && ((_a2 = searchResult.value) == null ? void 0 : _a2.items.length) ? (openBlock(), createBlock(_sfc_main$Z, {
|
|
10338
|
+
key: 0,
|
|
10339
|
+
options: _ctx.searchBoxOptions,
|
|
10340
|
+
panel: _ctx.panel,
|
|
10341
|
+
onGoToResults: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("go-to-results"))
|
|
10342
|
+
}, null, 8, ["options", "panel"])) : createCommentVNode("", true)
|
|
10343
|
+
];
|
|
10344
|
+
}),
|
|
10345
|
+
_: 2
|
|
10346
|
+
}, [
|
|
10284
10347
|
_ctx.$slots.productCard ? {
|
|
10285
10348
|
name: "productCard",
|
|
10286
10349
|
fn: withCtx((props2) => [
|
|
@@ -10364,7 +10427,7 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
|
|
|
10364
10427
|
});
|
|
10365
10428
|
return (_ctx, _cache) => {
|
|
10366
10429
|
var _a, _b;
|
|
10367
|
-
return openBlock(), createBlock(_sfc_main$
|
|
10430
|
+
return openBlock(), createBlock(_sfc_main$_, {
|
|
10368
10431
|
items: (_b = (_a = searchResult.value) == null ? void 0 : _a.items) != null ? _b : [],
|
|
10369
10432
|
panelOptions: documentPanelOptions.value,
|
|
10370
10433
|
labels: _ctx.labels,
|
|
@@ -10401,7 +10464,7 @@ const _hoisted_5$e = {
|
|
|
10401
10464
|
};
|
|
10402
10465
|
const __default__$2 = {
|
|
10403
10466
|
components: {
|
|
10404
|
-
SearchBoxSuggestionsWrapper: _sfc_main$
|
|
10467
|
+
SearchBoxSuggestionsWrapper: _sfc_main$1g,
|
|
10405
10468
|
SearchBoxProductsWrapper: _sfc_main$Y,
|
|
10406
10469
|
SearchBoxRelatedSourceWrapper: _sfc_main$X
|
|
10407
10470
|
}
|
|
@@ -10578,13 +10641,15 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
|
|
|
10578
10641
|
panel.queryKey && canShowPanel(panel) ? (openBlock(), createBlock(resolveDynamicComponent(getComponent(panel.type)), {
|
|
10579
10642
|
key: 2,
|
|
10580
10643
|
panel,
|
|
10644
|
+
"search-box-options": _ctx.options,
|
|
10581
10645
|
options: sdkOptions.value,
|
|
10582
10646
|
debounce: _ctx.options.debounce,
|
|
10583
10647
|
inputValue: getInput(panel),
|
|
10584
10648
|
labels: labels.value,
|
|
10585
10649
|
onFetched: _cache[1] || (_cache[1] = (data) => _ctx.$emit("fetched", data)),
|
|
10586
10650
|
onItemSelect: _cache[2] || (_cache[2] = (item) => _ctx.$emit("itemSelect", item)),
|
|
10587
|
-
onProductClick: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("product-click"))
|
|
10651
|
+
onProductClick: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("product-click")),
|
|
10652
|
+
onGoToResults: handleGoToResults
|
|
10588
10653
|
}, createSlots({ _: 2 }, [
|
|
10589
10654
|
_ctx.$slots.productCard ? {
|
|
10590
10655
|
name: "productCard",
|
|
@@ -10593,22 +10658,22 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
|
|
|
10593
10658
|
]),
|
|
10594
10659
|
key: "0"
|
|
10595
10660
|
} : void 0
|
|
10596
|
-
]), 1064, ["panel", "options", "debounce", "inputValue", "labels"])) : createCommentVNode("", true)
|
|
10661
|
+
]), 1064, ["panel", "search-box-options", "options", "debounce", "inputValue", "labels"])) : createCommentVNode("", true)
|
|
10597
10662
|
], 10, _hoisted_2$G);
|
|
10598
10663
|
}), 128))
|
|
10599
10664
|
], 4),
|
|
10600
|
-
!unref(hasAnyResults) && _ctx.options.showNoResultsPanel ? (openBlock(), createBlock(_sfc_main$
|
|
10665
|
+
!unref(hasAnyResults) && _ctx.options.showNoResultsPanel ? (openBlock(), createBlock(_sfc_main$1j, {
|
|
10601
10666
|
key: 1,
|
|
10602
10667
|
labels: labels.value
|
|
10603
10668
|
}, null, 8, ["labels"])) : createCommentVNode("", true),
|
|
10604
|
-
unref(hasAnyResults) || !_ctx.options.hideMoreResultsButtonOnNoResults ? (openBlock(), createBlock(_sfc_main$
|
|
10669
|
+
unref(hasAnyResults) || !_ctx.options.hideMoreResultsButtonOnNoResults ? (openBlock(), createBlock(_sfc_main$1m, {
|
|
10605
10670
|
key: 2,
|
|
10606
10671
|
labels: labels.value,
|
|
10607
10672
|
showTotalCount: (_a = _ctx.options.showTotalCount) != null ? _a : false,
|
|
10608
10673
|
onGoToResults: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("go-to-results"))
|
|
10609
10674
|
}, null, 8, ["labels", "showTotalCount"])) : createCommentVNode("", true)
|
|
10610
10675
|
])) : displayHistory.value ? (openBlock(), createElementBlock("div", _hoisted_5$e, [
|
|
10611
|
-
createVNode(_sfc_main$
|
|
10676
|
+
createVNode(_sfc_main$1k, {
|
|
10612
10677
|
options: _ctx.options.history,
|
|
10613
10678
|
history: history.value,
|
|
10614
10679
|
onGoToResults: handleGoToResults,
|
|
@@ -10888,7 +10953,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
|
|
|
10888
10953
|
var _a2;
|
|
10889
10954
|
return openBlock(), createElementBlock("div", _hoisted_1$S, [
|
|
10890
10955
|
createBaseVNode("div", _hoisted_2$F, [
|
|
10891
|
-
createVNode(_sfc_main$
|
|
10956
|
+
createVNode(_sfc_main$1n, {
|
|
10892
10957
|
options: inputOptions.value,
|
|
10893
10958
|
suggestedValue: suggestedValue.value,
|
|
10894
10959
|
"can-close": (_a2 = _ctx.isSearchContainer) != null ? _a2 : false,
|
|
@@ -14045,7 +14110,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
|
|
|
14045
14110
|
},
|
|
14046
14111
|
setup(__props) {
|
|
14047
14112
|
return (_ctx, _cache) => {
|
|
14048
|
-
return openBlock(), createBlock(_sfc_main$
|
|
14113
|
+
return openBlock(), createBlock(_sfc_main$1f, {
|
|
14049
14114
|
item: _ctx.item,
|
|
14050
14115
|
options: _ctx.options,
|
|
14051
14116
|
"wrapper-class": "lupa-search-results-image-wrapper",
|
|
@@ -14687,7 +14752,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
|
|
|
14687
14752
|
"data-cy": "lupa-search-result-product-card",
|
|
14688
14753
|
class: ["lupa-search-result-product-card", !isInStock.value ? "lupa-out-of-stock" : ""]
|
|
14689
14754
|
}, customDocumentHtmlAttributes.value, { onClick: handleClick }), [
|
|
14690
|
-
createVNode(_sfc_main
|
|
14755
|
+
createVNode(_sfc_main$10, { options: badgesOptions.value }, null, 8, ["options"]),
|
|
14691
14756
|
createBaseVNode("div", {
|
|
14692
14757
|
class: normalizeClass(["lupa-search-result-product-contents", listLayoutClass.value])
|
|
14693
14758
|
}, [
|
|
@@ -14708,7 +14773,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
|
|
|
14708
14773
|
onProductEvent: handleProductEvent
|
|
14709
14774
|
}, null, 8, ["item", "element", "labels", "inStock", "link"]);
|
|
14710
14775
|
}), 128)),
|
|
14711
|
-
createVNode(_sfc_main
|
|
14776
|
+
createVNode(_sfc_main$10, {
|
|
14712
14777
|
options: badgesOptions.value,
|
|
14713
14778
|
position: "image",
|
|
14714
14779
|
class: "lupa-image-badges"
|
|
@@ -22586,7 +22651,7 @@ const _hoisted_4 = {
|
|
|
22586
22651
|
class: "lupa-chat-spinner-main"
|
|
22587
22652
|
};
|
|
22588
22653
|
const _hoisted_5 = { class: "lupasearch-chat-input" };
|
|
22589
|
-
const _sfc_main$
|
|
22654
|
+
const _sfc_main$1o = /* @__PURE__ */ defineComponent({
|
|
22590
22655
|
__name: "ChatContainer",
|
|
22591
22656
|
props: {
|
|
22592
22657
|
options: {}
|
|
@@ -29064,7 +29129,7 @@ const chat = (options, mountOptions) => {
|
|
|
29064
29129
|
}
|
|
29065
29130
|
return;
|
|
29066
29131
|
}
|
|
29067
|
-
const instance = createVue(options.displayOptions.containerSelector, _sfc_main$
|
|
29132
|
+
const instance = createVue(options.displayOptions.containerSelector, _sfc_main$1o, {
|
|
29068
29133
|
options
|
|
29069
29134
|
});
|
|
29070
29135
|
if (!instance) {
|