@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.iife.js
CHANGED
|
@@ -6899,11 +6899,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
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) {
|