@getlupa/client 1.6.4 → 1.6.5
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 +31 -19
- package/dist/lupaSearch.js +31 -19
- package/dist/lupaSearch.mjs +31 -19
- package/dist/lupaSearch.umd.js +31 -19
- package/dist/style.css +1 -1
- package/package.json +2 -2
package/dist/lupaSearch.iife.js
CHANGED
|
@@ -7637,6 +7637,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
7637
7637
|
const suggestionResults = ref({});
|
|
7638
7638
|
const highlightedIndex = ref(-1);
|
|
7639
7639
|
const inputValue = ref("");
|
|
7640
|
+
const resultInputValue = ref("");
|
|
7640
7641
|
const historyStore = useHistoryStore();
|
|
7641
7642
|
const resultsVisible = computed(() => {
|
|
7642
7643
|
var _a;
|
|
@@ -7649,13 +7650,15 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
7649
7650
|
return {
|
|
7650
7651
|
queryKey: p2.queryKey,
|
|
7651
7652
|
count: (_b = (_a = suggestionResults.value[p2.queryKey]) == null ? void 0 : _a.length) != null ? _b : 0,
|
|
7652
|
-
panel: p2
|
|
7653
|
+
panel: p2,
|
|
7654
|
+
input: resultInputValue.value
|
|
7653
7655
|
};
|
|
7654
7656
|
}
|
|
7655
7657
|
return {
|
|
7656
7658
|
queryKey: p2.queryKey,
|
|
7657
7659
|
count: (_e = (_d = (_c = docResults.value[p2.queryKey]) == null ? void 0 : _c.items) == null ? void 0 : _d.length) != null ? _e : 0,
|
|
7658
|
-
panel: p2
|
|
7660
|
+
panel: p2,
|
|
7661
|
+
input: resultInputValue.value
|
|
7659
7662
|
};
|
|
7660
7663
|
})
|
|
7661
7664
|
);
|
|
@@ -7715,6 +7718,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
7715
7718
|
[queryKey]: flattenSuggestions(result.items, (_a = publicQuery.searchText) != null ? _a : "")
|
|
7716
7719
|
});
|
|
7717
7720
|
inputValue.value = publicQuery.searchText;
|
|
7721
|
+
resultInputValue.value = publicQuery.searchText;
|
|
7718
7722
|
emitSearchResultsCallback();
|
|
7719
7723
|
return {
|
|
7720
7724
|
suggestions: result.items
|
|
@@ -7802,7 +7806,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
7802
7806
|
const _hoisted_1$1c = { id: "lupa-search-box-input-container" };
|
|
7803
7807
|
const _hoisted_2$P = { class: "lupa-input-clear" };
|
|
7804
7808
|
const _hoisted_3$B = { id: "lupa-search-box-input" };
|
|
7805
|
-
const _hoisted_4$
|
|
7809
|
+
const _hoisted_4$r = ["value"];
|
|
7806
7810
|
const _hoisted_5$f = ["placeholder"];
|
|
7807
7811
|
const _hoisted_6$9 = {
|
|
7808
7812
|
key: 0,
|
|
@@ -7897,7 +7901,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
7897
7901
|
class: "lupa-hint",
|
|
7898
7902
|
value: showHint.value ? suggestedValue.value.item.suggestion : "",
|
|
7899
7903
|
disabled: ""
|
|
7900
|
-
}, null, 8, _hoisted_4$
|
|
7904
|
+
}, null, 8, _hoisted_4$r),
|
|
7901
7905
|
withDirectives(createBaseVNode("input", mergeProps({
|
|
7902
7906
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event)
|
|
7903
7907
|
}, inputAttributes.value, {
|
|
@@ -8076,7 +8080,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
8076
8080
|
class: "lupa-suggestion-facet",
|
|
8077
8081
|
"data-cy": "lupa-suggestion-facet"
|
|
8078
8082
|
};
|
|
8079
|
-
const _hoisted_4$
|
|
8083
|
+
const _hoisted_4$q = {
|
|
8080
8084
|
class: "lupa-suggestion-facet-label",
|
|
8081
8085
|
"data-cy": "lupa-suggestion-facet-label"
|
|
8082
8086
|
};
|
|
@@ -8122,7 +8126,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
8122
8126
|
innerHTML: _ctx.suggestion.displayHighlight
|
|
8123
8127
|
}, null, 8, _hoisted_1$18)) : (openBlock(), createElementBlock("div", _hoisted_2$N, toDisplayString(_ctx.suggestion.display), 1)),
|
|
8124
8128
|
_ctx.suggestion.facet ? (openBlock(), createElementBlock("div", _hoisted_3$A, [
|
|
8125
|
-
createBaseVNode("span", _hoisted_4$
|
|
8129
|
+
createBaseVNode("span", _hoisted_4$q, toDisplayString(facetLabel.value), 1),
|
|
8126
8130
|
createBaseVNode("span", _hoisted_5$e, toDisplayString(_ctx.suggestion.facet.title), 1)
|
|
8127
8131
|
])) : createCommentVNode("", true)
|
|
8128
8132
|
]);
|
|
@@ -8530,7 +8534,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
8530
8534
|
const _hoisted_1$11 = ["innerHTML"];
|
|
8531
8535
|
const _hoisted_2$K = { key: 0 };
|
|
8532
8536
|
const _hoisted_3$z = { key: 1 };
|
|
8533
|
-
const _hoisted_4$
|
|
8537
|
+
const _hoisted_4$p = { class: "lupa-search-box-custom-label" };
|
|
8534
8538
|
const _hoisted_5$d = { class: "lupa-search-box-custom-text" };
|
|
8535
8539
|
const _sfc_main$16 = /* @__PURE__ */ defineComponent({
|
|
8536
8540
|
__name: "SearchBoxProductCustom",
|
|
@@ -8563,7 +8567,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
8563
8567
|
class: [className.value, "lupa-search-box-product-custom"]
|
|
8564
8568
|
}, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
|
|
8565
8569
|
!label.value ? (openBlock(), createElementBlock("div", _hoisted_2$K, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$z, [
|
|
8566
|
-
createBaseVNode("div", _hoisted_4$
|
|
8570
|
+
createBaseVNode("div", _hoisted_4$p, toDisplayString(label.value), 1),
|
|
8567
8571
|
createBaseVNode("div", _hoisted_5$d, toDisplayString(text.value), 1)
|
|
8568
8572
|
]))
|
|
8569
8573
|
], 16));
|
|
@@ -8904,7 +8908,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
8904
8908
|
const _hoisted_1$_ = ["href"];
|
|
8905
8909
|
const _hoisted_2$I = { class: "lupa-search-box-product-image-section" };
|
|
8906
8910
|
const _hoisted_3$x = { class: "lupa-search-box-product-details-section" };
|
|
8907
|
-
const _hoisted_4$
|
|
8911
|
+
const _hoisted_4$o = {
|
|
8908
8912
|
key: 0,
|
|
8909
8913
|
class: "lupa-search-box-product-add-to-cart-section"
|
|
8910
8914
|
};
|
|
@@ -8983,7 +8987,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
8983
8987
|
}, null, 8, ["item", "element", "labels", "link"]);
|
|
8984
8988
|
}), 128))
|
|
8985
8989
|
]),
|
|
8986
|
-
addToCartElement.value ? (openBlock(), createElementBlock("div", _hoisted_4$
|
|
8990
|
+
addToCartElement.value ? (openBlock(), createElementBlock("div", _hoisted_4$o, [
|
|
8987
8991
|
createVNode(_sfc_main$13, {
|
|
8988
8992
|
class: "lupa-search-box-product-element",
|
|
8989
8993
|
item: _ctx.item,
|
|
@@ -9216,6 +9220,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
9216
9220
|
};
|
|
9217
9221
|
const _hoisted_2$H = ["data-cy"];
|
|
9218
9222
|
const _hoisted_3$w = {
|
|
9223
|
+
key: 0,
|
|
9224
|
+
class: "lupa-panel-title"
|
|
9225
|
+
};
|
|
9226
|
+
const _hoisted_4$n = {
|
|
9219
9227
|
key: 1,
|
|
9220
9228
|
id: "lupa-search-box-panel"
|
|
9221
9229
|
};
|
|
@@ -9253,16 +9261,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
9253
9261
|
const sdkOptions = computed(() => props.options.options);
|
|
9254
9262
|
const searchBoxStore = useSearchBoxStore();
|
|
9255
9263
|
const { suggestionResults, hasAnyResults, panelItemCounts } = storeToRefs(searchBoxStore);
|
|
9256
|
-
const displayResults = computed(
|
|
9257
|
-
|
|
9258
|
-
|
|
9259
|
-
|
|
9260
|
-
}
|
|
9261
|
-
);
|
|
9264
|
+
const displayResults = computed(() => {
|
|
9265
|
+
var _a;
|
|
9266
|
+
return ((_a = props.inputValue) == null ? void 0 : _a.length) >= props.options.minInputLength;
|
|
9267
|
+
});
|
|
9262
9268
|
const displayHistory = computed(
|
|
9263
9269
|
() => {
|
|
9264
9270
|
var _a;
|
|
9265
|
-
return Boolean(props.options.history) && ((_a = props.inputValue) == null ? void 0 : _a.length) < 1;
|
|
9271
|
+
return Boolean(props.options.history) && ((_a = props.inputValue) == null ? void 0 : _a.length) < 1 && props.options.minInputLength > 0;
|
|
9266
9272
|
}
|
|
9267
9273
|
);
|
|
9268
9274
|
const displayPanels = computed(
|
|
@@ -9339,6 +9345,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
9339
9345
|
const expandOnSinglePanel = computed(() => {
|
|
9340
9346
|
return numberOfVisiblePanels.value === 1 && props.options.expandOnSinglePanel;
|
|
9341
9347
|
});
|
|
9348
|
+
const showTopResultsPanelTitle = (queryKey) => {
|
|
9349
|
+
const panel = panelItemCounts.value.find((v) => v.queryKey === queryKey);
|
|
9350
|
+
return (panel == null ? void 0 : panel.count) > 0 && (panel == null ? void 0 : panel.input.length) < 1;
|
|
9351
|
+
};
|
|
9342
9352
|
return (_ctx, _cache) => {
|
|
9343
9353
|
var _a;
|
|
9344
9354
|
return openBlock(), createElementBlock("div", {
|
|
@@ -9352,6 +9362,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
9352
9362
|
"data-cy": "lupa-main-panel"
|
|
9353
9363
|
}, [
|
|
9354
9364
|
(openBlock(true), createElementBlock(Fragment, null, renderList(displayPanels.value, (panel, index) => {
|
|
9365
|
+
var _a2, _b;
|
|
9355
9366
|
return openBlock(), createElementBlock("div", {
|
|
9356
9367
|
key: index,
|
|
9357
9368
|
class: normalizeClass([
|
|
@@ -9360,8 +9371,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
9360
9371
|
]),
|
|
9361
9372
|
"data-cy": "lupa-panel-" + panel.type + "-index"
|
|
9362
9373
|
}, [
|
|
9374
|
+
((_a2 = panel.labels) == null ? void 0 : _a2.topResultsTitle) && showTopResultsPanelTitle(panel.queryKey) ? (openBlock(), createElementBlock("div", _hoisted_3$w, toDisplayString((_b = panel.labels) == null ? void 0 : _b.topResultsTitle), 1)) : createCommentVNode("", true),
|
|
9363
9375
|
panel.queryKey ? (openBlock(), createBlock(resolveDynamicComponent(getComponent(panel.type)), {
|
|
9364
|
-
key:
|
|
9376
|
+
key: 1,
|
|
9365
9377
|
panel,
|
|
9366
9378
|
options: sdkOptions.value,
|
|
9367
9379
|
debounce: _ctx.options.debounce,
|
|
@@ -9392,7 +9404,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
9392
9404
|
showTotalCount: (_a = _ctx.options.showTotalCount) != null ? _a : false,
|
|
9393
9405
|
onGoToResults: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("go-to-results"))
|
|
9394
9406
|
}, null, 8, ["labels", "showTotalCount"])) : createCommentVNode("", true)
|
|
9395
|
-
])) : displayHistory.value ? (openBlock(), createElementBlock("div",
|
|
9407
|
+
])) : displayHistory.value ? (openBlock(), createElementBlock("div", _hoisted_4$n, [
|
|
9396
9408
|
createVNode(_sfc_main$1h, {
|
|
9397
9409
|
options: _ctx.options.history,
|
|
9398
9410
|
history: history.value,
|
package/dist/lupaSearch.js
CHANGED
|
@@ -7637,6 +7637,7 @@ const useSearchBoxStore = defineStore("searchBox", () => {
|
|
|
7637
7637
|
const suggestionResults = ref({});
|
|
7638
7638
|
const highlightedIndex = ref(-1);
|
|
7639
7639
|
const inputValue = ref("");
|
|
7640
|
+
const resultInputValue = ref("");
|
|
7640
7641
|
const historyStore = useHistoryStore();
|
|
7641
7642
|
const resultsVisible = computed(() => {
|
|
7642
7643
|
var _a;
|
|
@@ -7649,13 +7650,15 @@ const useSearchBoxStore = defineStore("searchBox", () => {
|
|
|
7649
7650
|
return {
|
|
7650
7651
|
queryKey: p2.queryKey,
|
|
7651
7652
|
count: (_b = (_a = suggestionResults.value[p2.queryKey]) == null ? void 0 : _a.length) != null ? _b : 0,
|
|
7652
|
-
panel: p2
|
|
7653
|
+
panel: p2,
|
|
7654
|
+
input: resultInputValue.value
|
|
7653
7655
|
};
|
|
7654
7656
|
}
|
|
7655
7657
|
return {
|
|
7656
7658
|
queryKey: p2.queryKey,
|
|
7657
7659
|
count: (_e = (_d = (_c = docResults.value[p2.queryKey]) == null ? void 0 : _c.items) == null ? void 0 : _d.length) != null ? _e : 0,
|
|
7658
|
-
panel: p2
|
|
7660
|
+
panel: p2,
|
|
7661
|
+
input: resultInputValue.value
|
|
7659
7662
|
};
|
|
7660
7663
|
})
|
|
7661
7664
|
);
|
|
@@ -7715,6 +7718,7 @@ const useSearchBoxStore = defineStore("searchBox", () => {
|
|
|
7715
7718
|
[queryKey]: flattenSuggestions(result.items, (_a = publicQuery.searchText) != null ? _a : "")
|
|
7716
7719
|
});
|
|
7717
7720
|
inputValue.value = publicQuery.searchText;
|
|
7721
|
+
resultInputValue.value = publicQuery.searchText;
|
|
7718
7722
|
emitSearchResultsCallback();
|
|
7719
7723
|
return {
|
|
7720
7724
|
suggestions: result.items
|
|
@@ -7802,7 +7806,7 @@ const useSearchBoxStore = defineStore("searchBox", () => {
|
|
|
7802
7806
|
const _hoisted_1$1c = { id: "lupa-search-box-input-container" };
|
|
7803
7807
|
const _hoisted_2$P = { class: "lupa-input-clear" };
|
|
7804
7808
|
const _hoisted_3$B = { id: "lupa-search-box-input" };
|
|
7805
|
-
const _hoisted_4$
|
|
7809
|
+
const _hoisted_4$r = ["value"];
|
|
7806
7810
|
const _hoisted_5$f = ["placeholder"];
|
|
7807
7811
|
const _hoisted_6$9 = {
|
|
7808
7812
|
key: 0,
|
|
@@ -7897,7 +7901,7 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
|
|
|
7897
7901
|
class: "lupa-hint",
|
|
7898
7902
|
value: showHint.value ? suggestedValue.value.item.suggestion : "",
|
|
7899
7903
|
disabled: ""
|
|
7900
|
-
}, null, 8, _hoisted_4$
|
|
7904
|
+
}, null, 8, _hoisted_4$r),
|
|
7901
7905
|
withDirectives(createBaseVNode("input", mergeProps({
|
|
7902
7906
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event)
|
|
7903
7907
|
}, inputAttributes.value, {
|
|
@@ -8076,7 +8080,7 @@ const _hoisted_3$A = {
|
|
|
8076
8080
|
class: "lupa-suggestion-facet",
|
|
8077
8081
|
"data-cy": "lupa-suggestion-facet"
|
|
8078
8082
|
};
|
|
8079
|
-
const _hoisted_4$
|
|
8083
|
+
const _hoisted_4$q = {
|
|
8080
8084
|
class: "lupa-suggestion-facet-label",
|
|
8081
8085
|
"data-cy": "lupa-suggestion-facet-label"
|
|
8082
8086
|
};
|
|
@@ -8122,7 +8126,7 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
|
|
|
8122
8126
|
innerHTML: _ctx.suggestion.displayHighlight
|
|
8123
8127
|
}, null, 8, _hoisted_1$18)) : (openBlock(), createElementBlock("div", _hoisted_2$N, toDisplayString(_ctx.suggestion.display), 1)),
|
|
8124
8128
|
_ctx.suggestion.facet ? (openBlock(), createElementBlock("div", _hoisted_3$A, [
|
|
8125
|
-
createBaseVNode("span", _hoisted_4$
|
|
8129
|
+
createBaseVNode("span", _hoisted_4$q, toDisplayString(facetLabel.value), 1),
|
|
8126
8130
|
createBaseVNode("span", _hoisted_5$e, toDisplayString(_ctx.suggestion.facet.title), 1)
|
|
8127
8131
|
])) : createCommentVNode("", true)
|
|
8128
8132
|
]);
|
|
@@ -8530,7 +8534,7 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
|
|
|
8530
8534
|
const _hoisted_1$11 = ["innerHTML"];
|
|
8531
8535
|
const _hoisted_2$K = { key: 0 };
|
|
8532
8536
|
const _hoisted_3$z = { key: 1 };
|
|
8533
|
-
const _hoisted_4$
|
|
8537
|
+
const _hoisted_4$p = { class: "lupa-search-box-custom-label" };
|
|
8534
8538
|
const _hoisted_5$d = { class: "lupa-search-box-custom-text" };
|
|
8535
8539
|
const _sfc_main$16 = /* @__PURE__ */ defineComponent({
|
|
8536
8540
|
__name: "SearchBoxProductCustom",
|
|
@@ -8563,7 +8567,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
|
|
|
8563
8567
|
class: [className.value, "lupa-search-box-product-custom"]
|
|
8564
8568
|
}, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
|
|
8565
8569
|
!label.value ? (openBlock(), createElementBlock("div", _hoisted_2$K, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$z, [
|
|
8566
|
-
createBaseVNode("div", _hoisted_4$
|
|
8570
|
+
createBaseVNode("div", _hoisted_4$p, toDisplayString(label.value), 1),
|
|
8567
8571
|
createBaseVNode("div", _hoisted_5$d, toDisplayString(text.value), 1)
|
|
8568
8572
|
]))
|
|
8569
8573
|
], 16));
|
|
@@ -8904,7 +8908,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValu
|
|
|
8904
8908
|
const _hoisted_1$_ = ["href"];
|
|
8905
8909
|
const _hoisted_2$I = { class: "lupa-search-box-product-image-section" };
|
|
8906
8910
|
const _hoisted_3$x = { class: "lupa-search-box-product-details-section" };
|
|
8907
|
-
const _hoisted_4$
|
|
8911
|
+
const _hoisted_4$o = {
|
|
8908
8912
|
key: 0,
|
|
8909
8913
|
class: "lupa-search-box-product-add-to-cart-section"
|
|
8910
8914
|
};
|
|
@@ -8983,7 +8987,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
|
|
|
8983
8987
|
}, null, 8, ["item", "element", "labels", "link"]);
|
|
8984
8988
|
}), 128))
|
|
8985
8989
|
]),
|
|
8986
|
-
addToCartElement.value ? (openBlock(), createElementBlock("div", _hoisted_4$
|
|
8990
|
+
addToCartElement.value ? (openBlock(), createElementBlock("div", _hoisted_4$o, [
|
|
8987
8991
|
createVNode(_sfc_main$13, {
|
|
8988
8992
|
class: "lupa-search-box-product-element",
|
|
8989
8993
|
item: _ctx.item,
|
|
@@ -9216,6 +9220,10 @@ const _hoisted_1$Y = {
|
|
|
9216
9220
|
};
|
|
9217
9221
|
const _hoisted_2$H = ["data-cy"];
|
|
9218
9222
|
const _hoisted_3$w = {
|
|
9223
|
+
key: 0,
|
|
9224
|
+
class: "lupa-panel-title"
|
|
9225
|
+
};
|
|
9226
|
+
const _hoisted_4$n = {
|
|
9219
9227
|
key: 1,
|
|
9220
9228
|
id: "lupa-search-box-panel"
|
|
9221
9229
|
};
|
|
@@ -9253,16 +9261,14 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
|
|
|
9253
9261
|
const sdkOptions = computed(() => props.options.options);
|
|
9254
9262
|
const searchBoxStore = useSearchBoxStore();
|
|
9255
9263
|
const { suggestionResults, hasAnyResults, panelItemCounts } = storeToRefs(searchBoxStore);
|
|
9256
|
-
const displayResults = computed(
|
|
9257
|
-
|
|
9258
|
-
|
|
9259
|
-
|
|
9260
|
-
}
|
|
9261
|
-
);
|
|
9264
|
+
const displayResults = computed(() => {
|
|
9265
|
+
var _a;
|
|
9266
|
+
return ((_a = props.inputValue) == null ? void 0 : _a.length) >= props.options.minInputLength;
|
|
9267
|
+
});
|
|
9262
9268
|
const displayHistory = computed(
|
|
9263
9269
|
() => {
|
|
9264
9270
|
var _a;
|
|
9265
|
-
return Boolean(props.options.history) && ((_a = props.inputValue) == null ? void 0 : _a.length) < 1;
|
|
9271
|
+
return Boolean(props.options.history) && ((_a = props.inputValue) == null ? void 0 : _a.length) < 1 && props.options.minInputLength > 0;
|
|
9266
9272
|
}
|
|
9267
9273
|
);
|
|
9268
9274
|
const displayPanels = computed(
|
|
@@ -9339,6 +9345,10 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
|
|
|
9339
9345
|
const expandOnSinglePanel = computed(() => {
|
|
9340
9346
|
return numberOfVisiblePanels.value === 1 && props.options.expandOnSinglePanel;
|
|
9341
9347
|
});
|
|
9348
|
+
const showTopResultsPanelTitle = (queryKey) => {
|
|
9349
|
+
const panel = panelItemCounts.value.find((v) => v.queryKey === queryKey);
|
|
9350
|
+
return (panel == null ? void 0 : panel.count) > 0 && (panel == null ? void 0 : panel.input.length) < 1;
|
|
9351
|
+
};
|
|
9342
9352
|
return (_ctx, _cache) => {
|
|
9343
9353
|
var _a;
|
|
9344
9354
|
return openBlock(), createElementBlock("div", {
|
|
@@ -9352,6 +9362,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
|
|
|
9352
9362
|
"data-cy": "lupa-main-panel"
|
|
9353
9363
|
}, [
|
|
9354
9364
|
(openBlock(true), createElementBlock(Fragment, null, renderList(displayPanels.value, (panel, index) => {
|
|
9365
|
+
var _a2, _b;
|
|
9355
9366
|
return openBlock(), createElementBlock("div", {
|
|
9356
9367
|
key: index,
|
|
9357
9368
|
class: normalizeClass([
|
|
@@ -9360,8 +9371,9 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
|
|
|
9360
9371
|
]),
|
|
9361
9372
|
"data-cy": "lupa-panel-" + panel.type + "-index"
|
|
9362
9373
|
}, [
|
|
9374
|
+
((_a2 = panel.labels) == null ? void 0 : _a2.topResultsTitle) && showTopResultsPanelTitle(panel.queryKey) ? (openBlock(), createElementBlock("div", _hoisted_3$w, toDisplayString((_b = panel.labels) == null ? void 0 : _b.topResultsTitle), 1)) : createCommentVNode("", true),
|
|
9363
9375
|
panel.queryKey ? (openBlock(), createBlock(resolveDynamicComponent(getComponent(panel.type)), {
|
|
9364
|
-
key:
|
|
9376
|
+
key: 1,
|
|
9365
9377
|
panel,
|
|
9366
9378
|
options: sdkOptions.value,
|
|
9367
9379
|
debounce: _ctx.options.debounce,
|
|
@@ -9392,7 +9404,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
|
|
|
9392
9404
|
showTotalCount: (_a = _ctx.options.showTotalCount) != null ? _a : false,
|
|
9393
9405
|
onGoToResults: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("go-to-results"))
|
|
9394
9406
|
}, null, 8, ["labels", "showTotalCount"])) : createCommentVNode("", true)
|
|
9395
|
-
])) : displayHistory.value ? (openBlock(), createElementBlock("div",
|
|
9407
|
+
])) : displayHistory.value ? (openBlock(), createElementBlock("div", _hoisted_4$n, [
|
|
9396
9408
|
createVNode(_sfc_main$1h, {
|
|
9397
9409
|
options: _ctx.options.history,
|
|
9398
9410
|
history: history.value,
|
package/dist/lupaSearch.mjs
CHANGED
|
@@ -7635,6 +7635,7 @@ const useSearchBoxStore = defineStore("searchBox", () => {
|
|
|
7635
7635
|
const suggestionResults = ref({});
|
|
7636
7636
|
const highlightedIndex = ref(-1);
|
|
7637
7637
|
const inputValue = ref("");
|
|
7638
|
+
const resultInputValue = ref("");
|
|
7638
7639
|
const historyStore = useHistoryStore();
|
|
7639
7640
|
const resultsVisible = computed(() => {
|
|
7640
7641
|
var _a;
|
|
@@ -7647,13 +7648,15 @@ const useSearchBoxStore = defineStore("searchBox", () => {
|
|
|
7647
7648
|
return {
|
|
7648
7649
|
queryKey: p2.queryKey,
|
|
7649
7650
|
count: (_b = (_a = suggestionResults.value[p2.queryKey]) == null ? void 0 : _a.length) != null ? _b : 0,
|
|
7650
|
-
panel: p2
|
|
7651
|
+
panel: p2,
|
|
7652
|
+
input: resultInputValue.value
|
|
7651
7653
|
};
|
|
7652
7654
|
}
|
|
7653
7655
|
return {
|
|
7654
7656
|
queryKey: p2.queryKey,
|
|
7655
7657
|
count: (_e = (_d = (_c = docResults.value[p2.queryKey]) == null ? void 0 : _c.items) == null ? void 0 : _d.length) != null ? _e : 0,
|
|
7656
|
-
panel: p2
|
|
7658
|
+
panel: p2,
|
|
7659
|
+
input: resultInputValue.value
|
|
7657
7660
|
};
|
|
7658
7661
|
})
|
|
7659
7662
|
);
|
|
@@ -7713,6 +7716,7 @@ const useSearchBoxStore = defineStore("searchBox", () => {
|
|
|
7713
7716
|
[queryKey]: flattenSuggestions(result.items, (_a = publicQuery.searchText) != null ? _a : "")
|
|
7714
7717
|
});
|
|
7715
7718
|
inputValue.value = publicQuery.searchText;
|
|
7719
|
+
resultInputValue.value = publicQuery.searchText;
|
|
7716
7720
|
emitSearchResultsCallback();
|
|
7717
7721
|
return {
|
|
7718
7722
|
suggestions: result.items
|
|
@@ -7800,7 +7804,7 @@ const useSearchBoxStore = defineStore("searchBox", () => {
|
|
|
7800
7804
|
const _hoisted_1$1c = { id: "lupa-search-box-input-container" };
|
|
7801
7805
|
const _hoisted_2$P = { class: "lupa-input-clear" };
|
|
7802
7806
|
const _hoisted_3$B = { id: "lupa-search-box-input" };
|
|
7803
|
-
const _hoisted_4$
|
|
7807
|
+
const _hoisted_4$r = ["value"];
|
|
7804
7808
|
const _hoisted_5$f = ["placeholder"];
|
|
7805
7809
|
const _hoisted_6$9 = {
|
|
7806
7810
|
key: 0,
|
|
@@ -7895,7 +7899,7 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
|
|
|
7895
7899
|
class: "lupa-hint",
|
|
7896
7900
|
value: showHint.value ? suggestedValue.value.item.suggestion : "",
|
|
7897
7901
|
disabled: ""
|
|
7898
|
-
}, null, 8, _hoisted_4$
|
|
7902
|
+
}, null, 8, _hoisted_4$r),
|
|
7899
7903
|
withDirectives(createBaseVNode("input", mergeProps({
|
|
7900
7904
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event)
|
|
7901
7905
|
}, inputAttributes.value, {
|
|
@@ -8074,7 +8078,7 @@ const _hoisted_3$A = {
|
|
|
8074
8078
|
class: "lupa-suggestion-facet",
|
|
8075
8079
|
"data-cy": "lupa-suggestion-facet"
|
|
8076
8080
|
};
|
|
8077
|
-
const _hoisted_4$
|
|
8081
|
+
const _hoisted_4$q = {
|
|
8078
8082
|
class: "lupa-suggestion-facet-label",
|
|
8079
8083
|
"data-cy": "lupa-suggestion-facet-label"
|
|
8080
8084
|
};
|
|
@@ -8120,7 +8124,7 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
|
|
|
8120
8124
|
innerHTML: _ctx.suggestion.displayHighlight
|
|
8121
8125
|
}, null, 8, _hoisted_1$18)) : (openBlock(), createElementBlock("div", _hoisted_2$N, toDisplayString(_ctx.suggestion.display), 1)),
|
|
8122
8126
|
_ctx.suggestion.facet ? (openBlock(), createElementBlock("div", _hoisted_3$A, [
|
|
8123
|
-
createBaseVNode("span", _hoisted_4$
|
|
8127
|
+
createBaseVNode("span", _hoisted_4$q, toDisplayString(facetLabel.value), 1),
|
|
8124
8128
|
createBaseVNode("span", _hoisted_5$e, toDisplayString(_ctx.suggestion.facet.title), 1)
|
|
8125
8129
|
])) : createCommentVNode("", true)
|
|
8126
8130
|
]);
|
|
@@ -8528,7 +8532,7 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
|
|
|
8528
8532
|
const _hoisted_1$11 = ["innerHTML"];
|
|
8529
8533
|
const _hoisted_2$K = { key: 0 };
|
|
8530
8534
|
const _hoisted_3$z = { key: 1 };
|
|
8531
|
-
const _hoisted_4$
|
|
8535
|
+
const _hoisted_4$p = { class: "lupa-search-box-custom-label" };
|
|
8532
8536
|
const _hoisted_5$d = { class: "lupa-search-box-custom-text" };
|
|
8533
8537
|
const _sfc_main$16 = /* @__PURE__ */ defineComponent({
|
|
8534
8538
|
__name: "SearchBoxProductCustom",
|
|
@@ -8561,7 +8565,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
|
|
|
8561
8565
|
class: [className.value, "lupa-search-box-product-custom"]
|
|
8562
8566
|
}, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
|
|
8563
8567
|
!label.value ? (openBlock(), createElementBlock("div", _hoisted_2$K, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$z, [
|
|
8564
|
-
createBaseVNode("div", _hoisted_4$
|
|
8568
|
+
createBaseVNode("div", _hoisted_4$p, toDisplayString(label.value), 1),
|
|
8565
8569
|
createBaseVNode("div", _hoisted_5$d, toDisplayString(text.value), 1)
|
|
8566
8570
|
]))
|
|
8567
8571
|
], 16));
|
|
@@ -8902,7 +8906,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValu
|
|
|
8902
8906
|
const _hoisted_1$_ = ["href"];
|
|
8903
8907
|
const _hoisted_2$I = { class: "lupa-search-box-product-image-section" };
|
|
8904
8908
|
const _hoisted_3$x = { class: "lupa-search-box-product-details-section" };
|
|
8905
|
-
const _hoisted_4$
|
|
8909
|
+
const _hoisted_4$o = {
|
|
8906
8910
|
key: 0,
|
|
8907
8911
|
class: "lupa-search-box-product-add-to-cart-section"
|
|
8908
8912
|
};
|
|
@@ -8981,7 +8985,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
|
|
|
8981
8985
|
}, null, 8, ["item", "element", "labels", "link"]);
|
|
8982
8986
|
}), 128))
|
|
8983
8987
|
]),
|
|
8984
|
-
addToCartElement.value ? (openBlock(), createElementBlock("div", _hoisted_4$
|
|
8988
|
+
addToCartElement.value ? (openBlock(), createElementBlock("div", _hoisted_4$o, [
|
|
8985
8989
|
createVNode(_sfc_main$13, {
|
|
8986
8990
|
class: "lupa-search-box-product-element",
|
|
8987
8991
|
item: _ctx.item,
|
|
@@ -9214,6 +9218,10 @@ const _hoisted_1$Y = {
|
|
|
9214
9218
|
};
|
|
9215
9219
|
const _hoisted_2$H = ["data-cy"];
|
|
9216
9220
|
const _hoisted_3$w = {
|
|
9221
|
+
key: 0,
|
|
9222
|
+
class: "lupa-panel-title"
|
|
9223
|
+
};
|
|
9224
|
+
const _hoisted_4$n = {
|
|
9217
9225
|
key: 1,
|
|
9218
9226
|
id: "lupa-search-box-panel"
|
|
9219
9227
|
};
|
|
@@ -9251,16 +9259,14 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
|
|
|
9251
9259
|
const sdkOptions = computed(() => props.options.options);
|
|
9252
9260
|
const searchBoxStore = useSearchBoxStore();
|
|
9253
9261
|
const { suggestionResults, hasAnyResults, panelItemCounts } = storeToRefs(searchBoxStore);
|
|
9254
|
-
const displayResults = computed(
|
|
9255
|
-
|
|
9256
|
-
|
|
9257
|
-
|
|
9258
|
-
}
|
|
9259
|
-
);
|
|
9262
|
+
const displayResults = computed(() => {
|
|
9263
|
+
var _a;
|
|
9264
|
+
return ((_a = props.inputValue) == null ? void 0 : _a.length) >= props.options.minInputLength;
|
|
9265
|
+
});
|
|
9260
9266
|
const displayHistory = computed(
|
|
9261
9267
|
() => {
|
|
9262
9268
|
var _a;
|
|
9263
|
-
return Boolean(props.options.history) && ((_a = props.inputValue) == null ? void 0 : _a.length) < 1;
|
|
9269
|
+
return Boolean(props.options.history) && ((_a = props.inputValue) == null ? void 0 : _a.length) < 1 && props.options.minInputLength > 0;
|
|
9264
9270
|
}
|
|
9265
9271
|
);
|
|
9266
9272
|
const displayPanels = computed(
|
|
@@ -9337,6 +9343,10 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
|
|
|
9337
9343
|
const expandOnSinglePanel = computed(() => {
|
|
9338
9344
|
return numberOfVisiblePanels.value === 1 && props.options.expandOnSinglePanel;
|
|
9339
9345
|
});
|
|
9346
|
+
const showTopResultsPanelTitle = (queryKey) => {
|
|
9347
|
+
const panel = panelItemCounts.value.find((v) => v.queryKey === queryKey);
|
|
9348
|
+
return (panel == null ? void 0 : panel.count) > 0 && (panel == null ? void 0 : panel.input.length) < 1;
|
|
9349
|
+
};
|
|
9340
9350
|
return (_ctx, _cache) => {
|
|
9341
9351
|
var _a;
|
|
9342
9352
|
return openBlock(), createElementBlock("div", {
|
|
@@ -9350,6 +9360,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
|
|
|
9350
9360
|
"data-cy": "lupa-main-panel"
|
|
9351
9361
|
}, [
|
|
9352
9362
|
(openBlock(true), createElementBlock(Fragment, null, renderList(displayPanels.value, (panel, index) => {
|
|
9363
|
+
var _a2, _b;
|
|
9353
9364
|
return openBlock(), createElementBlock("div", {
|
|
9354
9365
|
key: index,
|
|
9355
9366
|
class: normalizeClass([
|
|
@@ -9358,8 +9369,9 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
|
|
|
9358
9369
|
]),
|
|
9359
9370
|
"data-cy": "lupa-panel-" + panel.type + "-index"
|
|
9360
9371
|
}, [
|
|
9372
|
+
((_a2 = panel.labels) == null ? void 0 : _a2.topResultsTitle) && showTopResultsPanelTitle(panel.queryKey) ? (openBlock(), createElementBlock("div", _hoisted_3$w, toDisplayString((_b = panel.labels) == null ? void 0 : _b.topResultsTitle), 1)) : createCommentVNode("", true),
|
|
9361
9373
|
panel.queryKey ? (openBlock(), createBlock(resolveDynamicComponent(getComponent(panel.type)), {
|
|
9362
|
-
key:
|
|
9374
|
+
key: 1,
|
|
9363
9375
|
panel,
|
|
9364
9376
|
options: sdkOptions.value,
|
|
9365
9377
|
debounce: _ctx.options.debounce,
|
|
@@ -9390,7 +9402,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
|
|
|
9390
9402
|
showTotalCount: (_a = _ctx.options.showTotalCount) != null ? _a : false,
|
|
9391
9403
|
onGoToResults: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("go-to-results"))
|
|
9392
9404
|
}, null, 8, ["labels", "showTotalCount"])) : createCommentVNode("", true)
|
|
9393
|
-
])) : displayHistory.value ? (openBlock(), createElementBlock("div",
|
|
9405
|
+
])) : displayHistory.value ? (openBlock(), createElementBlock("div", _hoisted_4$n, [
|
|
9394
9406
|
createVNode(_sfc_main$1h, {
|
|
9395
9407
|
options: _ctx.options.history,
|
|
9396
9408
|
history: history.value,
|
package/dist/lupaSearch.umd.js
CHANGED
|
@@ -7639,6 +7639,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
7639
7639
|
const suggestionResults = ref({});
|
|
7640
7640
|
const highlightedIndex = ref(-1);
|
|
7641
7641
|
const inputValue = ref("");
|
|
7642
|
+
const resultInputValue = ref("");
|
|
7642
7643
|
const historyStore = useHistoryStore();
|
|
7643
7644
|
const resultsVisible = computed(() => {
|
|
7644
7645
|
var _a;
|
|
@@ -7651,13 +7652,15 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
7651
7652
|
return {
|
|
7652
7653
|
queryKey: p2.queryKey,
|
|
7653
7654
|
count: (_b = (_a = suggestionResults.value[p2.queryKey]) == null ? void 0 : _a.length) != null ? _b : 0,
|
|
7654
|
-
panel: p2
|
|
7655
|
+
panel: p2,
|
|
7656
|
+
input: resultInputValue.value
|
|
7655
7657
|
};
|
|
7656
7658
|
}
|
|
7657
7659
|
return {
|
|
7658
7660
|
queryKey: p2.queryKey,
|
|
7659
7661
|
count: (_e = (_d = (_c = docResults.value[p2.queryKey]) == null ? void 0 : _c.items) == null ? void 0 : _d.length) != null ? _e : 0,
|
|
7660
|
-
panel: p2
|
|
7662
|
+
panel: p2,
|
|
7663
|
+
input: resultInputValue.value
|
|
7661
7664
|
};
|
|
7662
7665
|
})
|
|
7663
7666
|
);
|
|
@@ -7717,6 +7720,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
7717
7720
|
[queryKey]: flattenSuggestions(result.items, (_a = publicQuery.searchText) != null ? _a : "")
|
|
7718
7721
|
});
|
|
7719
7722
|
inputValue.value = publicQuery.searchText;
|
|
7723
|
+
resultInputValue.value = publicQuery.searchText;
|
|
7720
7724
|
emitSearchResultsCallback();
|
|
7721
7725
|
return {
|
|
7722
7726
|
suggestions: result.items
|
|
@@ -7804,7 +7808,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
7804
7808
|
const _hoisted_1$1c = { id: "lupa-search-box-input-container" };
|
|
7805
7809
|
const _hoisted_2$P = { class: "lupa-input-clear" };
|
|
7806
7810
|
const _hoisted_3$B = { id: "lupa-search-box-input" };
|
|
7807
|
-
const _hoisted_4$
|
|
7811
|
+
const _hoisted_4$r = ["value"];
|
|
7808
7812
|
const _hoisted_5$f = ["placeholder"];
|
|
7809
7813
|
const _hoisted_6$9 = {
|
|
7810
7814
|
key: 0,
|
|
@@ -7899,7 +7903,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
7899
7903
|
class: "lupa-hint",
|
|
7900
7904
|
value: showHint.value ? suggestedValue.value.item.suggestion : "",
|
|
7901
7905
|
disabled: ""
|
|
7902
|
-
}, null, 8, _hoisted_4$
|
|
7906
|
+
}, null, 8, _hoisted_4$r),
|
|
7903
7907
|
withDirectives(createBaseVNode("input", mergeProps({
|
|
7904
7908
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event)
|
|
7905
7909
|
}, inputAttributes.value, {
|
|
@@ -8078,7 +8082,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
8078
8082
|
class: "lupa-suggestion-facet",
|
|
8079
8083
|
"data-cy": "lupa-suggestion-facet"
|
|
8080
8084
|
};
|
|
8081
|
-
const _hoisted_4$
|
|
8085
|
+
const _hoisted_4$q = {
|
|
8082
8086
|
class: "lupa-suggestion-facet-label",
|
|
8083
8087
|
"data-cy": "lupa-suggestion-facet-label"
|
|
8084
8088
|
};
|
|
@@ -8124,7 +8128,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
8124
8128
|
innerHTML: _ctx.suggestion.displayHighlight
|
|
8125
8129
|
}, null, 8, _hoisted_1$18)) : (openBlock(), createElementBlock("div", _hoisted_2$N, toDisplayString(_ctx.suggestion.display), 1)),
|
|
8126
8130
|
_ctx.suggestion.facet ? (openBlock(), createElementBlock("div", _hoisted_3$A, [
|
|
8127
|
-
createBaseVNode("span", _hoisted_4$
|
|
8131
|
+
createBaseVNode("span", _hoisted_4$q, toDisplayString(facetLabel.value), 1),
|
|
8128
8132
|
createBaseVNode("span", _hoisted_5$e, toDisplayString(_ctx.suggestion.facet.title), 1)
|
|
8129
8133
|
])) : createCommentVNode("", true)
|
|
8130
8134
|
]);
|
|
@@ -8532,7 +8536,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
8532
8536
|
const _hoisted_1$11 = ["innerHTML"];
|
|
8533
8537
|
const _hoisted_2$K = { key: 0 };
|
|
8534
8538
|
const _hoisted_3$z = { key: 1 };
|
|
8535
|
-
const _hoisted_4$
|
|
8539
|
+
const _hoisted_4$p = { class: "lupa-search-box-custom-label" };
|
|
8536
8540
|
const _hoisted_5$d = { class: "lupa-search-box-custom-text" };
|
|
8537
8541
|
const _sfc_main$16 = /* @__PURE__ */ defineComponent({
|
|
8538
8542
|
__name: "SearchBoxProductCustom",
|
|
@@ -8565,7 +8569,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
8565
8569
|
class: [className.value, "lupa-search-box-product-custom"]
|
|
8566
8570
|
}, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
|
|
8567
8571
|
!label.value ? (openBlock(), createElementBlock("div", _hoisted_2$K, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$z, [
|
|
8568
|
-
createBaseVNode("div", _hoisted_4$
|
|
8572
|
+
createBaseVNode("div", _hoisted_4$p, toDisplayString(label.value), 1),
|
|
8569
8573
|
createBaseVNode("div", _hoisted_5$d, toDisplayString(text.value), 1)
|
|
8570
8574
|
]))
|
|
8571
8575
|
], 16));
|
|
@@ -8906,7 +8910,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
8906
8910
|
const _hoisted_1$_ = ["href"];
|
|
8907
8911
|
const _hoisted_2$I = { class: "lupa-search-box-product-image-section" };
|
|
8908
8912
|
const _hoisted_3$x = { class: "lupa-search-box-product-details-section" };
|
|
8909
|
-
const _hoisted_4$
|
|
8913
|
+
const _hoisted_4$o = {
|
|
8910
8914
|
key: 0,
|
|
8911
8915
|
class: "lupa-search-box-product-add-to-cart-section"
|
|
8912
8916
|
};
|
|
@@ -8985,7 +8989,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
8985
8989
|
}, null, 8, ["item", "element", "labels", "link"]);
|
|
8986
8990
|
}), 128))
|
|
8987
8991
|
]),
|
|
8988
|
-
addToCartElement.value ? (openBlock(), createElementBlock("div", _hoisted_4$
|
|
8992
|
+
addToCartElement.value ? (openBlock(), createElementBlock("div", _hoisted_4$o, [
|
|
8989
8993
|
createVNode(_sfc_main$13, {
|
|
8990
8994
|
class: "lupa-search-box-product-element",
|
|
8991
8995
|
item: _ctx.item,
|
|
@@ -9218,6 +9222,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
9218
9222
|
};
|
|
9219
9223
|
const _hoisted_2$H = ["data-cy"];
|
|
9220
9224
|
const _hoisted_3$w = {
|
|
9225
|
+
key: 0,
|
|
9226
|
+
class: "lupa-panel-title"
|
|
9227
|
+
};
|
|
9228
|
+
const _hoisted_4$n = {
|
|
9221
9229
|
key: 1,
|
|
9222
9230
|
id: "lupa-search-box-panel"
|
|
9223
9231
|
};
|
|
@@ -9255,16 +9263,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
9255
9263
|
const sdkOptions = computed(() => props.options.options);
|
|
9256
9264
|
const searchBoxStore = useSearchBoxStore();
|
|
9257
9265
|
const { suggestionResults, hasAnyResults, panelItemCounts } = storeToRefs(searchBoxStore);
|
|
9258
|
-
const displayResults = computed(
|
|
9259
|
-
|
|
9260
|
-
|
|
9261
|
-
|
|
9262
|
-
}
|
|
9263
|
-
);
|
|
9266
|
+
const displayResults = computed(() => {
|
|
9267
|
+
var _a;
|
|
9268
|
+
return ((_a = props.inputValue) == null ? void 0 : _a.length) >= props.options.minInputLength;
|
|
9269
|
+
});
|
|
9264
9270
|
const displayHistory = computed(
|
|
9265
9271
|
() => {
|
|
9266
9272
|
var _a;
|
|
9267
|
-
return Boolean(props.options.history) && ((_a = props.inputValue) == null ? void 0 : _a.length) < 1;
|
|
9273
|
+
return Boolean(props.options.history) && ((_a = props.inputValue) == null ? void 0 : _a.length) < 1 && props.options.minInputLength > 0;
|
|
9268
9274
|
}
|
|
9269
9275
|
);
|
|
9270
9276
|
const displayPanels = computed(
|
|
@@ -9341,6 +9347,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
9341
9347
|
const expandOnSinglePanel = computed(() => {
|
|
9342
9348
|
return numberOfVisiblePanels.value === 1 && props.options.expandOnSinglePanel;
|
|
9343
9349
|
});
|
|
9350
|
+
const showTopResultsPanelTitle = (queryKey) => {
|
|
9351
|
+
const panel = panelItemCounts.value.find((v) => v.queryKey === queryKey);
|
|
9352
|
+
return (panel == null ? void 0 : panel.count) > 0 && (panel == null ? void 0 : panel.input.length) < 1;
|
|
9353
|
+
};
|
|
9344
9354
|
return (_ctx, _cache) => {
|
|
9345
9355
|
var _a;
|
|
9346
9356
|
return openBlock(), createElementBlock("div", {
|
|
@@ -9354,6 +9364,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
9354
9364
|
"data-cy": "lupa-main-panel"
|
|
9355
9365
|
}, [
|
|
9356
9366
|
(openBlock(true), createElementBlock(Fragment, null, renderList(displayPanels.value, (panel, index) => {
|
|
9367
|
+
var _a2, _b;
|
|
9357
9368
|
return openBlock(), createElementBlock("div", {
|
|
9358
9369
|
key: index,
|
|
9359
9370
|
class: normalizeClass([
|
|
@@ -9362,8 +9373,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
9362
9373
|
]),
|
|
9363
9374
|
"data-cy": "lupa-panel-" + panel.type + "-index"
|
|
9364
9375
|
}, [
|
|
9376
|
+
((_a2 = panel.labels) == null ? void 0 : _a2.topResultsTitle) && showTopResultsPanelTitle(panel.queryKey) ? (openBlock(), createElementBlock("div", _hoisted_3$w, toDisplayString((_b = panel.labels) == null ? void 0 : _b.topResultsTitle), 1)) : createCommentVNode("", true),
|
|
9365
9377
|
panel.queryKey ? (openBlock(), createBlock(resolveDynamicComponent(getComponent(panel.type)), {
|
|
9366
|
-
key:
|
|
9378
|
+
key: 1,
|
|
9367
9379
|
panel,
|
|
9368
9380
|
options: sdkOptions.value,
|
|
9369
9381
|
debounce: _ctx.options.debounce,
|
|
@@ -9394,7 +9406,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
9394
9406
|
showTotalCount: (_a = _ctx.options.showTotalCount) != null ? _a : false,
|
|
9395
9407
|
onGoToResults: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("go-to-results"))
|
|
9396
9408
|
}, null, 8, ["labels", "showTotalCount"])) : createCommentVNode("", true)
|
|
9397
|
-
])) : displayHistory.value ? (openBlock(), createElementBlock("div",
|
|
9409
|
+
])) : displayHistory.value ? (openBlock(), createElementBlock("div", _hoisted_4$n, [
|
|
9398
9410
|
createVNode(_sfc_main$1h, {
|
|
9399
9411
|
options: _ctx.options.history,
|
|
9400
9412
|
history: history.value,
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.slider-target,.slider-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.slider-target{position:relative}.slider-base,.slider-connects{height:100%;position:relative;width:100%;z-index:1}.slider-connects{overflow:hidden;z-index:0}.slider-connect,.slider-origin{height:100%;position:absolute;right:0;top:0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-style:flat;width:100%;will-change:transform;z-index:1}.slider-txt-dir-rtl.slider-horizontal .slider-origin{left:0;right:auto}.slider-vertical .slider-origin{top:-100%;width:0}.slider-horizontal .slider-origin{height:0}.slider-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.slider-touch-area{height:100%;width:100%}.slider-state-tap .slider-connect,.slider-state-tap .slider-origin{transition:transform .3s}.slider-state-drag *{cursor:inherit !important}.slider-tooltip-drag .slider-tooltip,.slider-tooltip-focus .slider-tooltip{display:none !important}.slider-tooltip-drag .slider-active .slider-tooltip,.slider-tooltip-drag.slider-state-drag .slider-tooltip:not(.slider-tooltip-hidden),.slider-tooltip-focus.slider-focused .slider-tooltip:not(.slider-tooltip-hidden){display:block !important}.slider-horizontal{height:var(--slider-height, 6px)}.slider-horizontal .slider-handle{height:var(--slider-handle-height, 16px);right:calc(var(--slider-handle-width, 16px)/2*-1);top:calc((var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2*-1 - 1px);width:var(--slider-handle-width, 16px)}.slider-vertical{height:var(--slider-vertical-height, 300px);width:var(--slider-height, 6px)}.slider-vertical .slider-handle{bottom:calc(var(--slider-handle-width, 16px)/2*-1);height:var(--slider-handle-width, 16px);right:calc((var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2*-1 - 1px);width:var(--slider-handle-height, 16px)}.slider-txt-dir-rtl.slider-horizontal .slider-handle{left:calc(var(--slider-handle-width, 16px)/2*-1);right:auto}.slider-base{background-color:var(--slider-bg, #d1d5db)}.slider-base,.slider-connects{border-radius:var(--slider-radius, 9999px)}.slider-connect{background:var(--slider-connect-bg, #10b981);cursor:pointer}.slider-draggable{cursor:ew-resize}.slider-vertical .slider-draggable{cursor:ns-resize}.slider-handle{background:var(--slider-handle-bg, #fff);border:var(--slider-handle-border, 0);border-radius:var(--slider-handle-radius, 9999px);box-shadow:var(--slider-handle-shadow, 0.5px 0.5px 2px 1px rgba(0, 0, 0, 0.32));cursor:-webkit-grab;cursor:grab;height:var(--slider-handle-height, 16px);width:var(--slider-handle-width, 16px)}.slider-handle:focus{box-shadow:0 0 0 var(--slider-handle-ring-width, 3px) var(--slider-handle-ring-color, rgba(16, 185, 129, 0.188)),var(--slider-handle-shadow, 0.5px 0.5px 2px 1px rgba(0, 0, 0, 0.32));outline:none}.slider-active{box-shadow:var(--slider-handle-shadow-active, 0.5px 0.5px 2px 1px rgba(0, 0, 0, 0.42));cursor:-webkit-grabbing;cursor:grabbing}[disabled] .slider-connect{background:var(--slider-connect-bg-disabled, #9ca3af)}[disabled] .slider-handle,[disabled].slider-handle,[disabled].slider-target{cursor:not-allowed}[disabled] .slider-tooltip{background:var(--slider-tooltip-bg-disabled, #9ca3af);border-color:var(--slider-tooltip-bg-disabled, #9ca3af)}.slider-tooltip{background:var(--slider-tooltip-bg, #10b981);border:1px solid var(--slider-tooltip-bg, #10b981);border-radius:var(--slider-tooltip-radius, 5px);color:var(--slider-tooltip-color, #fff);display:block;font-size:var(--slider-tooltip-font-size, 0.875rem);font-weight:var(--slider-tooltip-font-weight, 600);line-height:var(--slider-tooltip-line-height, 1.25rem);min-width:var(--slider-tooltip-min-width, 20px);padding:var(--slider-tooltip-py, 2px) var(--slider-tooltip-px, 6px);position:absolute;text-align:center;white-space:nowrap}.slider-horizontal .slider-tooltip-top{bottom:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));left:50%;transform:translate(-50%)}.slider-horizontal .slider-tooltip-top:before{border:var(--slider-tooltip-arrow-size, 5px) solid rgba(0,0,0,0);border-top-color:inherit;bottom:calc(var(--slider-tooltip-arrow-size, 5px)*-2);content:"";height:0;left:50%;position:absolute;transform:translate(-50%);width:0}.slider-horizontal .slider-tooltip-bottom{left:50%;top:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));transform:translate(-50%)}.slider-horizontal .slider-tooltip-bottom:before{border:var(--slider-tooltip-arrow-size, 5px) solid rgba(0,0,0,0);border-bottom-color:inherit;content:"";height:0;left:50%;position:absolute;top:calc(var(--slider-tooltip-arrow-size, 5px)*-2);transform:translate(-50%);width:0}.slider-vertical .slider-tooltip-left{right:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));top:50%;transform:translateY(-50%)}.slider-vertical .slider-tooltip-left:before{border:var(--slider-tooltip-arrow-size, 5px) solid rgba(0,0,0,0);border-left-color:inherit;content:"";height:0;position:absolute;right:calc(var(--slider-tooltip-arrow-size, 5px)*-2);top:50%;transform:translateY(-50%);width:0}.slider-vertical .slider-tooltip-right{left:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));top:50%;transform:translateY(-50%)}.slider-vertical .slider-tooltip-right:before{border:var(--slider-tooltip-arrow-size, 5px) solid rgba(0,0,0,0);border-right-color:inherit;content:"";height:0;left:calc(var(--slider-tooltip-arrow-size, 5px)*-2);position:absolute;top:50%;transform:translateY(-50%);width:0}.slider-horizontal .slider-origin>.slider-tooltip{left:auto;transform:translate(50%)}.slider-horizontal .slider-origin>.slider-tooltip-top{bottom:calc(var(--slider-tooltip-arrow-size, 5px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) + 1px)}.slider-horizontal .slider-origin>.slider-tooltip-bottom{top:calc(var(--slider-tooltip-arrow-size, 5px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) + var(--slider-height, 6px) - 1px)}.slider-vertical .slider-origin>.slider-tooltip{top:auto;transform:translateY(calc((var(--slider-tooltip-line-height, 1.25rem) - var(--slider-tooltip-py, 2px)) * -1 + 1px))}.slider-vertical .slider-origin>.slider-tooltip-left{right:calc(var(--slider-tooltip-arrow-size, 5px) + var(--slider-height, 6px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) - 1px)}.slider-vertical .slider-origin>.slider-tooltip-right{left:calc(var(--slider-tooltip-arrow-size, 5px) + var(--slider-height, 6px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) - var(--slider-height, 6px) + 1px)}:root{--lupa-available-height: 100%}#lupa-search-box-panel{position:absolute;width:100%;height:auto;border:1px solid #d8d8d8;background:#fff;box-shadow:0px 4px 6px rgba(0,0,0,.25);z-index:5000;border-radius:0;font-family:"Roboto",sans-serif;box-sizing:border-box}#lupa-search-box-panel:empty{display:none}@media(max-width: 767px){#lupa-search-box-panel{max-height:var(--lupa-available-height);overflow-y:auto}}.lupa-main-panel{display:grid;grid-template:"suggestions docs";grid-template-columns:minmax(50px, 35%) minmax(250px, 1fr)}@media(max-width: 767px){.lupa-main-panel{display:block}}.lupa-panel-suggestion-index{grid-area:left;word-break:break-word}@media(min-width: 767px){.lupa-panel-suggestion-index{border-right:1px solid #d8d8d8}}.lupa-panel-document-index{grid-area:right;word-break:break-word}.lupa-more-results{cursor:pointer;border-top:1px solid #d8d8d8;padding:5px 10px;color:#161616;background-color:#fff;font-size:14px;line-height:24px}.lupa-more-results:hover{background-color:rgba(0,0,0,.05);color:#3c53f4}.lupa-search-box-no-results{text-align:center;color:#161616;font-size:14px;line-height:24px}#lupa-search-box-panel{display:flex;justify-content:space-between;flex-direction:column}.lupa-more-results{text-align:center}#lupa-search-box{width:100%}.lupa-search-box-wrapper{position:relative}.lupa-suggestion{cursor:pointer;display:flex;flex-wrap:wrap;align-items:center;color:#161616;background-color:#fff;padding:4px 20px;font-size:16px;line-height:24px}.lupa-suggestion strong{color:#161616}.lupa-suggestion-value{margin-right:7px}.lupa-suggestion-facet{font-size:13px}.lupa-suggestion-facet-label{margin-right:2px}.lupa-suggestion-facet-value{font-weight:bold}.lupa-suggestion-highlighted,.lupa-suggestion:hover{cursor:pointer;color:#3c53f4;background-color:rgba(0,0,0,.05)}.lupa-suggestion-highlighted strong,.lupa-suggestion:hover strong{color:#3c53f4}.lupa-suggestion:hover{text-decoration:underline}.lupa-search-box-input-field{position:relative !important;background:rgba(0,0,0,0) !important}.lupa-search-box-input-field,.lupa-hint{color:#161616;height:48px;padding:0 16px;line-height:1.5;font-size:16px;font-family:"Roboto",sans-serif;width:100%}.lupa-search-box-input-field{border:1px solid #d8d8d8;color:#161616}.lupa-hint{opacity:.5;position:absolute !important;pointer-events:none;border:1px solid rgba(0,0,0,0)}.lupa-input-clear{display:none}.lupa-search-box-history-item{cursor:pointer}.lupa-search-box-history-item-content{display:flex;justify-content:space-between}.lupa-search-box-history-item-text{width:100%;display:flex;align-items:center;line-height:24px;font-size:16px;padding:4px 20px;color:#161616}.lupa-search-box-history-item-text:hover,.lupa-search-box-history-item-text.lupa-search-box-history-item-highlighted{background-color:rgba(0,0,0,.05);color:#161616}.lupa-search-box-history-item-text:hover{text-decoration:underline}.lupa-search-box-history-item-clear{display:flex;align-items:center;padding:4px 20px;color:#161616;font-size:24px}.lupa-search-box-history-item-clear:hover{color:#161616;background-color:rgba(0,0,0,.05)}.lupa-search-box-history-clear-all{text-align:center;cursor:pointer;border-top:1px solid #d8d8d8;padding:4px 20px;line-height:24px;font-size:14px;color:#161616}.lupa-search-box-history-clear-all:hover{background-color:rgba(0,0,0,.05);color:#161616}.lupa-search-box-product{padding:10px;font-size:14px;display:flex;cursor:pointer;text-decoration:inherit;color:inherit}.lupa-search-box-product:hover,.lupa-search-box-product.lupa-search-box-product-highlighted{text-decoration:none;background-color:rgba(0,0,0,.05)}.lupa-search-box-product:hover .lupa-search-box-product-title,.lupa-search-box-product.lupa-search-box-product-highlighted .lupa-search-box-product-title{color:#161616}.lupa-search-box-product:hover .lupa-search-box-product-custom,.lupa-search-box-product.lupa-search-box-product-highlighted .lupa-search-box-product-custom{color:#161616}.lupa-search-box-product:hover .lupa-search-box-product-price,.lupa-search-box-product.lupa-search-box-product-highlighted .lupa-search-box-product-price{color:#161616}.lupa-search-box-product:hover .lupa-search-box-product-regular-price,.lupa-search-box-product.lupa-search-box-product-highlighted .lupa-search-box-product-regular-price{color:#161616}.lupa-search-box-product-details-section{font-family:"Roboto",sans-serif}.lupa-search-box-product-details-section{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.lupa-search-box-product-image-section{min-width:85px;flex:0 1}.lupa-search-box-image-wrapper,.lupa-search-box-image{width:70px;height:70px}.lupa-search-box-image{object-fit:contain}.lupa-search-box-product-title{font-size:16px;line-height:15px;color:#161616}.lupa-search-box-product-custom{font-size:14px;line-height:15px;color:#161616}.lupa-search-box-product-price{font-size:16px;line-height:15px;color:#3c53f4}.lupa-search-box-product-regular-price{font-size:14px;line-height:15px;color:#161616;font-weight:normal}.lupa-search-box-product-description{max-height:42px;line-height:14px;color:#161616;overflow:hidden}.lupa-search-box-product-add-to-cart-section{flex-grow:1;flex-shrink:0;display:flex;justify-content:flex-end;align-items:center}.lupa-search-result-facets{font-family:"Roboto",sans-serif}.lupa-facets-title{font-size:16px;line-height:1.1;font-weight:700;padding:0 0 10px;color:#161616}.lupa-search-result-facet-display{border-bottom:1px solid #d8d8d8}.lupa-search-result-facet-display:first-child{border-top:1px solid #d8d8d8}.lupa-search-result-facet-label{justify-content:space-between;display:flex;font-size:14px;line-height:21px;font-weight:700;padding:10.5px;color:#161616;cursor:pointer}.lupa-search-result-facet-label:hover{color:#3c53f4}.lupa-search-result-facet-label.open{padding:10.5px 10.5px 0}.lupa-facet-label-caret::after{content:"⌄";font-family:"Roboto",sans-serif;color:#161616;display:block;font-weight:400;overflow:hidden;text-align:center}.lupa-facet-label-caret.open::after{transform:rotate(180deg)}.lupa-facet-content{padding:5px 10px 20px}.lupa-facet-term{padding:4px 5px;margin:16px 0 0}.lupa-term-checkbox-label{width:100%;padding-left:8px;display:flex;justify-content:space-between;align-items:center}.lupa-facet-term{cursor:pointer;display:flex;align-items:center;font-size:14px;color:#161616}.lupa-facet-term:hover{background:rgba(0,0,0,.05)}.lupa-facet-term.checked{font-weight:bold}.lupa-term-count{color:#161616}.lupa-term-checkbox{display:inline-block;height:18px;width:18px;box-sizing:border-box;border:2px solid #3c53f4;border-radius:0px;content:"";display:flex;justify-content:center;align-items:center}.lupa-term-checkbox.checked::after{border:3px solid #3c53f4;border-radius:0px;display:inline-block;content:""}.lupa-show-more-facet-results{justify-content:center}.lupa-term-filter{width:100%;padding:8px;box-sizing:border-box;border:1px solid #d8d8d8}.lupa-show-more-facet-results{color:#161616;font-size:14px}.lupa-show-more-facet-results:hover{color:#161616}.lupa-stats-facet-summary{text-align:center;font-size:14px}.lupa-stats-slider-wrapper{margin:10px 0 0;padding:0 8px}.lupa-stats-slider-wrapper .slider-connects{background-color:rgba(60,83,244,.3)}.lupa-stats-slider-wrapper .slider-connect{background-color:#3c53f4}.lupa-stats-slider-wrapper .slider-handle{background:#3c53f4;border-radius:50%;border:0px solid #3c53f4;z-index:3;cursor:pointer}.lupa-stats-slider-wrapper .slider-handle:hover{background:#3c53f4}.lupa-stats-range-label{font-size:12px;margin:0 0 5px}.lupa-stats-facet-summary-input{display:flex;align-items:center;justify-content:center}.lupa-stats-facet-summary-input input{width:100%;padding:8px;box-sizing:border-box;border:1px solid #d8d8d8}.lupa-stats-facet-summary-input .lupa-stats-from,.lupa-stats-facet-summary-input .lupa-stats-to{display:flex;align-items:center}.lupa-stats-facet-summary-input .lupa-stats-separator{margin:0 10px}.lupa-stats-facet-summary-input span{padding:0 5px}.lupa-search-result-facet-list.lupa-top-dropdown{display:flex;flex-wrap:wrap}.lupa-search-result-facet-list.lupa-top-dropdown .lupa-search-result-facet-display{margin:0 10px 0 0;border-bottom:none;border-top:none}.lupa-search-result-facet-list.lupa-top-dropdown .lupa-facet-content{position:absolute;background:#fff;z-index:10;border:1px solid #d8d8d8;min-width:220px}.lupa-search-result-facet-list.lupa-top-dropdown .lupa-terms-list{overflow-y:auto;max-height:300px;margin:2px 0 0}.lupa-search-result-facet-list.lupa-top-dropdown .lupa-search-result-facet-label{border:1px solid #d8d8d8}.lupa-search-result-facet-list.lupa-top-dropdown .lupa-search-result-facet-label.lupa-has-filter{border-width:2px}.lupa-search-result-facet-list.lupa-top-dropdown .lupa-single-facet-clear{cursor:pointer;text-align:center;margin:3px 0 0;padding:5px 0 3px;font-size:5px 0 3px;border-top:1px solid #d8d8d8}.lupa-search-result-current-filters{font-family:"Roboto",sans-serif}.lupa-current-filter-title{display:flex;align-items:center;justify-content:space-between;font-size:16px;line-height:1.1;font-weight:700;padding:0;color:#161616}.lupa-current-filter-list{margin:0;padding:0 10px 5px}.lupa-search-result-current-filters{margin:0 0 25px}.lupa-clear-all-filters{cursor:pointer;color:#0c26d7;padding:0 10.5px;margin:0 0 31.5px;font-size:14px}.lupa-clear-all-filters:hover{color:#091da7}.lupa-search-result-filter-value{display:flex;align-items:center;flex-wrap:wrap;margin:10.5px 0;font-size:14px}.lupa-current-filter-action{padding:0 5px 0 0;font-size:17px;color:#3c53f4;cursor:pointer}.lupa-current-filter-action:hover{color:#3c53f4}.lupa-current-filter-label,.lupa-current-filter-value{margin:0 0 0 5px}.lupa-current-filter-label{color:#161616}.lupa-current-filter-value{color:#3c53f4}.lupa-filter-title-caret::after{content:"⌄";font-family:"Roboto",sans-serif;color:#161616;font-size:14px;display:block;font-weight:400;overflow:hidden;text-align:center}.lupa-filter-title-caret.open::after{transform:rotate(180deg)}.lupa-filter-count{font-size:14px;color:#161616}.lupa-toolbar-filters,.lupa-toolbar-filters-desktop{margin-right:12px}.lupa-toolbar-filters .filter-values,.lupa-toolbar-filters-desktop .filter-values{display:flex}.lupa-result-page-title{font-size:16px;margin:0 0 38px;font-family:"Roboto",sans-serif}.lupa-search-result-filters{padding:0 4.6% 0 0}#lupa-search-results,.top-layout-wrapper{width:100%;height:100%;display:flex;flex-direction:row;justify-content:flex-start}.search-content{width:100%}.lupa-search-result-filters{flex:25%;flex-grow:1;flex-shrink:0;box-sizing:border-box}#lupa-search-results-products{position:relative;padding:0 0 0 1.6%;width:100%}.lupa-products{display:flex;align-self:flex-start;flex-wrap:wrap;margin:0 0 31.5px -16px}.lupa-loader{background-color:#fff;display:flex;height:calc(100% - 0px);opacity:.5;position:absolute;z-index:555}.lupa-search-result-product-card{box-sizing:border-box}#lupa-search-results-did-you-mean{font-family:"Roboto",sans-serif}.lupa-suggested-search-text{font-weight:bold}.lupa-highlighted-search-text{font-weight:bold;font-style:italic}#lupa-search-results-did-you-mean{margin-bottom:10px}.lupa-did-you-mean{text-decoration:none}.lupa-did-you-mean:hover{text-decoration:underline;cursor:pointer}#lupa-select{position:relative;font-family:"Roboto",sans-serif;color:#161616;text-indent:.01em}.lupa-select-dropdown{cursor:pointer;padding:20px 25px 4px 8px;font-family:"Roboto",sans-serif;background:#fff;background-clip:padding-box;border:1px solid #d8d8d8;border-radius:0;font-size:14px;height:48px;line-height:1.5;vertical-align:baseline;box-sizing:border-box;appearance:none}.lupa-select-dropdown:focus{outline:none;box-shadow:0 0 3px 1px #6c7ef7}.lupa-select-label{font-family:"Roboto",sans-serif;font-size:12px;line-height:1;position:absolute;pointer-events:none;top:8px;left:8px}.lupa-search-results-summary{display:flex;align-items:center}#lupa-search-results-toolbar{display:flex;flex-direction:row;justify-content:space-between;margin:0 0 40px}.lupa-toolbar-left{display:flex}.lupa-toolbar-right{display:flex;flex-direction:row}#lupa-search-results-page-select{display:flex;flex-direction:row;align-items:center}#lupa-search-results-layout-selection{display:flex;flex-direction:row;align-items:center}#lupa-search-results-layout-selection div{margin:0 16px 0 0}.lupa-search-results-summary{color:#161616;font-family:"Roboto",sans-serif;font-size:14px}#lupa-search-results-page-size{margin:0}#lupa-search-results-page-size .lupa-select-dropdown{width:125px}.lupa-search-results-sort{margin:0 0 0 8px}.lupa-filter-clear{cursor:pointer}#lupa-search-results-page-select{font-family:"Roboto",sans-serif}.lupa-page-number-separator{margin:0 12px 0 0}.lupa-page-number{cursor:pointer;color:#3c53f4;font-size:12px;padding:0 5.25px;margin:0 12px 0 0}.lupa-page-number:hover{color:#161616}.lupa-page-number.lupa-page-number-selected{color:#161616;font-weight:700}.lupa-page-arrow{cursor:pointer;font-weight:700;margin:0 12px 0 0;padding:0 8px}.lupa-page-arrow:before{line-height:31.5px;color:#161616;content:"";font-family:"Roboto",sans-serif;font-size:11px}.lupa-page-arrow:hover:before{color:#3c53f4}.lupa-search-result-product-card{height:auto;min-height:250px;border:1px solid #d8d8d8;padding:12px;margin:0}.lupa-out-of-stock{opacity:.5}.lupa-search-result-product-contents{height:100%;display:flex;flex-direction:column;font-family:"Roboto",sans-serif;font-size:16px}.lupa-search-result-product-contents-list{flex-direction:row}.lupa-search-result-product-details-section{display:flex;flex-direction:column;justify-content:space-between;height:100%}.lupa-search-results-image-wrapper{padding-bottom:125%;display:block;height:0;overflow:hidden;position:relative;z-index:1;display:flex;justify-content:center}.lupa-search-results-image{width:100%;height:100%;object-fit:contain;max-width:240px;max-height:195px;margin:auto;position:absolute}.lupa-search-result-product-image-section{cursor:pointer;border:none;padding:12px 8px;margin:0}.lupa-search-results-product-title{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;font-size:16px;margin:0 0 12px;line-height:21px}.lupa-search-results-product-title-text{font-weight:bold;color:#161616}.lupa-search-results-product-title-text.lupa-title-link{text-decoration:none;color:#161616}.lupa-search-results-product-title-text.lupa-title-link:hover{text-decoration:underline;color:#3c53f4}.lupa-search-results-product-regular-price{font-size:16px;font-weight:700;padding:10px 8px 0 5px}#lupa-search-results-rating{display:flex;flex-direction:row;align-items:center;width:auto;margin:0 0 15.75px}.lupa-ratings{display:flex;flex-direction:row;align-items:center;width:auto}.lupa-ratings-base,.lupa-rating-wrapper{display:flex;width:90px}.lupa-rating-wrapper{position:absolute}.lupa-ratings-highlighted{display:flex;overflow:hidden}.lupa-total-ratings{color:#161616 !important;text-decoration:none}.lupa-total-ratings:hover{color:#3c53f4 !important;text-decoration:underline !important}.lupa-search-result-product-contents-list .lupa-search-result-product-card{min-height:50px}.lupa-search-result-product-contents-list .lupa-search-results-image{width:240px;height:195px;object-fit:contain;margin:auto;position:relative}.lupa-search-result-product-contents-list .lupa-search-result-product-details-section{width:100%;padding:15px}.lupa-search-result-product-contents-list .lupa-search-results-image{max-width:120px;max-height:97.5px}.lupa-search-result-product-contents-list .lupa-search-results-product-addtocart{order:3;margin:0 -16px 0;position:static}.lupa-search-result-product-contents-list .lupa-search-results-product-addtocart button{padding:8px 32px}.lupa-search-results-product-description{max-height:200px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.lupa-empty-results{text-align:center;width:100%;font-size:14px;font-family:"Roboto",sans-serif;color:#161616}.lupa-empty-results .lupa-empty-page-action{cursor:pointer;text-decoration:underline}.lupa-mobile-filter-sidebar{position:fixed;width:100%;height:var(--lupa-full-height);left:0;top:0;bottom:0;z-index:555;background:rgba(0,0,0,0);display:flex}.lupa-mobile-filter-sidebar .lupa-mobile-sidebar-content{height:var(--lupa-full-height);width:100%;z-index:555;background:#fff}.lupa-mobile-filter-sidebar .lupa-sidebar-close{background:rgba(0,0,0,.6);height:var(--lupa-full-height);width:30px}.lupa-sidebar-top{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 13.5px 0 0;border-bottom:1px solid #d8d8d8}.lupa-sidebar-title{margin-left:15px;font-weight:700;font-size:16px;font-family:"Roboto",sans-serif;color:#161616}.lupa-sidebar-filter-options .lupa-facets-title{display:none}.lupa-filter-toggle-mobile:after{font-size:16px;color:#6c7ef7;content:"✖";line-height:inherit;font-family:"Roboto",sans-serif;vertical-align:middle;display:inline-block;font-weight:400;overflow:hidden;text-align:center}.lupa-sidebar-filter-options{overflow-y:scroll;height:calc(100% - 48px)}#lupa-search-results-toolbar.lupa-toolbar-mobile{display:none}.lupa-category-top-mobile-filters{display:none}.lupa-filters-mobile{display:none}.lupa-mobile-toggle{font-family:"Roboto",sans-serif;font-size:14px;color:#6c7ef7;width:208px;border-radius:0;display:none;padding:15px 0;border:1px solid #d8d8d8;line-height:16px;text-align:center;z-index:2}@media(max-width: 767px){.lupa-mobile-toggle{display:block}.lupa-category-top-mobile-filters{display:block}.lupa-filters-mobile{display:block;border-top:1px solid #d8d8d8}.lupa-filters-mobile.lupa-search-result-current-filters.expandable{padding:15px 0;margin:-20px 0 20px}#lupa-search-results-layout-selection{display:none}.lupa-search-results-summary{display:none}#lupa-search-results-page-size{display:none}#lupa-search-results-toolbar.lupa-toolbar-top{display:none}#lupa-search-results-toolbar.lupa-toolbar-mobile{display:flex}.lupa-toolbar-bottom .lupa-toolbar-right{display:none}.lupa-toolbar-mobile .lupa-toolbar-left{display:none}#lupa-search-results-toolbar{justify-content:center}#lupa-search-results-rating{flex-direction:column;align-items:normal}#lupa-search-results-rating .lupa-total-ratings{margin-left:0;margin-top:5px}.lupa-search-result-filters{display:none}.lupa-mobile-filter-sidebar .lupa-search-result-filters{display:flex;flex-direction:column}#lupa-search-results-products{padding:0}.lupa-select-dropdown{width:208px}.lupa-facets-title{padding:16px}.lupa-search-result-current-filters.expandable{padding:16px;border-bottom:1px solid #d8d8d8;margin:0}.lupa-clear-all-filters{margin:0}#lupa-search-results-did-you-mean{margin-bottom:10px}}@media(max-width: 479px){.lupa-mobile-toggle{width:139px}.lupa-select-dropdown{width:139px}}@media(max-width: 350px){.lupa-mobile-toggle{width:100px}.lupa-select-dropdown{width:100px}}@media(max-width: 767px){.lupa-search-result-filters{flex:100%;padding:0}.lupa-search-result-facets{width:100%}.lupa-search-result-facet-display{padding:0 15px}}@media(max-width: 1024px){#lupa-search-results-badges>#lupa-badges{top:-16px}#lupa-search-results-badges>#lupa-badges .lupa-badge{width:32px;height:32px;font-size:11px}}#lupa-search-results-badges{position:relative}#lupa-badges{display:flex;position:absolute;font-family:"Roboto",sans-serif;top:-24px;z-index:1}#lupa-badges .tl{left:-10px}#lupa-badges .tr{right:-10px}.lupa-badge{width:48px;height:48px;font-size:14px;margin:0 8px 0 0;font-weight:700;border-radius:50%}.lupa-text-badges{display:flex}.lupa-image-badges{display:flex}.lupa-image-badges img{width:100%}.lupa-text-badge{color:#fff;background:#3c53f4;display:flex;align-items:center;justify-content:center;text-align:center}#lupa-badges{flex-direction:column;top:0;pointer-events:none;z-index:1000}.lupa-discount-badge{background:#e0232f;color:#fff}.lupa-preorder-badge{background:#4b81eb;color:#fff}.lupa-generated-badges{display:flex;flex-direction:column}.lupa-dynamic-badge{cursor:pointer;pointer-events:all;display:flex;font-weight:600;font-size:14px;line-height:20px;padding:4px;margin-bottom:4px;margin-right:auto;white-space:nowrap}.lupa-dynamic-badge .lupa-badge-title{font-weight:700;letter-spacing:-0.6px;display:flex;align-items:center;justify-content:center;min-width:42px}.lupa-dynamic-badge .lupa-badge-title img{max-height:20px}.lupa-dynamic-badge .lupa-badge-full-text{display:none;margin-left:10px}.lupa-dynamic-badge:hover .lupa-badge-full-text{display:inline-block}#lupa-search-results-breadcrumbs{margin:0 0 24px;font-size:12px}@media(min-width: 767px){#lupa-search-results-breadcrumbs{max-width:1228px;box-sizing:border-box;width:100%}}@media(max-width: 767px){#lupa-search-results-breadcrumbs{display:none}}#lupa-search-results-breadcrumbs .lupa-search-results-breadcrumb-link{text-decoration:none;color:#0c26d7}#lupa-search-results-breadcrumbs .lupa-search-results-breadcrumb-link:hover{text-decoration:underline;color:#091da7}#lupa-search-results-similar-queries,#lupa-search-results-similar-results{margin-top:20px}.lupa-similar-queries-label,.lupa-similar-results-label{font-size:20px;font-family:"Roboto",sans-serif;font-weight:700;line-height:1.1;margin-top:0;margin-bottom:8px}.lupa-similar-results-label{margin-bottom:8px}.lupa-similar-query-label{margin-bottom:48px;font-weight:400;line-height:1.5;color:#4f4f4f;font-family:"Roboto",sans-serif}.lupa-similar-query-value{font-size:16px}.lupa-similar-query-link:hover{text-decoration:underline;cursor:pointer}.lupa-similar-query-crossed{text-decoration:line-through}.lupa-category-filter{padding:0;font-family:"Roboto",sans-serif;margin:0 0 25px}.lupa-category-back{padding:13px 0}.lupa-category-back a{color:#161616;font-size:16px;line-height:20px;font-weight:700;text-decoration:none !important}.lupa-category-back a:hover{color:#3c53f4}.lupa-current-category,.lupa-child-category-item{padding:10px 0 10px 25px}.lupa-current-category a,.lupa-child-category-item a{text-decoration:none !important;color:#161616;font-size:16px;line-height:16px}.lupa-current-category a:hover,.lupa-child-category-item a:hover{color:#3c53f4}.lupa-child-category-item-active,.lupa-current-category-active{color:#3c53f4}.lupa-child-category-list{padding:0 0 0 10px}.lupa-category-overview{margin:30px 0 50px}.lupa-category-title{font-weight:600;font-size:14px;margin:0 0 15px}.lupa-spinner-wrapper{width:100%;overflow:hidden}.lupa-spinner{color:#555;display:flex;justify-content:center;position:relative;width:100%;padding-top:100px;padding-right:72px}.lupa-spinner div{transform-origin:40px 40px;animation:lupa-spinner 1.2s linear infinite}.lupa-spinner div:after{content:" ";display:block;position:absolute;top:3px;left:37px;width:6px;height:18px;border-radius:20%;background:#555}.lupa-spinner div:nth-child(1){transform:rotate(0deg);animation-delay:-1.1s}.lupa-spinner div:nth-child(2){transform:rotate(30deg);animation-delay:-1s}.lupa-spinner div:nth-child(3){transform:rotate(60deg);animation-delay:-0.9s}.lupa-spinner div:nth-child(4){transform:rotate(90deg);animation-delay:-0.8s}.lupa-spinner div:nth-child(5){transform:rotate(120deg);animation-delay:-0.7s}.lupa-spinner div:nth-child(6){transform:rotate(150deg);animation-delay:-0.6s}.lupa-spinner div:nth-child(7){transform:rotate(180deg);animation-delay:-0.5s}.lupa-spinner div:nth-child(8){transform:rotate(210deg);animation-delay:-0.4s}.lupa-spinner div:nth-child(9){transform:rotate(240deg);animation-delay:-0.3s}.lupa-spinner div:nth-child(10){transform:rotate(270deg);animation-delay:-0.2s}.lupa-spinner div:nth-child(11){transform:rotate(300deg);animation-delay:-0.1s}.lupa-spinner div:nth-child(12){transform:rotate(330deg);animation-delay:0s}@keyframes lupa-spinner{0%{opacity:1}100%{opacity:0}}.lupa-search-result-product-card{width:100%}.lupa-search-box-product-title{font-weight:300}#lupa-search-box-input input{box-sizing:border-box}#lupa-search-box-input::after{direction:ltr;display:inline-block;font-family:"Material Design Icons";font-size:16px;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;content:"";font-size:24px;position:absolute;right:16px;top:12px}.lupa-suggestion{font-weight:300}.lupa-search-box-product-details-section{justify-content:space-between}.lupa-search-box-product-regular-price{text-decoration:line-through;color:#9e9e9e}.lupa-more-results{font-size:16px;font-weight:300}#lupa-search-box-panel{box-shadow:0px 1px 1px rgba(22,22,22,.14),0px 2px 1px rgba(22,22,22,.12),0px 1px 3px rgba(22,22,22,.2);border-radius:24px;border:none;overflow:hidden}.lupa-suggestion-facet-label,.lupa-suggestion-facet-value{line-height:13px}#lupa-search-results-toolbar{margin:0 0 12px;padding-right:1.6%}#lupa-search-results-toolbar.lupa-toolbar-bottom{justify-content:center;margin:24px 0}.lupa-search-results-summary{font-weight:300;font-size:18px;line-height:15px}.lupa-search-results-summary span{color:#3c53f4;font-weight:700}.lupa-page-number{min-width:48px;min-height:48px;color:#464646;font-weight:300;font-size:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;padding:0}.lupa-page-number.lupa-page-number-selected,.lupa-page-number:hover{background:rgba(60,83,244,.08);font-weight:300}.lupa-page-arrow{font-size:0}.lupa-page-arrow::before{direction:ltr;display:inline-block;font-family:"Material Design Icons";font-size:16px;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-size:20px;content:""}.lupa-page-arrow:first-child::before{direction:ltr;display:inline-block;font-family:"Material Design Icons";font-size:16px;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-size:20px;content:""}#lupa-similar-query-text-component,.lupa-highlighted-search-text{color:#3c53f4}.lupa-similar-query-label{margin-bottom:18px;font-weight:300}.lupa-empty-results{font-weight:300;font-size:18px;margin-bottom:36px;color:#9e9e9e}.lupa-search-result-product-card{border-radius:4px;margin-bottom:36px;border:none}.lupa-search-result-product-contents{border:1px solid #d8d8d8;box-shadow:0px 1px 1px rgba(22,22,22,.14),0px 2px 1px rgba(22,22,22,.12),0px 1px 3px rgba(22,22,22,.2);border-radius:4px;padding:16px}.lupa-search-result-product-contents:hover{border-color:#3c53f4}.lupa-search-results-product-title-text{font-weight:300;line-height:29px}.lupa-search-results-image-wrapper{padding-bottom:100%}.lupa-discount{display:inline;font-weight:700;font-size:32px;line-height:27px;color:#3c53f4}.lupa-custom-id{opacity:.5}.lupa-custom-brand{color:#3c53f4;font-weight:600}.lupa-final{display:inline;font-weight:700;font-size:32px;line-height:27px}.lupa-regular{text-decoration:line-through;color:#9e9e9e;display:inline-block;margin-left:4px}.lupa-search-result-filters{padding-right:24px;flex:40%}.lupa-filter-title-text{margin-bottom:24px}.lupa-search-result-facet-display{border:none}.lupa-search-result-facet-display:first-child{border:none}.lupa-facet-label-text{font-weight:700;font-size:16px;line-height:24px}.lupa-facet-label-caret::after{direction:ltr;display:inline-block;font-family:"Material Design Icons";font-size:16px;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-size:22px;content:""}.lupa-term-label{font-weight:300;font-size:16px;line-height:1.15}.lupa-stats-facet-summary{margin-top:16px;font-size:16px;font-weight:300}.lupa-current-filter-list{display:flex;flex-wrap:wrap}.lupa-search-result-current-filters{border-bottom:1px solid #d8d8d8}.lupa-search-result-filter-value{flex-direction:row-reverse;display:flex;justify-content:flex-end;background-color:#3c53f4;padding:9px;border-radius:24px;margin:0 8px 8px 0}.lupa-search-result-filter-value .lupa-current-filter-label{display:none}.lupa-search-result-filter-value .lupa-current-filter-value{color:#fff;font-weight:300;font-size:14px}.lupa-search-result-filter-value .lupa-current-filter-action{display:flex;font-size:0}.lupa-search-result-filter-value .lupa-current-filter-action::before{color:#fff;margin-left:9px;width:16px;direction:ltr;display:inline-block;font-family:"Material Design Icons";font-size:16px;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-size:20px;content:""}.lupa-clear-all-filters{font-weight:300;font-size:16px;line-height:22px;color:#464646;display:flex;align-items:center;margin-top:16px}.lupa-clear-all-filters:before{direction:ltr;display:inline-block;font-family:"Material Design Icons";font-size:16px;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;content:"";margin-right:10px;font-size:20px}.lupa-term-checkbox{border-radius:2px;border:2px solid #464646}.lupa-term-checkbox.checked{border-color:#3c53f4;background:#3c53f4}.lupa-term-checkbox.checked:after{border:none;border-left:2px solid #fff;border-bottom:2px solid #fff;display:inline-block;transform:rotate(-45deg);height:7px;width:12px;border-radius:0;top:-2px;content:" ";position:relative}.lupa-term-checkbox-label{font-size:16px;font-weight:300}.lupa-search-box-wrapper input{border-radius:24px}.lupa-mobile-toggle-filter-count{display:inline-flex;color:#fff;background:#3c53f4;border-radius:50%;width:20px;height:20px;justify-content:center;align-items:center}.lupa-category-top-mobile-filters .lupa-category-back{border:1px solid #d8d8d8;cursor:pointer;padding:10px 5px;margin:10px 0}.lupa-category-top-mobile-filters .lupa-category-back::before{content:"<";display:inline-block}.lupa-search-product-recommendations-wrapper{width:100%}.lupa-panel-suggestion-index{grid-area:suggestions}.lupa-panel-document-index{grid-area:docs}#lupa-search-results-products{background:#fff;padding-top:36px}.wrapper{background:#fafafa}
|
|
1
|
+
.slider-target,.slider-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.slider-target{position:relative}.slider-base,.slider-connects{height:100%;position:relative;width:100%;z-index:1}.slider-connects{overflow:hidden;z-index:0}.slider-connect,.slider-origin{height:100%;position:absolute;right:0;top:0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-style:flat;width:100%;will-change:transform;z-index:1}.slider-txt-dir-rtl.slider-horizontal .slider-origin{left:0;right:auto}.slider-vertical .slider-origin{top:-100%;width:0}.slider-horizontal .slider-origin{height:0}.slider-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.slider-touch-area{height:100%;width:100%}.slider-state-tap .slider-connect,.slider-state-tap .slider-origin{transition:transform .3s}.slider-state-drag *{cursor:inherit !important}.slider-tooltip-drag .slider-tooltip,.slider-tooltip-focus .slider-tooltip{display:none !important}.slider-tooltip-drag .slider-active .slider-tooltip,.slider-tooltip-drag.slider-state-drag .slider-tooltip:not(.slider-tooltip-hidden),.slider-tooltip-focus.slider-focused .slider-tooltip:not(.slider-tooltip-hidden){display:block !important}.slider-horizontal{height:var(--slider-height, 6px)}.slider-horizontal .slider-handle{height:var(--slider-handle-height, 16px);right:calc(var(--slider-handle-width, 16px)/2*-1);top:calc((var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2*-1 - 1px);width:var(--slider-handle-width, 16px)}.slider-vertical{height:var(--slider-vertical-height, 300px);width:var(--slider-height, 6px)}.slider-vertical .slider-handle{bottom:calc(var(--slider-handle-width, 16px)/2*-1);height:var(--slider-handle-width, 16px);right:calc((var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2*-1 - 1px);width:var(--slider-handle-height, 16px)}.slider-txt-dir-rtl.slider-horizontal .slider-handle{left:calc(var(--slider-handle-width, 16px)/2*-1);right:auto}.slider-base{background-color:var(--slider-bg, #d1d5db)}.slider-base,.slider-connects{border-radius:var(--slider-radius, 9999px)}.slider-connect{background:var(--slider-connect-bg, #10b981);cursor:pointer}.slider-draggable{cursor:ew-resize}.slider-vertical .slider-draggable{cursor:ns-resize}.slider-handle{background:var(--slider-handle-bg, #fff);border:var(--slider-handle-border, 0);border-radius:var(--slider-handle-radius, 9999px);box-shadow:var(--slider-handle-shadow, 0.5px 0.5px 2px 1px rgba(0, 0, 0, 0.32));cursor:-webkit-grab;cursor:grab;height:var(--slider-handle-height, 16px);width:var(--slider-handle-width, 16px)}.slider-handle:focus{box-shadow:0 0 0 var(--slider-handle-ring-width, 3px) var(--slider-handle-ring-color, rgba(16, 185, 129, 0.188)),var(--slider-handle-shadow, 0.5px 0.5px 2px 1px rgba(0, 0, 0, 0.32));outline:none}.slider-active{box-shadow:var(--slider-handle-shadow-active, 0.5px 0.5px 2px 1px rgba(0, 0, 0, 0.42));cursor:-webkit-grabbing;cursor:grabbing}[disabled] .slider-connect{background:var(--slider-connect-bg-disabled, #9ca3af)}[disabled] .slider-handle,[disabled].slider-handle,[disabled].slider-target{cursor:not-allowed}[disabled] .slider-tooltip{background:var(--slider-tooltip-bg-disabled, #9ca3af);border-color:var(--slider-tooltip-bg-disabled, #9ca3af)}.slider-tooltip{background:var(--slider-tooltip-bg, #10b981);border:1px solid var(--slider-tooltip-bg, #10b981);border-radius:var(--slider-tooltip-radius, 5px);color:var(--slider-tooltip-color, #fff);display:block;font-size:var(--slider-tooltip-font-size, 0.875rem);font-weight:var(--slider-tooltip-font-weight, 600);line-height:var(--slider-tooltip-line-height, 1.25rem);min-width:var(--slider-tooltip-min-width, 20px);padding:var(--slider-tooltip-py, 2px) var(--slider-tooltip-px, 6px);position:absolute;text-align:center;white-space:nowrap}.slider-horizontal .slider-tooltip-top{bottom:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));left:50%;transform:translate(-50%)}.slider-horizontal .slider-tooltip-top:before{border:var(--slider-tooltip-arrow-size, 5px) solid rgba(0,0,0,0);border-top-color:inherit;bottom:calc(var(--slider-tooltip-arrow-size, 5px)*-2);content:"";height:0;left:50%;position:absolute;transform:translate(-50%);width:0}.slider-horizontal .slider-tooltip-bottom{left:50%;top:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));transform:translate(-50%)}.slider-horizontal .slider-tooltip-bottom:before{border:var(--slider-tooltip-arrow-size, 5px) solid rgba(0,0,0,0);border-bottom-color:inherit;content:"";height:0;left:50%;position:absolute;top:calc(var(--slider-tooltip-arrow-size, 5px)*-2);transform:translate(-50%);width:0}.slider-vertical .slider-tooltip-left{right:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));top:50%;transform:translateY(-50%)}.slider-vertical .slider-tooltip-left:before{border:var(--slider-tooltip-arrow-size, 5px) solid rgba(0,0,0,0);border-left-color:inherit;content:"";height:0;position:absolute;right:calc(var(--slider-tooltip-arrow-size, 5px)*-2);top:50%;transform:translateY(-50%);width:0}.slider-vertical .slider-tooltip-right{left:calc(var(--slider-handle-height, 16px) + var(--slider-tooltip-arrow-size, 5px) + var(--slider-tooltip-distance, 3px));top:50%;transform:translateY(-50%)}.slider-vertical .slider-tooltip-right:before{border:var(--slider-tooltip-arrow-size, 5px) solid rgba(0,0,0,0);border-right-color:inherit;content:"";height:0;left:calc(var(--slider-tooltip-arrow-size, 5px)*-2);position:absolute;top:50%;transform:translateY(-50%);width:0}.slider-horizontal .slider-origin>.slider-tooltip{left:auto;transform:translate(50%)}.slider-horizontal .slider-origin>.slider-tooltip-top{bottom:calc(var(--slider-tooltip-arrow-size, 5px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) + 1px)}.slider-horizontal .slider-origin>.slider-tooltip-bottom{top:calc(var(--slider-tooltip-arrow-size, 5px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) + var(--slider-height, 6px) - 1px)}.slider-vertical .slider-origin>.slider-tooltip{top:auto;transform:translateY(calc((var(--slider-tooltip-line-height, 1.25rem) - var(--slider-tooltip-py, 2px)) * -1 + 1px))}.slider-vertical .slider-origin>.slider-tooltip-left{right:calc(var(--slider-tooltip-arrow-size, 5px) + var(--slider-height, 6px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) - 1px)}.slider-vertical .slider-origin>.slider-tooltip-right{left:calc(var(--slider-tooltip-arrow-size, 5px) + var(--slider-height, 6px) + (var(--slider-handle-height, 16px) - var(--slider-height, 6px))/2 + var(--slider-tooltip-distance, 3px) - var(--slider-height, 6px) + 1px)}:root{--lupa-available-height: 100%}#lupa-search-box-panel{position:absolute;width:100%;height:auto;border:1px solid #d8d8d8;background:#fff;box-shadow:0px 4px 6px rgba(0,0,0,.25);z-index:5000;border-radius:0;font-family:"Roboto",sans-serif;box-sizing:border-box}#lupa-search-box-panel:empty{display:none}@media(max-width: 767px){#lupa-search-box-panel{max-height:var(--lupa-available-height);overflow-y:auto}}.lupa-main-panel{display:grid;grid-template:"suggestions docs";grid-template-columns:minmax(50px, 35%) minmax(250px, 1fr)}@media(max-width: 767px){.lupa-main-panel{display:block}}.lupa-panel-suggestion-index{grid-area:left;word-break:break-word}@media(min-width: 767px){.lupa-panel-suggestion-index{border-right:1px solid #d8d8d8}}.lupa-panel-document-index{grid-area:right;word-break:break-word}.lupa-more-results{cursor:pointer;border-top:1px solid #d8d8d8;padding:5px 10px;color:#161616;background-color:#fff;font-size:14px;line-height:24px}.lupa-more-results:hover{background-color:rgba(0,0,0,.05);color:#3c53f4}.lupa-search-box-no-results{text-align:center;color:#161616;font-size:14px;line-height:24px}#lupa-search-box-panel{display:flex;justify-content:space-between;flex-direction:column}.lupa-more-results{text-align:center}#lupa-search-box{width:100%}.lupa-search-box-wrapper{position:relative}.lupa-panel-title{padding:12px 20px;font-weight:700;font-size:17px}.lupa-suggestion{cursor:pointer;display:flex;flex-wrap:wrap;align-items:center;color:#161616;background-color:#fff;padding:4px 20px;font-size:16px;line-height:24px}.lupa-suggestion strong{color:#161616}.lupa-suggestion-value{margin-right:7px}.lupa-suggestion-facet{font-size:13px}.lupa-suggestion-facet-label{margin-right:2px}.lupa-suggestion-facet-value{font-weight:bold}.lupa-suggestion-highlighted,.lupa-suggestion:hover{cursor:pointer;color:#3c53f4;background-color:rgba(0,0,0,.05)}.lupa-suggestion-highlighted strong,.lupa-suggestion:hover strong{color:#3c53f4}.lupa-suggestion:hover{text-decoration:underline}.lupa-search-box-input-field{position:relative !important;background:rgba(0,0,0,0) !important}.lupa-search-box-input-field,.lupa-hint{color:#161616;height:48px;padding:0 16px;line-height:1.5;font-size:16px;font-family:"Roboto",sans-serif;width:100%}.lupa-search-box-input-field{border:1px solid #d8d8d8;color:#161616}.lupa-hint{opacity:.5;position:absolute !important;pointer-events:none;border:1px solid rgba(0,0,0,0)}.lupa-input-clear{display:none}.lupa-search-box-history-item{cursor:pointer}.lupa-search-box-history-item-content{display:flex;justify-content:space-between}.lupa-search-box-history-item-text{width:100%;display:flex;align-items:center;line-height:24px;font-size:16px;padding:4px 20px;color:#161616}.lupa-search-box-history-item-text:hover,.lupa-search-box-history-item-text.lupa-search-box-history-item-highlighted{background-color:rgba(0,0,0,.05);color:#161616}.lupa-search-box-history-item-text:hover{text-decoration:underline}.lupa-search-box-history-item-clear{display:flex;align-items:center;padding:4px 20px;color:#161616;font-size:24px}.lupa-search-box-history-item-clear:hover{color:#161616;background-color:rgba(0,0,0,.05)}.lupa-search-box-history-clear-all{text-align:center;cursor:pointer;border-top:1px solid #d8d8d8;padding:4px 20px;line-height:24px;font-size:14px;color:#161616}.lupa-search-box-history-clear-all:hover{background-color:rgba(0,0,0,.05);color:#161616}.lupa-search-box-product{padding:10px;font-size:14px;display:flex;cursor:pointer;text-decoration:inherit;color:inherit}.lupa-search-box-product:hover,.lupa-search-box-product.lupa-search-box-product-highlighted{text-decoration:none;background-color:rgba(0,0,0,.05)}.lupa-search-box-product:hover .lupa-search-box-product-title,.lupa-search-box-product.lupa-search-box-product-highlighted .lupa-search-box-product-title{color:#161616}.lupa-search-box-product:hover .lupa-search-box-product-custom,.lupa-search-box-product.lupa-search-box-product-highlighted .lupa-search-box-product-custom{color:#161616}.lupa-search-box-product:hover .lupa-search-box-product-price,.lupa-search-box-product.lupa-search-box-product-highlighted .lupa-search-box-product-price{color:#161616}.lupa-search-box-product:hover .lupa-search-box-product-regular-price,.lupa-search-box-product.lupa-search-box-product-highlighted .lupa-search-box-product-regular-price{color:#161616}.lupa-search-box-product-details-section{font-family:"Roboto",sans-serif}.lupa-search-box-product-details-section{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.lupa-search-box-product-image-section{min-width:85px;flex:0 1}.lupa-search-box-image-wrapper,.lupa-search-box-image{width:70px;height:70px}.lupa-search-box-image{object-fit:contain}.lupa-search-box-product-title{font-size:16px;line-height:15px;color:#161616}.lupa-search-box-product-custom{font-size:14px;line-height:15px;color:#161616}.lupa-search-box-product-price{font-size:16px;line-height:15px;color:#3c53f4}.lupa-search-box-product-regular-price{font-size:14px;line-height:15px;color:#161616;font-weight:normal}.lupa-search-box-product-description{max-height:42px;line-height:14px;color:#161616;overflow:hidden}.lupa-search-box-product-add-to-cart-section{flex-grow:1;flex-shrink:0;display:flex;justify-content:flex-end;align-items:center}.lupa-search-result-facets{font-family:"Roboto",sans-serif}.lupa-facets-title{font-size:16px;line-height:1.1;font-weight:700;padding:0 0 10px;color:#161616}.lupa-search-result-facet-display{border-bottom:1px solid #d8d8d8}.lupa-search-result-facet-display:first-child{border-top:1px solid #d8d8d8}.lupa-search-result-facet-label{justify-content:space-between;display:flex;font-size:14px;line-height:21px;font-weight:700;padding:10.5px;color:#161616;cursor:pointer}.lupa-search-result-facet-label:hover{color:#3c53f4}.lupa-search-result-facet-label.open{padding:10.5px 10.5px 0}.lupa-facet-label-caret::after{content:"⌄";font-family:"Roboto",sans-serif;color:#161616;display:block;font-weight:400;overflow:hidden;text-align:center}.lupa-facet-label-caret.open::after{transform:rotate(180deg)}.lupa-facet-content{padding:5px 10px 20px}.lupa-facet-term{padding:4px 5px;margin:16px 0 0}.lupa-term-checkbox-label{width:100%;padding-left:8px;display:flex;justify-content:space-between;align-items:center}.lupa-facet-term{cursor:pointer;display:flex;align-items:center;font-size:14px;color:#161616}.lupa-facet-term:hover{background:rgba(0,0,0,.05)}.lupa-facet-term.checked{font-weight:bold}.lupa-term-count{color:#161616}.lupa-term-checkbox{display:inline-block;height:18px;width:18px;box-sizing:border-box;border:2px solid #3c53f4;border-radius:0px;content:"";display:flex;justify-content:center;align-items:center}.lupa-term-checkbox.checked::after{border:3px solid #3c53f4;border-radius:0px;display:inline-block;content:""}.lupa-show-more-facet-results{justify-content:center}.lupa-term-filter{width:100%;padding:8px;box-sizing:border-box;border:1px solid #d8d8d8}.lupa-show-more-facet-results{color:#161616;font-size:14px}.lupa-show-more-facet-results:hover{color:#161616}.lupa-stats-facet-summary{text-align:center;font-size:14px}.lupa-stats-slider-wrapper{margin:10px 0 0;padding:0 8px}.lupa-stats-slider-wrapper .slider-connects{background-color:rgba(60,83,244,.3)}.lupa-stats-slider-wrapper .slider-connect{background-color:#3c53f4}.lupa-stats-slider-wrapper .slider-handle{background:#3c53f4;border-radius:50%;border:0px solid #3c53f4;z-index:3;cursor:pointer}.lupa-stats-slider-wrapper .slider-handle:hover{background:#3c53f4}.lupa-stats-range-label{font-size:12px;margin:0 0 5px}.lupa-stats-facet-summary-input{display:flex;align-items:center;justify-content:center}.lupa-stats-facet-summary-input input{width:100%;padding:8px;box-sizing:border-box;border:1px solid #d8d8d8}.lupa-stats-facet-summary-input .lupa-stats-from,.lupa-stats-facet-summary-input .lupa-stats-to{display:flex;align-items:center}.lupa-stats-facet-summary-input .lupa-stats-separator{margin:0 10px}.lupa-stats-facet-summary-input span{padding:0 5px}.lupa-search-result-facet-list.lupa-top-dropdown{display:flex;flex-wrap:wrap}.lupa-search-result-facet-list.lupa-top-dropdown .lupa-search-result-facet-display{margin:0 10px 0 0;border-bottom:none;border-top:none}.lupa-search-result-facet-list.lupa-top-dropdown .lupa-facet-content{position:absolute;background:#fff;z-index:10;border:1px solid #d8d8d8;min-width:220px}.lupa-search-result-facet-list.lupa-top-dropdown .lupa-terms-list{overflow-y:auto;max-height:300px;margin:2px 0 0}.lupa-search-result-facet-list.lupa-top-dropdown .lupa-search-result-facet-label{border:1px solid #d8d8d8}.lupa-search-result-facet-list.lupa-top-dropdown .lupa-search-result-facet-label.lupa-has-filter{border-width:2px}.lupa-search-result-facet-list.lupa-top-dropdown .lupa-single-facet-clear{cursor:pointer;text-align:center;margin:3px 0 0;padding:5px 0 3px;font-size:5px 0 3px;border-top:1px solid #d8d8d8}.lupa-search-result-current-filters{font-family:"Roboto",sans-serif}.lupa-current-filter-title{display:flex;align-items:center;justify-content:space-between;font-size:16px;line-height:1.1;font-weight:700;padding:0;color:#161616}.lupa-current-filter-list{margin:0;padding:0 10px 5px}.lupa-search-result-current-filters{margin:0 0 25px}.lupa-clear-all-filters{cursor:pointer;color:#0c26d7;padding:0 10.5px;margin:0 0 31.5px;font-size:14px}.lupa-clear-all-filters:hover{color:#091da7}.lupa-search-result-filter-value{display:flex;align-items:center;flex-wrap:wrap;margin:10.5px 0;font-size:14px}.lupa-current-filter-action{padding:0 5px 0 0;font-size:17px;color:#3c53f4;cursor:pointer}.lupa-current-filter-action:hover{color:#3c53f4}.lupa-current-filter-label,.lupa-current-filter-value{margin:0 0 0 5px}.lupa-current-filter-label{color:#161616}.lupa-current-filter-value{color:#3c53f4}.lupa-filter-title-caret::after{content:"⌄";font-family:"Roboto",sans-serif;color:#161616;font-size:14px;display:block;font-weight:400;overflow:hidden;text-align:center}.lupa-filter-title-caret.open::after{transform:rotate(180deg)}.lupa-filter-count{font-size:14px;color:#161616}.lupa-toolbar-filters,.lupa-toolbar-filters-desktop{margin-right:12px}.lupa-toolbar-filters .filter-values,.lupa-toolbar-filters-desktop .filter-values{display:flex}.lupa-result-page-title{font-size:16px;margin:0 0 38px;font-family:"Roboto",sans-serif}.lupa-search-result-filters{padding:0 4.6% 0 0}#lupa-search-results,.top-layout-wrapper{width:100%;height:100%;display:flex;flex-direction:row;justify-content:flex-start}.search-content{width:100%}.lupa-search-result-filters{flex:25%;flex-grow:1;flex-shrink:0;box-sizing:border-box}#lupa-search-results-products{position:relative;padding:0 0 0 1.6%;width:100%}.lupa-products{display:flex;align-self:flex-start;flex-wrap:wrap;margin:0 0 31.5px -16px}.lupa-loader{background-color:#fff;display:flex;height:calc(100% - 0px);opacity:.5;position:absolute;z-index:555}.lupa-search-result-product-card{box-sizing:border-box}#lupa-search-results-did-you-mean{font-family:"Roboto",sans-serif}.lupa-suggested-search-text{font-weight:bold}.lupa-highlighted-search-text{font-weight:bold;font-style:italic}#lupa-search-results-did-you-mean{margin-bottom:10px}.lupa-did-you-mean{text-decoration:none}.lupa-did-you-mean:hover{text-decoration:underline;cursor:pointer}#lupa-select{position:relative;font-family:"Roboto",sans-serif;color:#161616;text-indent:.01em}.lupa-select-dropdown{cursor:pointer;padding:20px 25px 4px 8px;font-family:"Roboto",sans-serif;background:#fff;background-clip:padding-box;border:1px solid #d8d8d8;border-radius:0;font-size:14px;height:48px;line-height:1.5;vertical-align:baseline;box-sizing:border-box;appearance:none}.lupa-select-dropdown:focus{outline:none;box-shadow:0 0 3px 1px #6c7ef7}.lupa-select-label{font-family:"Roboto",sans-serif;font-size:12px;line-height:1;position:absolute;pointer-events:none;top:8px;left:8px}.lupa-search-results-summary{display:flex;align-items:center}#lupa-search-results-toolbar{display:flex;flex-direction:row;justify-content:space-between;margin:0 0 40px}.lupa-toolbar-left{display:flex}.lupa-toolbar-right{display:flex;flex-direction:row}#lupa-search-results-page-select{display:flex;flex-direction:row;align-items:center}#lupa-search-results-layout-selection{display:flex;flex-direction:row;align-items:center}#lupa-search-results-layout-selection div{margin:0 16px 0 0}.lupa-search-results-summary{color:#161616;font-family:"Roboto",sans-serif;font-size:14px}#lupa-search-results-page-size{margin:0}#lupa-search-results-page-size .lupa-select-dropdown{width:125px}.lupa-search-results-sort{margin:0 0 0 8px}.lupa-filter-clear{cursor:pointer}#lupa-search-results-page-select{font-family:"Roboto",sans-serif}.lupa-page-number-separator{margin:0 12px 0 0}.lupa-page-number{cursor:pointer;color:#3c53f4;font-size:12px;padding:0 5.25px;margin:0 12px 0 0}.lupa-page-number:hover{color:#161616}.lupa-page-number.lupa-page-number-selected{color:#161616;font-weight:700}.lupa-page-arrow{cursor:pointer;font-weight:700;margin:0 12px 0 0;padding:0 8px}.lupa-page-arrow:before{line-height:31.5px;color:#161616;content:"";font-family:"Roboto",sans-serif;font-size:11px}.lupa-page-arrow:hover:before{color:#3c53f4}.lupa-search-result-product-card{height:auto;min-height:250px;border:1px solid #d8d8d8;padding:12px;margin:0}.lupa-out-of-stock{opacity:.5}.lupa-search-result-product-contents{height:100%;display:flex;flex-direction:column;font-family:"Roboto",sans-serif;font-size:16px}.lupa-search-result-product-contents-list{flex-direction:row}.lupa-search-result-product-details-section{display:flex;flex-direction:column;justify-content:space-between;height:100%}.lupa-search-results-image-wrapper{padding-bottom:125%;display:block;height:0;overflow:hidden;position:relative;z-index:1;display:flex;justify-content:center}.lupa-search-results-image{width:100%;height:100%;object-fit:contain;max-width:240px;max-height:195px;margin:auto;position:absolute}.lupa-search-result-product-image-section{cursor:pointer;border:none;padding:12px 8px;margin:0}.lupa-search-results-product-title{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;font-size:16px;margin:0 0 12px;line-height:21px}.lupa-search-results-product-title-text{font-weight:bold;color:#161616}.lupa-search-results-product-title-text.lupa-title-link{text-decoration:none;color:#161616}.lupa-search-results-product-title-text.lupa-title-link:hover{text-decoration:underline;color:#3c53f4}.lupa-search-results-product-regular-price{font-size:16px;font-weight:700;padding:10px 8px 0 5px}#lupa-search-results-rating{display:flex;flex-direction:row;align-items:center;width:auto;margin:0 0 15.75px}.lupa-ratings{display:flex;flex-direction:row;align-items:center;width:auto}.lupa-ratings-base,.lupa-rating-wrapper{display:flex;width:90px}.lupa-rating-wrapper{position:absolute}.lupa-ratings-highlighted{display:flex;overflow:hidden}.lupa-total-ratings{color:#161616 !important;text-decoration:none}.lupa-total-ratings:hover{color:#3c53f4 !important;text-decoration:underline !important}.lupa-search-result-product-contents-list .lupa-search-result-product-card{min-height:50px}.lupa-search-result-product-contents-list .lupa-search-results-image{width:240px;height:195px;object-fit:contain;margin:auto;position:relative}.lupa-search-result-product-contents-list .lupa-search-result-product-details-section{width:100%;padding:15px}.lupa-search-result-product-contents-list .lupa-search-results-image{max-width:120px;max-height:97.5px}.lupa-search-result-product-contents-list .lupa-search-results-product-addtocart{order:3;margin:0 -16px 0;position:static}.lupa-search-result-product-contents-list .lupa-search-results-product-addtocart button{padding:8px 32px}.lupa-search-results-product-description{max-height:200px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.lupa-empty-results{text-align:center;width:100%;font-size:14px;font-family:"Roboto",sans-serif;color:#161616}.lupa-empty-results .lupa-empty-page-action{cursor:pointer;text-decoration:underline}.lupa-mobile-filter-sidebar{position:fixed;width:100%;height:var(--lupa-full-height);left:0;top:0;bottom:0;z-index:555;background:rgba(0,0,0,0);display:flex}.lupa-mobile-filter-sidebar .lupa-mobile-sidebar-content{height:var(--lupa-full-height);width:100%;z-index:555;background:#fff}.lupa-mobile-filter-sidebar .lupa-sidebar-close{background:rgba(0,0,0,.6);height:var(--lupa-full-height);width:30px}.lupa-sidebar-top{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 13.5px 0 0;border-bottom:1px solid #d8d8d8}.lupa-sidebar-title{margin-left:15px;font-weight:700;font-size:16px;font-family:"Roboto",sans-serif;color:#161616}.lupa-sidebar-filter-options .lupa-facets-title{display:none}.lupa-filter-toggle-mobile:after{font-size:16px;color:#6c7ef7;content:"✖";line-height:inherit;font-family:"Roboto",sans-serif;vertical-align:middle;display:inline-block;font-weight:400;overflow:hidden;text-align:center}.lupa-sidebar-filter-options{overflow-y:scroll;height:calc(100% - 48px)}#lupa-search-results-toolbar.lupa-toolbar-mobile{display:none}.lupa-category-top-mobile-filters{display:none}.lupa-filters-mobile{display:none}.lupa-mobile-toggle{font-family:"Roboto",sans-serif;font-size:14px;color:#6c7ef7;width:208px;border-radius:0;display:none;padding:15px 0;border:1px solid #d8d8d8;line-height:16px;text-align:center;z-index:2}@media(max-width: 767px){.lupa-mobile-toggle{display:block}.lupa-category-top-mobile-filters{display:block}.lupa-filters-mobile{display:block;border-top:1px solid #d8d8d8}.lupa-filters-mobile.lupa-search-result-current-filters.expandable{padding:15px 0;margin:-20px 0 20px}#lupa-search-results-layout-selection{display:none}.lupa-search-results-summary{display:none}#lupa-search-results-page-size{display:none}#lupa-search-results-toolbar.lupa-toolbar-top{display:none}#lupa-search-results-toolbar.lupa-toolbar-mobile{display:flex}.lupa-toolbar-bottom .lupa-toolbar-right{display:none}.lupa-toolbar-mobile .lupa-toolbar-left{display:none}#lupa-search-results-toolbar{justify-content:center}#lupa-search-results-rating{flex-direction:column;align-items:normal}#lupa-search-results-rating .lupa-total-ratings{margin-left:0;margin-top:5px}.lupa-search-result-filters{display:none}.lupa-mobile-filter-sidebar .lupa-search-result-filters{display:flex;flex-direction:column}#lupa-search-results-products{padding:0}.lupa-select-dropdown{width:208px}.lupa-facets-title{padding:16px}.lupa-search-result-current-filters.expandable{padding:16px;border-bottom:1px solid #d8d8d8;margin:0}.lupa-clear-all-filters{margin:0}#lupa-search-results-did-you-mean{margin-bottom:10px}}@media(max-width: 479px){.lupa-mobile-toggle{width:139px}.lupa-select-dropdown{width:139px}}@media(max-width: 350px){.lupa-mobile-toggle{width:100px}.lupa-select-dropdown{width:100px}}@media(max-width: 767px){.lupa-search-result-filters{flex:100%;padding:0}.lupa-search-result-facets{width:100%}.lupa-search-result-facet-display{padding:0 15px}}@media(max-width: 1024px){#lupa-search-results-badges>#lupa-badges{top:-16px}#lupa-search-results-badges>#lupa-badges .lupa-badge{width:32px;height:32px;font-size:11px}}#lupa-search-results-badges{position:relative}#lupa-badges{display:flex;position:absolute;font-family:"Roboto",sans-serif;top:-24px;z-index:1}#lupa-badges .tl{left:-10px}#lupa-badges .tr{right:-10px}.lupa-badge{width:48px;height:48px;font-size:14px;margin:0 8px 0 0;font-weight:700;border-radius:50%}.lupa-text-badges{display:flex}.lupa-image-badges{display:flex}.lupa-image-badges img{width:100%}.lupa-text-badge{color:#fff;background:#3c53f4;display:flex;align-items:center;justify-content:center;text-align:center}#lupa-badges{flex-direction:column;top:0;pointer-events:none;z-index:1000}.lupa-discount-badge{background:#e0232f;color:#fff}.lupa-preorder-badge{background:#4b81eb;color:#fff}.lupa-generated-badges{display:flex;flex-direction:column}.lupa-dynamic-badge{cursor:pointer;pointer-events:all;display:flex;font-weight:600;font-size:14px;line-height:20px;padding:4px;margin-bottom:4px;margin-right:auto;white-space:nowrap}.lupa-dynamic-badge .lupa-badge-title{font-weight:700;letter-spacing:-0.6px;display:flex;align-items:center;justify-content:center;min-width:42px}.lupa-dynamic-badge .lupa-badge-title img{max-height:20px}.lupa-dynamic-badge .lupa-badge-full-text{display:none;margin-left:10px}.lupa-dynamic-badge:hover .lupa-badge-full-text{display:inline-block}#lupa-search-results-breadcrumbs{margin:0 0 24px;font-size:12px}@media(min-width: 767px){#lupa-search-results-breadcrumbs{max-width:1228px;box-sizing:border-box;width:100%}}@media(max-width: 767px){#lupa-search-results-breadcrumbs{display:none}}#lupa-search-results-breadcrumbs .lupa-search-results-breadcrumb-link{text-decoration:none;color:#0c26d7}#lupa-search-results-breadcrumbs .lupa-search-results-breadcrumb-link:hover{text-decoration:underline;color:#091da7}#lupa-search-results-similar-queries,#lupa-search-results-similar-results{margin-top:20px}.lupa-similar-queries-label,.lupa-similar-results-label{font-size:20px;font-family:"Roboto",sans-serif;font-weight:700;line-height:1.1;margin-top:0;margin-bottom:8px}.lupa-similar-results-label{margin-bottom:8px}.lupa-similar-query-label{margin-bottom:48px;font-weight:400;line-height:1.5;color:#4f4f4f;font-family:"Roboto",sans-serif}.lupa-similar-query-value{font-size:16px}.lupa-similar-query-link:hover{text-decoration:underline;cursor:pointer}.lupa-similar-query-crossed{text-decoration:line-through}.lupa-category-filter{padding:0;font-family:"Roboto",sans-serif;margin:0 0 25px}.lupa-category-back{padding:13px 0}.lupa-category-back a{color:#161616;font-size:16px;line-height:20px;font-weight:700;text-decoration:none !important}.lupa-category-back a:hover{color:#3c53f4}.lupa-current-category,.lupa-child-category-item{padding:10px 0 10px 25px}.lupa-current-category a,.lupa-child-category-item a{text-decoration:none !important;color:#161616;font-size:16px;line-height:16px}.lupa-current-category a:hover,.lupa-child-category-item a:hover{color:#3c53f4}.lupa-child-category-item-active,.lupa-current-category-active{color:#3c53f4}.lupa-child-category-list{padding:0 0 0 10px}.lupa-category-overview{margin:30px 0 50px}.lupa-category-title{font-weight:600;font-size:14px;margin:0 0 15px}.lupa-spinner-wrapper{width:100%;overflow:hidden}.lupa-spinner{color:#555;display:flex;justify-content:center;position:relative;width:100%;padding-top:100px;padding-right:72px}.lupa-spinner div{transform-origin:40px 40px;animation:lupa-spinner 1.2s linear infinite}.lupa-spinner div:after{content:" ";display:block;position:absolute;top:3px;left:37px;width:6px;height:18px;border-radius:20%;background:#555}.lupa-spinner div:nth-child(1){transform:rotate(0deg);animation-delay:-1.1s}.lupa-spinner div:nth-child(2){transform:rotate(30deg);animation-delay:-1s}.lupa-spinner div:nth-child(3){transform:rotate(60deg);animation-delay:-0.9s}.lupa-spinner div:nth-child(4){transform:rotate(90deg);animation-delay:-0.8s}.lupa-spinner div:nth-child(5){transform:rotate(120deg);animation-delay:-0.7s}.lupa-spinner div:nth-child(6){transform:rotate(150deg);animation-delay:-0.6s}.lupa-spinner div:nth-child(7){transform:rotate(180deg);animation-delay:-0.5s}.lupa-spinner div:nth-child(8){transform:rotate(210deg);animation-delay:-0.4s}.lupa-spinner div:nth-child(9){transform:rotate(240deg);animation-delay:-0.3s}.lupa-spinner div:nth-child(10){transform:rotate(270deg);animation-delay:-0.2s}.lupa-spinner div:nth-child(11){transform:rotate(300deg);animation-delay:-0.1s}.lupa-spinner div:nth-child(12){transform:rotate(330deg);animation-delay:0s}@keyframes lupa-spinner{0%{opacity:1}100%{opacity:0}}.lupa-search-result-product-card{width:100%}.lupa-search-box-product-title{font-weight:300}#lupa-search-box-input input{box-sizing:border-box}#lupa-search-box-input::after{direction:ltr;display:inline-block;font-family:"Material Design Icons";font-size:16px;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;content:"";font-size:24px;position:absolute;right:16px;top:12px}.lupa-suggestion{font-weight:300}.lupa-search-box-product-details-section{justify-content:space-between}.lupa-search-box-product-regular-price{text-decoration:line-through;color:#9e9e9e}.lupa-more-results{font-size:16px;font-weight:300}#lupa-search-box-panel{box-shadow:0px 1px 1px rgba(22,22,22,.14),0px 2px 1px rgba(22,22,22,.12),0px 1px 3px rgba(22,22,22,.2);border-radius:24px;border:none;overflow:hidden}.lupa-suggestion-facet-label,.lupa-suggestion-facet-value{line-height:13px}#lupa-search-results-toolbar{margin:0 0 12px;padding-right:1.6%}#lupa-search-results-toolbar.lupa-toolbar-bottom{justify-content:center;margin:24px 0}.lupa-search-results-summary{font-weight:300;font-size:18px;line-height:15px}.lupa-search-results-summary span{color:#3c53f4;font-weight:700}.lupa-page-number{min-width:48px;min-height:48px;color:#464646;font-weight:300;font-size:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;padding:0}.lupa-page-number.lupa-page-number-selected,.lupa-page-number:hover{background:rgba(60,83,244,.08);font-weight:300}.lupa-page-arrow{font-size:0}.lupa-page-arrow::before{direction:ltr;display:inline-block;font-family:"Material Design Icons";font-size:16px;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-size:20px;content:""}.lupa-page-arrow:first-child::before{direction:ltr;display:inline-block;font-family:"Material Design Icons";font-size:16px;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-size:20px;content:""}#lupa-similar-query-text-component,.lupa-highlighted-search-text{color:#3c53f4}.lupa-similar-query-label{margin-bottom:18px;font-weight:300}.lupa-empty-results{font-weight:300;font-size:18px;margin-bottom:36px;color:#9e9e9e}.lupa-search-result-product-card{border-radius:4px;margin-bottom:36px;border:none}.lupa-search-result-product-contents{border:1px solid #d8d8d8;box-shadow:0px 1px 1px rgba(22,22,22,.14),0px 2px 1px rgba(22,22,22,.12),0px 1px 3px rgba(22,22,22,.2);border-radius:4px;padding:16px}.lupa-search-result-product-contents:hover{border-color:#3c53f4}.lupa-search-results-product-title-text{font-weight:300;line-height:29px}.lupa-search-results-image-wrapper{padding-bottom:100%}.lupa-discount{display:inline;font-weight:700;font-size:32px;line-height:27px;color:#3c53f4}.lupa-custom-id{opacity:.5}.lupa-custom-brand{color:#3c53f4;font-weight:600}.lupa-final{display:inline;font-weight:700;font-size:32px;line-height:27px}.lupa-regular{text-decoration:line-through;color:#9e9e9e;display:inline-block;margin-left:4px}.lupa-search-result-filters{padding-right:24px;flex:40%}.lupa-filter-title-text{margin-bottom:24px}.lupa-search-result-facet-display{border:none}.lupa-search-result-facet-display:first-child{border:none}.lupa-facet-label-text{font-weight:700;font-size:16px;line-height:24px}.lupa-facet-label-caret::after{direction:ltr;display:inline-block;font-family:"Material Design Icons";font-size:16px;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-size:22px;content:""}.lupa-term-label{font-weight:300;font-size:16px;line-height:1.15}.lupa-stats-facet-summary{margin-top:16px;font-size:16px;font-weight:300}.lupa-current-filter-list{display:flex;flex-wrap:wrap}.lupa-search-result-current-filters{border-bottom:1px solid #d8d8d8}.lupa-search-result-filter-value{flex-direction:row-reverse;display:flex;justify-content:flex-end;background-color:#3c53f4;padding:9px;border-radius:24px;margin:0 8px 8px 0}.lupa-search-result-filter-value .lupa-current-filter-label{display:none}.lupa-search-result-filter-value .lupa-current-filter-value{color:#fff;font-weight:300;font-size:14px}.lupa-search-result-filter-value .lupa-current-filter-action{display:flex;font-size:0}.lupa-search-result-filter-value .lupa-current-filter-action::before{color:#fff;margin-left:9px;width:16px;direction:ltr;display:inline-block;font-family:"Material Design Icons";font-size:16px;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-size:20px;content:""}.lupa-clear-all-filters{font-weight:300;font-size:16px;line-height:22px;color:#464646;display:flex;align-items:center;margin-top:16px}.lupa-clear-all-filters:before{direction:ltr;display:inline-block;font-family:"Material Design Icons";font-size:16px;font-style:normal;font-weight:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;content:"";margin-right:10px;font-size:20px}.lupa-term-checkbox{border-radius:2px;border:2px solid #464646}.lupa-term-checkbox.checked{border-color:#3c53f4;background:#3c53f4}.lupa-term-checkbox.checked:after{border:none;border-left:2px solid #fff;border-bottom:2px solid #fff;display:inline-block;transform:rotate(-45deg);height:7px;width:12px;border-radius:0;top:-2px;content:" ";position:relative}.lupa-term-checkbox-label{font-size:16px;font-weight:300}.lupa-search-box-wrapper input{border-radius:24px}.lupa-mobile-toggle-filter-count{display:inline-flex;color:#fff;background:#3c53f4;border-radius:50%;width:20px;height:20px;justify-content:center;align-items:center}.lupa-category-top-mobile-filters .lupa-category-back{border:1px solid #d8d8d8;cursor:pointer;padding:10px 5px;margin:10px 0}.lupa-category-top-mobile-filters .lupa-category-back::before{content:"<";display:inline-block}.lupa-search-product-recommendations-wrapper{width:100%}.lupa-panel-suggestion-index{grid-area:suggestions}.lupa-panel-document-index{grid-area:docs}#lupa-search-results-products{background:#fff;padding-top:36px}.wrapper{background:#fafafa}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@getlupa/client",
|
|
3
|
-
"version": "1.6.
|
|
3
|
+
"version": "1.6.5",
|
|
4
4
|
"main": "dist/lupaSearch.js",
|
|
5
5
|
"module": "dist/index.mjs",
|
|
6
6
|
"types": "dist/src/index.d.ts",
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
},
|
|
21
21
|
"devDependencies": {
|
|
22
22
|
"@getlupa/client-sdk": "^1.3.4",
|
|
23
|
-
"@getlupa/vue": "0.7.
|
|
23
|
+
"@getlupa/vue": "0.7.7",
|
|
24
24
|
"@rushstack/eslint-patch": "^1.3.2",
|
|
25
25
|
"@tsconfig/node18": "^2.0.1",
|
|
26
26
|
"@types/jsdom": "^21.1.1",
|