@getlupa/client 1.11.6 → 1.11.8
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 +194 -130
- package/dist/lupaSearch.js +194 -130
- package/dist/lupaSearch.mjs +194 -130
- package/dist/lupaSearch.umd.js +194 -130
- package/dist/style.css +1 -1
- package/package.json +2 -2
package/dist/lupaSearch.umd.js
CHANGED
|
@@ -8448,8 +8448,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
8448
8448
|
resetHighlightIndex
|
|
8449
8449
|
};
|
|
8450
8450
|
});
|
|
8451
|
-
const _hoisted_1$
|
|
8452
|
-
const _hoisted_2$
|
|
8451
|
+
const _hoisted_1$1f = { id: "lupa-search-box-input-container" };
|
|
8452
|
+
const _hoisted_2$R = { class: "lupa-input-clear" };
|
|
8453
8453
|
const _hoisted_3$A = { id: "lupa-search-box-input" };
|
|
8454
8454
|
const _hoisted_4$s = ["value"];
|
|
8455
8455
|
const _hoisted_5$h = ["aria-label", "placeholder"];
|
|
@@ -8461,7 +8461,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
8461
8461
|
key: 0,
|
|
8462
8462
|
class: "lupa-close-label"
|
|
8463
8463
|
};
|
|
8464
|
-
const _sfc_main$
|
|
8464
|
+
const _sfc_main$1n = /* @__PURE__ */ defineComponent({
|
|
8465
8465
|
__name: "SearchBoxInput",
|
|
8466
8466
|
props: {
|
|
8467
8467
|
options: {},
|
|
@@ -8531,7 +8531,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
8531
8531
|
}
|
|
8532
8532
|
};
|
|
8533
8533
|
const handleSubmit = () => {
|
|
8534
|
-
emit2("search");
|
|
8534
|
+
emit2("search", { query: inputValue.value });
|
|
8535
8535
|
};
|
|
8536
8536
|
const clear2 = () => {
|
|
8537
8537
|
emit2("input", "");
|
|
@@ -8545,8 +8545,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
8545
8545
|
};
|
|
8546
8546
|
__expose({ focus });
|
|
8547
8547
|
return (_ctx, _cache) => {
|
|
8548
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
8549
|
-
createBaseVNode("div", _hoisted_2$
|
|
8548
|
+
return openBlock(), createElementBlock("div", _hoisted_1$1f, [
|
|
8549
|
+
createBaseVNode("div", _hoisted_2$R, [
|
|
8550
8550
|
createBaseVNode("div", {
|
|
8551
8551
|
class: normalizeClass(["lupa-input-clear-content", { "lupa-input-clear-filled": inputValue.value }]),
|
|
8552
8552
|
onClick: clear2
|
|
@@ -8591,7 +8591,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
8591
8591
|
};
|
|
8592
8592
|
}
|
|
8593
8593
|
});
|
|
8594
|
-
const _sfc_main$
|
|
8594
|
+
const _sfc_main$1m = /* @__PURE__ */ defineComponent({
|
|
8595
8595
|
__name: "SearchBoxMoreResults",
|
|
8596
8596
|
props: {
|
|
8597
8597
|
labels: {},
|
|
@@ -8623,9 +8623,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
8623
8623
|
};
|
|
8624
8624
|
}
|
|
8625
8625
|
});
|
|
8626
|
-
const _hoisted_1$
|
|
8627
|
-
const _hoisted_2$
|
|
8628
|
-
const _sfc_main$
|
|
8626
|
+
const _hoisted_1$1e = { class: "lupa-search-box-history-item" };
|
|
8627
|
+
const _hoisted_2$Q = { class: "lupa-search-box-history-item-content" };
|
|
8628
|
+
const _sfc_main$1l = /* @__PURE__ */ defineComponent({
|
|
8629
8629
|
__name: "SearchBoxHistoryItem",
|
|
8630
8630
|
props: {
|
|
8631
8631
|
item: {},
|
|
@@ -8641,8 +8641,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
8641
8641
|
emit2("click", { query: props.item });
|
|
8642
8642
|
};
|
|
8643
8643
|
return (_ctx, _cache) => {
|
|
8644
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
8645
|
-
createBaseVNode("div", _hoisted_2$
|
|
8644
|
+
return openBlock(), createElementBlock("div", _hoisted_1$1e, [
|
|
8645
|
+
createBaseVNode("div", _hoisted_2$Q, [
|
|
8646
8646
|
createBaseVNode("div", {
|
|
8647
8647
|
class: normalizeClass(["lupa-search-box-history-item-text", { "lupa-search-box-history-item-highlighted": _ctx.highlighted }]),
|
|
8648
8648
|
onClick: click2
|
|
@@ -8656,11 +8656,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
8656
8656
|
};
|
|
8657
8657
|
}
|
|
8658
8658
|
});
|
|
8659
|
-
const _hoisted_1$
|
|
8659
|
+
const _hoisted_1$1d = {
|
|
8660
8660
|
key: 0,
|
|
8661
8661
|
class: "lupa-search-box-history-panel"
|
|
8662
8662
|
};
|
|
8663
|
-
const _sfc_main$
|
|
8663
|
+
const _sfc_main$1k = /* @__PURE__ */ defineComponent({
|
|
8664
8664
|
__name: "SearchBoxHistoryPanel",
|
|
8665
8665
|
props: {
|
|
8666
8666
|
options: {}
|
|
@@ -8701,9 +8701,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
8701
8701
|
}
|
|
8702
8702
|
};
|
|
8703
8703
|
return (_ctx, _cache) => {
|
|
8704
|
-
return hasHistory.value ? (openBlock(), createElementBlock("div", _hoisted_1$
|
|
8704
|
+
return hasHistory.value ? (openBlock(), createElementBlock("div", _hoisted_1$1d, [
|
|
8705
8705
|
(openBlock(true), createElementBlock(Fragment, null, renderList(unref(history), (item, index) => {
|
|
8706
|
-
return openBlock(), createBlock(_sfc_main$
|
|
8706
|
+
return openBlock(), createBlock(_sfc_main$1l, {
|
|
8707
8707
|
key: item,
|
|
8708
8708
|
item,
|
|
8709
8709
|
highlighted: index === highlightIndex.value,
|
|
@@ -8719,20 +8719,20 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
8719
8719
|
};
|
|
8720
8720
|
}
|
|
8721
8721
|
});
|
|
8722
|
-
const _hoisted_1$
|
|
8723
|
-
const _sfc_main$
|
|
8722
|
+
const _hoisted_1$1c = { class: "lupa-search-box-no-results" };
|
|
8723
|
+
const _sfc_main$1j = /* @__PURE__ */ defineComponent({
|
|
8724
8724
|
__name: "SearchBoxNoResults",
|
|
8725
8725
|
props: {
|
|
8726
8726
|
labels: {}
|
|
8727
8727
|
},
|
|
8728
8728
|
setup(__props) {
|
|
8729
8729
|
return (_ctx, _cache) => {
|
|
8730
|
-
return openBlock(), createElementBlock("p", _hoisted_1$
|
|
8730
|
+
return openBlock(), createElementBlock("p", _hoisted_1$1c, toDisplayString(_ctx.labels.noResults), 1);
|
|
8731
8731
|
};
|
|
8732
8732
|
}
|
|
8733
8733
|
});
|
|
8734
|
-
const _hoisted_1$
|
|
8735
|
-
const _hoisted_2$
|
|
8734
|
+
const _hoisted_1$1b = ["innerHTML"];
|
|
8735
|
+
const _hoisted_2$P = {
|
|
8736
8736
|
key: 1,
|
|
8737
8737
|
"data-cy": "lupa-suggestion-value",
|
|
8738
8738
|
class: "lupa-suggestion-value"
|
|
@@ -8750,7 +8750,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
8750
8750
|
class: "lupa-suggestion-facet-value",
|
|
8751
8751
|
"data-cy": "lupa-suggestion-facet-value"
|
|
8752
8752
|
};
|
|
8753
|
-
const _sfc_main$
|
|
8753
|
+
const _sfc_main$1i = /* @__PURE__ */ defineComponent({
|
|
8754
8754
|
__name: "SearchBoxSuggestion",
|
|
8755
8755
|
props: {
|
|
8756
8756
|
suggestion: {},
|
|
@@ -8786,7 +8786,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
8786
8786
|
class: "lupa-suggestion-value",
|
|
8787
8787
|
"data-cy": "lupa-suggestion-value",
|
|
8788
8788
|
innerHTML: _ctx.suggestion.displayHighlight
|
|
8789
|
-
}, null, 8, _hoisted_1$
|
|
8789
|
+
}, null, 8, _hoisted_1$1b)) : (openBlock(), createElementBlock("div", _hoisted_2$P, toDisplayString(_ctx.suggestion.display), 1)),
|
|
8790
8790
|
_ctx.suggestion.facet ? (openBlock(), createElementBlock("div", _hoisted_3$z, [
|
|
8791
8791
|
createBaseVNode("span", _hoisted_4$r, toDisplayString(facetLabel.value), 1),
|
|
8792
8792
|
createBaseVNode("span", _hoisted_5$g, toDisplayString(_ctx.suggestion.facet.title), 1)
|
|
@@ -8795,11 +8795,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
8795
8795
|
};
|
|
8796
8796
|
}
|
|
8797
8797
|
});
|
|
8798
|
-
const _hoisted_1$
|
|
8798
|
+
const _hoisted_1$1a = {
|
|
8799
8799
|
id: "lupa-search-box-suggestions",
|
|
8800
8800
|
"data-cy": "lupa-search-box-suggestions"
|
|
8801
8801
|
};
|
|
8802
|
-
const _sfc_main$
|
|
8802
|
+
const _sfc_main$1h = /* @__PURE__ */ defineComponent({
|
|
8803
8803
|
__name: "SearchBoxSuggestions",
|
|
8804
8804
|
props: {
|
|
8805
8805
|
items: {},
|
|
@@ -8859,9 +8859,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
8859
8859
|
});
|
|
8860
8860
|
});
|
|
8861
8861
|
return (_ctx, _cache) => {
|
|
8862
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
8862
|
+
return openBlock(), createElementBlock("div", _hoisted_1$1a, [
|
|
8863
8863
|
(openBlock(true), createElementBlock(Fragment, null, renderList(items.value, (item, index) => {
|
|
8864
|
-
return openBlock(), createBlock(_sfc_main$
|
|
8864
|
+
return openBlock(), createBlock(_sfc_main$1i, {
|
|
8865
8865
|
key: getSuggestionKey(item),
|
|
8866
8866
|
class: normalizeClass(["lupa-suggestion", index === highlightedIndex.value ? "lupa-suggestion-highlighted" : ""]),
|
|
8867
8867
|
suggestion: item,
|
|
@@ -8889,7 +8889,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
8889
8889
|
}, timeout);
|
|
8890
8890
|
};
|
|
8891
8891
|
};
|
|
8892
|
-
const _sfc_main$
|
|
8892
|
+
const _sfc_main$1g = /* @__PURE__ */ defineComponent({
|
|
8893
8893
|
__name: "SearchBoxSuggestionsWrapper",
|
|
8894
8894
|
props: {
|
|
8895
8895
|
panel: {},
|
|
@@ -8930,7 +8930,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
8930
8930
|
};
|
|
8931
8931
|
const getSuggestionsDebounced = debounce$1(getSuggestions, props.debounce);
|
|
8932
8932
|
return (_ctx, _cache) => {
|
|
8933
|
-
return openBlock(), createBlock(_sfc_main$
|
|
8933
|
+
return openBlock(), createBlock(_sfc_main$1h, {
|
|
8934
8934
|
items: searchResult.value,
|
|
8935
8935
|
highlight: _ctx.panel.highlight,
|
|
8936
8936
|
queryKey: _ctx.panel.queryKey,
|
|
@@ -9034,8 +9034,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
9034
9034
|
targetImage.src = placeholder;
|
|
9035
9035
|
}
|
|
9036
9036
|
};
|
|
9037
|
-
const _hoisted_1$
|
|
9038
|
-
const _sfc_main$
|
|
9037
|
+
const _hoisted_1$19 = ["src"];
|
|
9038
|
+
const _sfc_main$1f = /* @__PURE__ */ defineComponent({
|
|
9039
9039
|
__name: "ProductImage",
|
|
9040
9040
|
props: {
|
|
9041
9041
|
item: {},
|
|
@@ -9153,7 +9153,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
9153
9153
|
}, { alt: imageAlt.value ? imageAlt.value : void 0 }, {
|
|
9154
9154
|
onError: replaceWithPlaceholder,
|
|
9155
9155
|
key: finalUrl.value
|
|
9156
|
-
}), null, 16, _hoisted_1$
|
|
9156
|
+
}), null, 16, _hoisted_1$19))
|
|
9157
9157
|
]),
|
|
9158
9158
|
_: 1
|
|
9159
9159
|
})
|
|
@@ -9161,7 +9161,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
9161
9161
|
};
|
|
9162
9162
|
}
|
|
9163
9163
|
});
|
|
9164
|
-
const _sfc_main$
|
|
9164
|
+
const _sfc_main$1e = /* @__PURE__ */ defineComponent({
|
|
9165
9165
|
__name: "SearchBoxProductImage",
|
|
9166
9166
|
props: {
|
|
9167
9167
|
item: {},
|
|
@@ -9169,7 +9169,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
9169
9169
|
},
|
|
9170
9170
|
setup(__props) {
|
|
9171
9171
|
return (_ctx, _cache) => {
|
|
9172
|
-
return openBlock(), createBlock(_sfc_main$
|
|
9172
|
+
return openBlock(), createBlock(_sfc_main$1f, {
|
|
9173
9173
|
item: _ctx.item,
|
|
9174
9174
|
options: _ctx.options,
|
|
9175
9175
|
"wrapper-class": "lupa-search-box-image-wrapper",
|
|
@@ -9178,12 +9178,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
9178
9178
|
};
|
|
9179
9179
|
}
|
|
9180
9180
|
});
|
|
9181
|
-
const _hoisted_1$
|
|
9182
|
-
const _hoisted_2$
|
|
9181
|
+
const _hoisted_1$18 = ["innerHTML"];
|
|
9182
|
+
const _hoisted_2$O = {
|
|
9183
9183
|
key: 1,
|
|
9184
9184
|
class: "lupa-search-box-product-title"
|
|
9185
9185
|
};
|
|
9186
|
-
const _sfc_main$
|
|
9186
|
+
const _sfc_main$1d = /* @__PURE__ */ defineComponent({
|
|
9187
9187
|
__name: "SearchBoxProductTitle",
|
|
9188
9188
|
props: {
|
|
9189
9189
|
item: {},
|
|
@@ -9203,18 +9203,18 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
9203
9203
|
key: 0,
|
|
9204
9204
|
class: "lupa-search-box-product-title",
|
|
9205
9205
|
innerHTML: title.value
|
|
9206
|
-
}, null, 8, _hoisted_1$
|
|
9206
|
+
}, null, 8, _hoisted_1$18)) : (openBlock(), createElementBlock("div", _hoisted_2$O, [
|
|
9207
9207
|
createBaseVNode("strong", null, toDisplayString(title.value), 1)
|
|
9208
9208
|
]));
|
|
9209
9209
|
};
|
|
9210
9210
|
}
|
|
9211
9211
|
});
|
|
9212
|
-
const _hoisted_1$
|
|
9213
|
-
const _hoisted_2$
|
|
9212
|
+
const _hoisted_1$17 = ["innerHTML"];
|
|
9213
|
+
const _hoisted_2$N = {
|
|
9214
9214
|
key: 1,
|
|
9215
9215
|
class: "lupa-search-box-product-description"
|
|
9216
9216
|
};
|
|
9217
|
-
const _sfc_main$
|
|
9217
|
+
const _sfc_main$1c = /* @__PURE__ */ defineComponent({
|
|
9218
9218
|
__name: "SearchBoxProductDescription",
|
|
9219
9219
|
props: {
|
|
9220
9220
|
item: {},
|
|
@@ -9234,12 +9234,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
9234
9234
|
key: 0,
|
|
9235
9235
|
class: "lupa-search-box-product-description",
|
|
9236
9236
|
innerHTML: description.value
|
|
9237
|
-
}, null, 8, _hoisted_1$
|
|
9237
|
+
}, null, 8, _hoisted_1$17)) : (openBlock(), createElementBlock("div", _hoisted_2$N, toDisplayString(description.value), 1));
|
|
9238
9238
|
};
|
|
9239
9239
|
}
|
|
9240
9240
|
});
|
|
9241
|
-
const _hoisted_1$
|
|
9242
|
-
const _sfc_main$
|
|
9241
|
+
const _hoisted_1$16 = { class: "lupa-search-box-product-price" };
|
|
9242
|
+
const _sfc_main$1b = /* @__PURE__ */ defineComponent({
|
|
9243
9243
|
__name: "SearchBoxProductPrice",
|
|
9244
9244
|
props: {
|
|
9245
9245
|
item: {},
|
|
@@ -9257,14 +9257,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
9257
9257
|
);
|
|
9258
9258
|
});
|
|
9259
9259
|
return (_ctx, _cache) => {
|
|
9260
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
9260
|
+
return openBlock(), createElementBlock("div", _hoisted_1$16, [
|
|
9261
9261
|
createBaseVNode("strong", null, toDisplayString(price.value), 1)
|
|
9262
9262
|
]);
|
|
9263
9263
|
};
|
|
9264
9264
|
}
|
|
9265
9265
|
});
|
|
9266
|
-
const _hoisted_1$
|
|
9267
|
-
const _sfc_main$
|
|
9266
|
+
const _hoisted_1$15 = { class: "lupa-search-box-product-regular-price" };
|
|
9267
|
+
const _sfc_main$1a = /* @__PURE__ */ defineComponent({
|
|
9268
9268
|
__name: "SearchBoxProductRegularPrice",
|
|
9269
9269
|
props: {
|
|
9270
9270
|
item: {},
|
|
@@ -9282,16 +9282,16 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
9282
9282
|
);
|
|
9283
9283
|
});
|
|
9284
9284
|
return (_ctx, _cache) => {
|
|
9285
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
9285
|
+
return openBlock(), createElementBlock("div", _hoisted_1$15, toDisplayString(price.value), 1);
|
|
9286
9286
|
};
|
|
9287
9287
|
}
|
|
9288
9288
|
});
|
|
9289
|
-
const _hoisted_1$
|
|
9290
|
-
const _hoisted_2$
|
|
9289
|
+
const _hoisted_1$14 = ["innerHTML"];
|
|
9290
|
+
const _hoisted_2$M = { key: 0 };
|
|
9291
9291
|
const _hoisted_3$y = { key: 1 };
|
|
9292
9292
|
const _hoisted_4$q = { class: "lupa-search-box-custom-label" };
|
|
9293
9293
|
const _hoisted_5$f = { class: "lupa-search-box-custom-text" };
|
|
9294
|
-
const _sfc_main$
|
|
9294
|
+
const _sfc_main$19 = /* @__PURE__ */ defineComponent({
|
|
9295
9295
|
__name: "SearchBoxProductCustom",
|
|
9296
9296
|
props: {
|
|
9297
9297
|
item: {},
|
|
@@ -9317,11 +9317,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
9317
9317
|
key: 0,
|
|
9318
9318
|
class: [className.value, "lupa-search-box-product-custom"],
|
|
9319
9319
|
innerHTML: text.value
|
|
9320
|
-
}, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$
|
|
9320
|
+
}, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$14)) : (openBlock(), createElementBlock("div", mergeProps({
|
|
9321
9321
|
key: 1,
|
|
9322
9322
|
class: [className.value, "lupa-search-box-product-custom"]
|
|
9323
9323
|
}, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
|
|
9324
|
-
!label.value ? (openBlock(), createElementBlock("div", _hoisted_2$
|
|
9324
|
+
!label.value ? (openBlock(), createElementBlock("div", _hoisted_2$M, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$y, [
|
|
9325
9325
|
createBaseVNode("div", _hoisted_4$q, toDisplayString(label.value), 1),
|
|
9326
9326
|
createBaseVNode("div", _hoisted_5$f, toDisplayString(text.value), 1)
|
|
9327
9327
|
]))
|
|
@@ -9329,8 +9329,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
9329
9329
|
};
|
|
9330
9330
|
}
|
|
9331
9331
|
});
|
|
9332
|
-
const _hoisted_1$
|
|
9333
|
-
const _sfc_main$
|
|
9332
|
+
const _hoisted_1$13 = ["innerHTML"];
|
|
9333
|
+
const _sfc_main$18 = /* @__PURE__ */ defineComponent({
|
|
9334
9334
|
__name: "SearchBoxProductCustomHtml",
|
|
9335
9335
|
props: {
|
|
9336
9336
|
item: {},
|
|
@@ -9350,7 +9350,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
9350
9350
|
return openBlock(), createElementBlock("div", mergeProps({
|
|
9351
9351
|
class: className.value,
|
|
9352
9352
|
innerHTML: text.value
|
|
9353
|
-
}, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$
|
|
9353
|
+
}, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$13);
|
|
9354
9354
|
};
|
|
9355
9355
|
}
|
|
9356
9356
|
});
|
|
@@ -9568,10 +9568,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
9568
9568
|
clearSearchResult
|
|
9569
9569
|
};
|
|
9570
9570
|
});
|
|
9571
|
-
const _hoisted_1$
|
|
9572
|
-
const _hoisted_2$
|
|
9571
|
+
const _hoisted_1$12 = { class: "lupa-search-box-add-to-cart-wrapper" };
|
|
9572
|
+
const _hoisted_2$L = { class: "lupa-search-box-product-addtocart" };
|
|
9573
9573
|
const _hoisted_3$x = ["onClick", "disabled"];
|
|
9574
|
-
const _sfc_main$
|
|
9574
|
+
const _sfc_main$17 = /* @__PURE__ */ defineComponent({
|
|
9575
9575
|
__name: "SearchBoxProductAddToCart",
|
|
9576
9576
|
props: {
|
|
9577
9577
|
item: {},
|
|
@@ -9598,8 +9598,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
9598
9598
|
loading.value = false;
|
|
9599
9599
|
});
|
|
9600
9600
|
return (_ctx, _cache) => {
|
|
9601
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
9602
|
-
createBaseVNode("div", _hoisted_2$
|
|
9601
|
+
return openBlock(), createElementBlock("div", _hoisted_1$12, [
|
|
9602
|
+
createBaseVNode("div", _hoisted_2$L, [
|
|
9603
9603
|
createBaseVNode("button", {
|
|
9604
9604
|
onClick: withModifiers(handleClick, ["stop", "prevent"]),
|
|
9605
9605
|
class: normalizeClass(loading.value ? "lupa-add-to-cart-loading" : "lupa-add-to-cart"),
|
|
@@ -9612,23 +9612,23 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
9612
9612
|
};
|
|
9613
9613
|
}
|
|
9614
9614
|
});
|
|
9615
|
-
const _hoisted_1$
|
|
9615
|
+
const _hoisted_1$11 = {
|
|
9616
9616
|
key: 1,
|
|
9617
9617
|
class: "lupa-search-box-element-badge-wrapper"
|
|
9618
9618
|
};
|
|
9619
9619
|
const __default__$4 = {
|
|
9620
9620
|
components: {
|
|
9621
|
-
SearchBoxProductImage: _sfc_main$
|
|
9622
|
-
SearchBoxProductTitle: _sfc_main$
|
|
9623
|
-
SearchBoxProductDescription: _sfc_main$
|
|
9624
|
-
SearchBoxProductPrice: _sfc_main$
|
|
9625
|
-
SearchBoxProductRegularPrice: _sfc_main$
|
|
9626
|
-
SearchBoxProductCustom: _sfc_main$
|
|
9627
|
-
SearchBoxProductCustomHtml: _sfc_main$
|
|
9628
|
-
SearchBoxProductAddToCart: _sfc_main$
|
|
9621
|
+
SearchBoxProductImage: _sfc_main$1e,
|
|
9622
|
+
SearchBoxProductTitle: _sfc_main$1d,
|
|
9623
|
+
SearchBoxProductDescription: _sfc_main$1c,
|
|
9624
|
+
SearchBoxProductPrice: _sfc_main$1b,
|
|
9625
|
+
SearchBoxProductRegularPrice: _sfc_main$1a,
|
|
9626
|
+
SearchBoxProductCustom: _sfc_main$19,
|
|
9627
|
+
SearchBoxProductCustomHtml: _sfc_main$18,
|
|
9628
|
+
SearchBoxProductAddToCart: _sfc_main$17
|
|
9629
9629
|
}
|
|
9630
9630
|
};
|
|
9631
|
-
const _sfc_main$
|
|
9631
|
+
const _sfc_main$16 = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$4), {
|
|
9632
9632
|
__name: "SearchBoxProductElement",
|
|
9633
9633
|
props: {
|
|
9634
9634
|
item: {},
|
|
@@ -9686,7 +9686,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
9686
9686
|
class: normalizeClass({ "lupa-loading-dynamic-data": isLoadingDynamicData((_a = _ctx.item) == null ? void 0 : _a.id) }),
|
|
9687
9687
|
inStock: _ctx.isInStock
|
|
9688
9688
|
}, null, 8, ["item", "options", "labels", "class", "inStock"])) : createCommentVNode("", true)
|
|
9689
|
-
], 64)) : (openBlock(), createElementBlock("div", _hoisted_1$
|
|
9689
|
+
], 64)) : (openBlock(), createElementBlock("div", _hoisted_1$11, [
|
|
9690
9690
|
displayElement.value ? (openBlock(), createBlock(resolveDynamicComponent(elementComponent.value), {
|
|
9691
9691
|
key: 0,
|
|
9692
9692
|
item: enhancedItem.value,
|
|
@@ -9700,14 +9700,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
9700
9700
|
};
|
|
9701
9701
|
}
|
|
9702
9702
|
}));
|
|
9703
|
-
const _hoisted_1
|
|
9704
|
-
const _hoisted_2$
|
|
9703
|
+
const _hoisted_1$10 = { class: "lupa-badge-title" };
|
|
9704
|
+
const _hoisted_2$K = ["src"];
|
|
9705
9705
|
const _hoisted_3$w = { key: 1 };
|
|
9706
9706
|
const _hoisted_4$p = {
|
|
9707
9707
|
key: 0,
|
|
9708
9708
|
class: "lupa-badge-full-text"
|
|
9709
9709
|
};
|
|
9710
|
-
const _sfc_main$
|
|
9710
|
+
const _sfc_main$15 = /* @__PURE__ */ defineComponent({
|
|
9711
9711
|
__name: "SearchResultGeneratedBadge",
|
|
9712
9712
|
props: {
|
|
9713
9713
|
options: {},
|
|
@@ -9740,11 +9740,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
9740
9740
|
class: normalizeClass(["lupa-dynamic-badge", customClassName.value]),
|
|
9741
9741
|
style: normalizeStyle({ background: _ctx.badge.backgroundColor, color: _ctx.badge.color })
|
|
9742
9742
|
}, [
|
|
9743
|
-
createBaseVNode("span", _hoisted_1
|
|
9743
|
+
createBaseVNode("span", _hoisted_1$10, [
|
|
9744
9744
|
image.value ? (openBlock(), createElementBlock("img", {
|
|
9745
9745
|
key: 0,
|
|
9746
9746
|
src: image.value
|
|
9747
|
-
}, null, 8, _hoisted_2$
|
|
9747
|
+
}, null, 8, _hoisted_2$K)) : createCommentVNode("", true),
|
|
9748
9748
|
hasTitleText.value && showTitle.value ? (openBlock(), createElementBlock("span", _hoisted_3$w, toDisplayString(_ctx.badge.titleText), 1)) : createCommentVNode("", true)
|
|
9749
9749
|
]),
|
|
9750
9750
|
hasAdditionalText.value ? (openBlock(), createElementBlock("span", _hoisted_4$p, toDisplayString(_ctx.badge.additionalText), 1)) : createCommentVNode("", true)
|
|
@@ -9752,8 +9752,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
9752
9752
|
};
|
|
9753
9753
|
}
|
|
9754
9754
|
});
|
|
9755
|
-
const _hoisted_1
|
|
9756
|
-
const _sfc_main$
|
|
9755
|
+
const _hoisted_1$$ = { class: "lupa-generated-badges" };
|
|
9756
|
+
const _sfc_main$14 = /* @__PURE__ */ defineComponent({
|
|
9757
9757
|
__name: "SearchResultGeneratedBadges",
|
|
9758
9758
|
props: {
|
|
9759
9759
|
options: {}
|
|
@@ -9779,9 +9779,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
9779
9779
|
})).filter((b) => Boolean(b.id));
|
|
9780
9780
|
});
|
|
9781
9781
|
return (_ctx, _cache) => {
|
|
9782
|
-
return openBlock(), createElementBlock("div", _hoisted_1
|
|
9782
|
+
return openBlock(), createElementBlock("div", _hoisted_1$$, [
|
|
9783
9783
|
(openBlock(true), createElementBlock(Fragment, null, renderList(badges.value, (badge) => {
|
|
9784
|
-
return openBlock(), createBlock(_sfc_main$
|
|
9784
|
+
return openBlock(), createBlock(_sfc_main$15, {
|
|
9785
9785
|
key: badge.id,
|
|
9786
9786
|
badge,
|
|
9787
9787
|
options: _ctx.options
|
|
@@ -9791,8 +9791,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
9791
9791
|
};
|
|
9792
9792
|
}
|
|
9793
9793
|
});
|
|
9794
|
-
const _hoisted_1$
|
|
9795
|
-
const _sfc_main$
|
|
9794
|
+
const _hoisted_1$_ = ["innerHTML"];
|
|
9795
|
+
const _sfc_main$13 = /* @__PURE__ */ defineComponent({
|
|
9796
9796
|
__name: "CustomBadge",
|
|
9797
9797
|
props: {
|
|
9798
9798
|
badge: {}
|
|
@@ -9811,12 +9811,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
9811
9811
|
return openBlock(), createElementBlock("div", {
|
|
9812
9812
|
class: normalizeClass(className.value),
|
|
9813
9813
|
innerHTML: text.value
|
|
9814
|
-
}, null, 10, _hoisted_1$
|
|
9814
|
+
}, null, 10, _hoisted_1$_);
|
|
9815
9815
|
};
|
|
9816
9816
|
}
|
|
9817
9817
|
});
|
|
9818
|
-
const _hoisted_1$
|
|
9819
|
-
const _sfc_main$
|
|
9818
|
+
const _hoisted_1$Z = { class: "lupa-text-badges" };
|
|
9819
|
+
const _sfc_main$12 = /* @__PURE__ */ defineComponent({
|
|
9820
9820
|
__name: "TextBadge",
|
|
9821
9821
|
props: {
|
|
9822
9822
|
badge: {}
|
|
@@ -9831,7 +9831,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
9831
9831
|
return badges.value.slice(0, props.badge.maxItems);
|
|
9832
9832
|
});
|
|
9833
9833
|
return (_ctx, _cache) => {
|
|
9834
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
9834
|
+
return openBlock(), createElementBlock("div", _hoisted_1$Z, [
|
|
9835
9835
|
(openBlock(true), createElementBlock(Fragment, null, renderList(displayBadges.value, (item) => {
|
|
9836
9836
|
return openBlock(), createElementBlock("div", {
|
|
9837
9837
|
class: "lupa-badge lupa-text-badge",
|
|
@@ -9842,9 +9842,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
9842
9842
|
};
|
|
9843
9843
|
}
|
|
9844
9844
|
});
|
|
9845
|
-
const _hoisted_1$
|
|
9846
|
-
const _hoisted_2$
|
|
9847
|
-
const _sfc_main$
|
|
9845
|
+
const _hoisted_1$Y = { class: "lupa-image-badges" };
|
|
9846
|
+
const _hoisted_2$J = ["src"];
|
|
9847
|
+
const _sfc_main$11 = /* @__PURE__ */ defineComponent({
|
|
9848
9848
|
__name: "ImageBadge",
|
|
9849
9849
|
props: {
|
|
9850
9850
|
badge: {}
|
|
@@ -9864,7 +9864,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
9864
9864
|
return `${props.badge.rootImageUrl}${src}`;
|
|
9865
9865
|
};
|
|
9866
9866
|
return (_ctx, _cache) => {
|
|
9867
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
9867
|
+
return openBlock(), createElementBlock("div", _hoisted_1$Y, [
|
|
9868
9868
|
(openBlock(true), createElementBlock(Fragment, null, renderList(displayBadges.value, (item) => {
|
|
9869
9869
|
return openBlock(), createElementBlock("div", {
|
|
9870
9870
|
class: "lupa-badge lupa-image-badge",
|
|
@@ -9872,22 +9872,22 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
9872
9872
|
}, [
|
|
9873
9873
|
createBaseVNode("img", {
|
|
9874
9874
|
src: getImageUrl(item)
|
|
9875
|
-
}, null, 8, _hoisted_2$
|
|
9875
|
+
}, null, 8, _hoisted_2$J)
|
|
9876
9876
|
]);
|
|
9877
9877
|
}), 128))
|
|
9878
9878
|
]);
|
|
9879
9879
|
};
|
|
9880
9880
|
}
|
|
9881
9881
|
});
|
|
9882
|
-
const _hoisted_1$
|
|
9882
|
+
const _hoisted_1$X = { id: "lupa-search-results-badges" };
|
|
9883
9883
|
const __default__$3 = {
|
|
9884
9884
|
components: {
|
|
9885
|
-
CustomBadge: _sfc_main$
|
|
9886
|
-
TextBadge: _sfc_main$
|
|
9887
|
-
ImageBadge: _sfc_main$
|
|
9885
|
+
CustomBadge: _sfc_main$13,
|
|
9886
|
+
TextBadge: _sfc_main$12,
|
|
9887
|
+
ImageBadge: _sfc_main$11
|
|
9888
9888
|
}
|
|
9889
9889
|
};
|
|
9890
|
-
const _sfc_main
|
|
9890
|
+
const _sfc_main$10 = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$3), {
|
|
9891
9891
|
__name: "SearchResultsBadgeWrapper",
|
|
9892
9892
|
props: {
|
|
9893
9893
|
position: {},
|
|
@@ -9943,7 +9943,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
9943
9943
|
}
|
|
9944
9944
|
};
|
|
9945
9945
|
return (_ctx, _cache) => {
|
|
9946
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
9946
|
+
return openBlock(), createElementBlock("div", _hoisted_1$X, [
|
|
9947
9947
|
createBaseVNode("div", {
|
|
9948
9948
|
id: "lupa-badges",
|
|
9949
9949
|
class: normalizeClass(anchorPosition.value)
|
|
@@ -9954,7 +9954,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
9954
9954
|
badge
|
|
9955
9955
|
}, null, 8, ["badge"]);
|
|
9956
9956
|
}), 128)),
|
|
9957
|
-
positionValue.value === "card" ? (openBlock(), createBlock(_sfc_main$
|
|
9957
|
+
positionValue.value === "card" ? (openBlock(), createBlock(_sfc_main$14, {
|
|
9958
9958
|
key: 0,
|
|
9959
9959
|
options: _ctx.options
|
|
9960
9960
|
}, null, 8, ["options"])) : createCommentVNode("", true)
|
|
@@ -9963,14 +9963,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
9963
9963
|
};
|
|
9964
9964
|
}
|
|
9965
9965
|
}));
|
|
9966
|
-
const _hoisted_1$
|
|
9967
|
-
const _hoisted_2$
|
|
9966
|
+
const _hoisted_1$W = ["href"];
|
|
9967
|
+
const _hoisted_2$I = { class: "lupa-search-box-product-image-section" };
|
|
9968
9968
|
const _hoisted_3$v = { class: "lupa-search-box-product-details-section" };
|
|
9969
9969
|
const _hoisted_4$o = {
|
|
9970
9970
|
key: 0,
|
|
9971
9971
|
class: "lupa-search-box-product-add-to-cart-section"
|
|
9972
9972
|
};
|
|
9973
|
-
const _sfc_main
|
|
9973
|
+
const _sfc_main$$ = /* @__PURE__ */ defineComponent({
|
|
9974
9974
|
__name: "SearchBoxProduct",
|
|
9975
9975
|
props: {
|
|
9976
9976
|
item: {},
|
|
@@ -10029,9 +10029,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
10029
10029
|
"data-cy": "lupa-search-box-product",
|
|
10030
10030
|
onClick: handleClick
|
|
10031
10031
|
}), [
|
|
10032
|
-
createBaseVNode("div", _hoisted_2$
|
|
10032
|
+
createBaseVNode("div", _hoisted_2$I, [
|
|
10033
10033
|
(openBlock(true), createElementBlock(Fragment, null, renderList(imageElements.value, (element) => {
|
|
10034
|
-
return openBlock(), createBlock(_sfc_main$
|
|
10034
|
+
return openBlock(), createBlock(_sfc_main$16, {
|
|
10035
10035
|
class: "lupa-search-box-product-element",
|
|
10036
10036
|
item: _ctx.item,
|
|
10037
10037
|
element,
|
|
@@ -10044,7 +10044,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
10044
10044
|
createBaseVNode("div", _hoisted_3$v, [
|
|
10045
10045
|
(openBlock(true), createElementBlock(Fragment, null, renderList(detailElements.value, (element) => {
|
|
10046
10046
|
var _a;
|
|
10047
|
-
return openBlock(), createBlock(_sfc_main$
|
|
10047
|
+
return openBlock(), createBlock(_sfc_main$16, {
|
|
10048
10048
|
key: element.key,
|
|
10049
10049
|
class: "lupa-search-box-product-element",
|
|
10050
10050
|
item: _ctx.item,
|
|
@@ -10055,7 +10055,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
10055
10055
|
badgeOptions.value && ((_a = badgeOptions.value) == null ? void 0 : _a.anchorElementKey) === element.key ? {
|
|
10056
10056
|
name: "badges",
|
|
10057
10057
|
fn: withCtx(() => [
|
|
10058
|
-
createVNode(_sfc_main
|
|
10058
|
+
createVNode(_sfc_main$10, {
|
|
10059
10059
|
options: badgeOptions.value,
|
|
10060
10060
|
position: "card"
|
|
10061
10061
|
}, null, 8, ["options"])
|
|
@@ -10066,7 +10066,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
10066
10066
|
}), 128))
|
|
10067
10067
|
]),
|
|
10068
10068
|
addToCartElement.value ? (openBlock(), createElementBlock("div", _hoisted_4$o, [
|
|
10069
|
-
createVNode(_sfc_main$
|
|
10069
|
+
createVNode(_sfc_main$16, {
|
|
10070
10070
|
class: "lupa-search-box-product-element",
|
|
10071
10071
|
item: _ctx.item,
|
|
10072
10072
|
element: addToCartElement.value,
|
|
@@ -10075,7 +10075,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
10075
10075
|
isInStock: isInStock.value
|
|
10076
10076
|
}, null, 8, ["item", "element", "labels", "link", "isInStock"])
|
|
10077
10077
|
])) : createCommentVNode("", true)
|
|
10078
|
-
], 16, _hoisted_1$
|
|
10078
|
+
], 16, _hoisted_1$W);
|
|
10079
10079
|
};
|
|
10080
10080
|
}
|
|
10081
10081
|
});
|
|
@@ -10136,8 +10136,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
10136
10136
|
};
|
|
10137
10137
|
return { trackSearch, trackResults, trackEvent };
|
|
10138
10138
|
});
|
|
10139
|
-
const _hoisted_1$
|
|
10140
|
-
const _sfc_main$
|
|
10139
|
+
const _hoisted_1$V = { id: "lupa-search-box-products" };
|
|
10140
|
+
const _sfc_main$_ = /* @__PURE__ */ defineComponent({
|
|
10141
10141
|
__name: "SearchBoxProducts",
|
|
10142
10142
|
props: {
|
|
10143
10143
|
items: {},
|
|
@@ -10198,7 +10198,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
10198
10198
|
handleRoutingEvent(link, event, boxRoutingBehavior.value === "event");
|
|
10199
10199
|
};
|
|
10200
10200
|
return (_ctx, _cache) => {
|
|
10201
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
10201
|
+
return openBlock(), createElementBlock("div", _hoisted_1$V, [
|
|
10202
10202
|
_ctx.$slots.productCard ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.items, (item, index) => {
|
|
10203
10203
|
return renderSlot(_ctx.$slots, "productCard", {
|
|
10204
10204
|
key: index,
|
|
@@ -10210,7 +10210,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
10210
10210
|
itemClicked: handleProductClick
|
|
10211
10211
|
});
|
|
10212
10212
|
}), 128)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.items, (item, index) => {
|
|
10213
|
-
return openBlock(), createBlock(_sfc_main
|
|
10213
|
+
return openBlock(), createBlock(_sfc_main$$, {
|
|
10214
10214
|
key: index,
|
|
10215
10215
|
item,
|
|
10216
10216
|
panelOptions: _ctx.panelOptions,
|
|
@@ -10219,7 +10219,52 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
10219
10219
|
inputValue: _ctx.inputValue,
|
|
10220
10220
|
onProductClick: handleProductClick
|
|
10221
10221
|
}, null, 8, ["item", "panelOptions", "labels", "highlighted", "inputValue"]);
|
|
10222
|
-
}), 128))
|
|
10222
|
+
}), 128)),
|
|
10223
|
+
renderSlot(_ctx.$slots, "default")
|
|
10224
|
+
]);
|
|
10225
|
+
};
|
|
10226
|
+
}
|
|
10227
|
+
});
|
|
10228
|
+
const _hoisted_1$U = { class: "lupa-search-box-documents-go-to-results-wrapper" };
|
|
10229
|
+
const _hoisted_2$H = { key: 0 };
|
|
10230
|
+
const _sfc_main$Z = /* @__PURE__ */ defineComponent({
|
|
10231
|
+
__name: "SearchBoxProductsGoToResultsButton",
|
|
10232
|
+
props: {
|
|
10233
|
+
options: {},
|
|
10234
|
+
panel: {}
|
|
10235
|
+
},
|
|
10236
|
+
emits: ["goToResults"],
|
|
10237
|
+
setup(__props, { emit: emit2 }) {
|
|
10238
|
+
const props = __props;
|
|
10239
|
+
const searchBoxStore = useSearchBoxStore();
|
|
10240
|
+
const { docResults } = storeToRefs(searchBoxStore);
|
|
10241
|
+
const goToResultsLabel = computed(
|
|
10242
|
+
() => {
|
|
10243
|
+
var _a, _b, _c;
|
|
10244
|
+
return (_c = (_a = props.panel.labels) == null ? void 0 : _a.goToResultsTitle) != null ? _c : (_b = props.options.labels) == null ? void 0 : _b.moreResults;
|
|
10245
|
+
}
|
|
10246
|
+
);
|
|
10247
|
+
const totalCount = computed(() => {
|
|
10248
|
+
var _a;
|
|
10249
|
+
if (!props.options.showTotalCount) {
|
|
10250
|
+
return "";
|
|
10251
|
+
}
|
|
10252
|
+
const queryKey = props.panel.queryKey;
|
|
10253
|
+
const total = queryKey ? (_a = docResults.value[queryKey]) == null ? void 0 : _a.total : "";
|
|
10254
|
+
return total ? `(${total})` : "";
|
|
10255
|
+
});
|
|
10256
|
+
const goToResults = () => {
|
|
10257
|
+
emit2("goToResults");
|
|
10258
|
+
};
|
|
10259
|
+
return (_ctx, _cache) => {
|
|
10260
|
+
return openBlock(), createElementBlock("div", _hoisted_1$U, [
|
|
10261
|
+
createBaseVNode("button", {
|
|
10262
|
+
class: "lupa-search-box-documents-go-to-results-button",
|
|
10263
|
+
onClick: goToResults
|
|
10264
|
+
}, [
|
|
10265
|
+
createTextVNode(toDisplayString(goToResultsLabel.value) + " ", 1),
|
|
10266
|
+
totalCount.value ? (openBlock(), createElementBlock("span", _hoisted_2$H, " " + toDisplayString(totalCount.value), 1)) : createCommentVNode("", true)
|
|
10267
|
+
])
|
|
10223
10268
|
]);
|
|
10224
10269
|
};
|
|
10225
10270
|
}
|
|
@@ -10228,12 +10273,13 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
10228
10273
|
__name: "SearchBoxProductsWrapper",
|
|
10229
10274
|
props: {
|
|
10230
10275
|
panel: {},
|
|
10276
|
+
searchBoxOptions: {},
|
|
10231
10277
|
inputValue: {},
|
|
10232
10278
|
options: {},
|
|
10233
10279
|
labels: {},
|
|
10234
10280
|
debounce: {}
|
|
10235
10281
|
},
|
|
10236
|
-
emits: ["fetched"],
|
|
10282
|
+
emits: ["fetched", "product-click", "go-to-results"],
|
|
10237
10283
|
setup(__props, { emit: emit2 }) {
|
|
10238
10284
|
const props = __props;
|
|
10239
10285
|
const searchBoxStore = useSearchBoxStore();
|
|
@@ -10243,6 +10289,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
10243
10289
|
var _a;
|
|
10244
10290
|
return (_a = docResults.value[props.panel.queryKey]) != null ? _a : null;
|
|
10245
10291
|
});
|
|
10292
|
+
const showGoToResultsButton = computed(() => {
|
|
10293
|
+
return props.panel.showGoToResults;
|
|
10294
|
+
});
|
|
10246
10295
|
const inputValueProp = computed(() => props.inputValue);
|
|
10247
10296
|
onMounted(() => {
|
|
10248
10297
|
getItemsDebounced();
|
|
@@ -10276,13 +10325,26 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
10276
10325
|
const getItemsDebounced = debounce$1(getItems, props.debounce);
|
|
10277
10326
|
return (_ctx, _cache) => {
|
|
10278
10327
|
var _a, _b;
|
|
10279
|
-
return openBlock(), createBlock(_sfc_main$
|
|
10328
|
+
return openBlock(), createBlock(_sfc_main$_, {
|
|
10280
10329
|
items: (_b = (_a = searchResult.value) == null ? void 0 : _a.items) != null ? _b : [],
|
|
10281
10330
|
panelOptions: _ctx.panel,
|
|
10282
10331
|
labels: _ctx.labels,
|
|
10283
10332
|
inputValue: _ctx.inputValue,
|
|
10284
|
-
onProductClick: _cache[
|
|
10285
|
-
}, createSlots({
|
|
10333
|
+
onProductClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("product-click"))
|
|
10334
|
+
}, createSlots({
|
|
10335
|
+
default: withCtx(() => {
|
|
10336
|
+
var _a2;
|
|
10337
|
+
return [
|
|
10338
|
+
showGoToResultsButton.value && ((_a2 = searchResult.value) == null ? void 0 : _a2.items.length) ? (openBlock(), createBlock(_sfc_main$Z, {
|
|
10339
|
+
key: 0,
|
|
10340
|
+
options: _ctx.searchBoxOptions,
|
|
10341
|
+
panel: _ctx.panel,
|
|
10342
|
+
onGoToResults: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("go-to-results"))
|
|
10343
|
+
}, null, 8, ["options", "panel"])) : createCommentVNode("", true)
|
|
10344
|
+
];
|
|
10345
|
+
}),
|
|
10346
|
+
_: 2
|
|
10347
|
+
}, [
|
|
10286
10348
|
_ctx.$slots.productCard ? {
|
|
10287
10349
|
name: "productCard",
|
|
10288
10350
|
fn: withCtx((props2) => [
|
|
@@ -10366,7 +10428,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
10366
10428
|
});
|
|
10367
10429
|
return (_ctx, _cache) => {
|
|
10368
10430
|
var _a, _b;
|
|
10369
|
-
return openBlock(), createBlock(_sfc_main$
|
|
10431
|
+
return openBlock(), createBlock(_sfc_main$_, {
|
|
10370
10432
|
items: (_b = (_a = searchResult.value) == null ? void 0 : _a.items) != null ? _b : [],
|
|
10371
10433
|
panelOptions: documentPanelOptions.value,
|
|
10372
10434
|
labels: _ctx.labels,
|
|
@@ -10403,7 +10465,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
10403
10465
|
};
|
|
10404
10466
|
const __default__$2 = {
|
|
10405
10467
|
components: {
|
|
10406
|
-
SearchBoxSuggestionsWrapper: _sfc_main$
|
|
10468
|
+
SearchBoxSuggestionsWrapper: _sfc_main$1g,
|
|
10407
10469
|
SearchBoxProductsWrapper: _sfc_main$Y,
|
|
10408
10470
|
SearchBoxRelatedSourceWrapper: _sfc_main$X
|
|
10409
10471
|
}
|
|
@@ -10580,13 +10642,15 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
10580
10642
|
panel.queryKey && canShowPanel(panel) ? (openBlock(), createBlock(resolveDynamicComponent(getComponent(panel.type)), {
|
|
10581
10643
|
key: 2,
|
|
10582
10644
|
panel,
|
|
10645
|
+
"search-box-options": _ctx.options,
|
|
10583
10646
|
options: sdkOptions.value,
|
|
10584
10647
|
debounce: _ctx.options.debounce,
|
|
10585
10648
|
inputValue: getInput(panel),
|
|
10586
10649
|
labels: labels.value,
|
|
10587
10650
|
onFetched: _cache[1] || (_cache[1] = (data) => _ctx.$emit("fetched", data)),
|
|
10588
10651
|
onItemSelect: _cache[2] || (_cache[2] = (item) => _ctx.$emit("itemSelect", item)),
|
|
10589
|
-
onProductClick: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("product-click"))
|
|
10652
|
+
onProductClick: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("product-click")),
|
|
10653
|
+
onGoToResults: handleGoToResults
|
|
10590
10654
|
}, createSlots({ _: 2 }, [
|
|
10591
10655
|
_ctx.$slots.productCard ? {
|
|
10592
10656
|
name: "productCard",
|
|
@@ -10595,22 +10659,22 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
10595
10659
|
]),
|
|
10596
10660
|
key: "0"
|
|
10597
10661
|
} : void 0
|
|
10598
|
-
]), 1064, ["panel", "options", "debounce", "inputValue", "labels"])) : createCommentVNode("", true)
|
|
10662
|
+
]), 1064, ["panel", "search-box-options", "options", "debounce", "inputValue", "labels"])) : createCommentVNode("", true)
|
|
10599
10663
|
], 10, _hoisted_2$G);
|
|
10600
10664
|
}), 128))
|
|
10601
10665
|
], 4),
|
|
10602
|
-
!unref(hasAnyResults) && _ctx.options.showNoResultsPanel ? (openBlock(), createBlock(_sfc_main$
|
|
10666
|
+
!unref(hasAnyResults) && _ctx.options.showNoResultsPanel ? (openBlock(), createBlock(_sfc_main$1j, {
|
|
10603
10667
|
key: 1,
|
|
10604
10668
|
labels: labels.value
|
|
10605
10669
|
}, null, 8, ["labels"])) : createCommentVNode("", true),
|
|
10606
|
-
unref(hasAnyResults) || !_ctx.options.hideMoreResultsButtonOnNoResults ? (openBlock(), createBlock(_sfc_main$
|
|
10670
|
+
unref(hasAnyResults) || !_ctx.options.hideMoreResultsButtonOnNoResults ? (openBlock(), createBlock(_sfc_main$1m, {
|
|
10607
10671
|
key: 2,
|
|
10608
10672
|
labels: labels.value,
|
|
10609
10673
|
showTotalCount: (_a = _ctx.options.showTotalCount) != null ? _a : false,
|
|
10610
10674
|
onGoToResults: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("go-to-results"))
|
|
10611
10675
|
}, null, 8, ["labels", "showTotalCount"])) : createCommentVNode("", true)
|
|
10612
10676
|
])) : displayHistory.value ? (openBlock(), createElementBlock("div", _hoisted_5$e, [
|
|
10613
|
-
createVNode(_sfc_main$
|
|
10677
|
+
createVNode(_sfc_main$1k, {
|
|
10614
10678
|
options: _ctx.options.history,
|
|
10615
10679
|
history: history.value,
|
|
10616
10680
|
onGoToResults: handleGoToResults,
|
|
@@ -10890,7 +10954,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
10890
10954
|
var _a2;
|
|
10891
10955
|
return openBlock(), createElementBlock("div", _hoisted_1$S, [
|
|
10892
10956
|
createBaseVNode("div", _hoisted_2$F, [
|
|
10893
|
-
createVNode(_sfc_main$
|
|
10957
|
+
createVNode(_sfc_main$1n, {
|
|
10894
10958
|
options: inputOptions.value,
|
|
10895
10959
|
suggestedValue: suggestedValue.value,
|
|
10896
10960
|
"can-close": (_a2 = _ctx.isSearchContainer) != null ? _a2 : false,
|
|
@@ -14047,7 +14111,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
14047
14111
|
},
|
|
14048
14112
|
setup(__props) {
|
|
14049
14113
|
return (_ctx, _cache) => {
|
|
14050
|
-
return openBlock(), createBlock(_sfc_main$
|
|
14114
|
+
return openBlock(), createBlock(_sfc_main$1f, {
|
|
14051
14115
|
item: _ctx.item,
|
|
14052
14116
|
options: _ctx.options,
|
|
14053
14117
|
"wrapper-class": "lupa-search-results-image-wrapper",
|
|
@@ -14689,7 +14753,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
14689
14753
|
"data-cy": "lupa-search-result-product-card",
|
|
14690
14754
|
class: ["lupa-search-result-product-card", !isInStock.value ? "lupa-out-of-stock" : ""]
|
|
14691
14755
|
}, customDocumentHtmlAttributes.value, { onClick: handleClick }), [
|
|
14692
|
-
createVNode(_sfc_main
|
|
14756
|
+
createVNode(_sfc_main$10, { options: badgesOptions.value }, null, 8, ["options"]),
|
|
14693
14757
|
createBaseVNode("div", {
|
|
14694
14758
|
class: normalizeClass(["lupa-search-result-product-contents", listLayoutClass.value])
|
|
14695
14759
|
}, [
|
|
@@ -14710,7 +14774,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
14710
14774
|
onProductEvent: handleProductEvent
|
|
14711
14775
|
}, null, 8, ["item", "element", "labels", "inStock", "link"]);
|
|
14712
14776
|
}), 128)),
|
|
14713
|
-
createVNode(_sfc_main
|
|
14777
|
+
createVNode(_sfc_main$10, {
|
|
14714
14778
|
options: badgesOptions.value,
|
|
14715
14779
|
position: "image",
|
|
14716
14780
|
class: "lupa-image-badges"
|
|
@@ -22588,7 +22652,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
22588
22652
|
class: "lupa-chat-spinner-main"
|
|
22589
22653
|
};
|
|
22590
22654
|
const _hoisted_5 = { class: "lupasearch-chat-input" };
|
|
22591
|
-
const _sfc_main$
|
|
22655
|
+
const _sfc_main$1o = /* @__PURE__ */ defineComponent({
|
|
22592
22656
|
__name: "ChatContainer",
|
|
22593
22657
|
props: {
|
|
22594
22658
|
options: {}
|
|
@@ -29066,7 +29130,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
29066
29130
|
}
|
|
29067
29131
|
return;
|
|
29068
29132
|
}
|
|
29069
|
-
const instance = createVue(options.displayOptions.containerSelector, _sfc_main$
|
|
29133
|
+
const instance = createVue(options.displayOptions.containerSelector, _sfc_main$1o, {
|
|
29070
29134
|
options
|
|
29071
29135
|
});
|
|
29072
29136
|
if (!instance) {
|