@getlupa/client 1.4.0 → 1.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/lupaSearch.iife.js +58 -19
- package/dist/lupaSearch.js +58 -19
- package/dist/lupaSearch.mjs +58 -19
- package/dist/lupaSearch.umd.js +58 -19
- package/dist/style.css +1 -1
- package/package.json +2 -2
package/dist/lupaSearch.iife.js
CHANGED
|
@@ -7536,6 +7536,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
7536
7536
|
};
|
|
7537
7537
|
})
|
|
7538
7538
|
);
|
|
7539
|
+
const hasAnyResults = computed(() => {
|
|
7540
|
+
var _a;
|
|
7541
|
+
return (_a = panelItemCounts.value) == null ? void 0 : _a.some((p2) => p2.count > 0);
|
|
7542
|
+
});
|
|
7539
7543
|
const totalCount = computed(
|
|
7540
7544
|
() => {
|
|
7541
7545
|
var _a, _b;
|
|
@@ -7588,6 +7592,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
7588
7592
|
[queryKey]: flattenSuggestions(result.items, (_a = publicQuery.searchText) != null ? _a : "")
|
|
7589
7593
|
});
|
|
7590
7594
|
inputValue.value = publicQuery.searchText;
|
|
7595
|
+
emitSearchResultsCallback();
|
|
7591
7596
|
return {
|
|
7592
7597
|
suggestions: result.items
|
|
7593
7598
|
};
|
|
@@ -7599,6 +7604,19 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
7599
7604
|
return { suggestions: void 0 };
|
|
7600
7605
|
}
|
|
7601
7606
|
});
|
|
7607
|
+
const emitSearchResultsCallback = () => {
|
|
7608
|
+
var _a;
|
|
7609
|
+
if ((_a = options.value.callbacks) == null ? void 0 : _a.onSearchBoxResults) {
|
|
7610
|
+
options.value.callbacks.onSearchBoxResults({
|
|
7611
|
+
hasAnyResults: hasAnyResults.value,
|
|
7612
|
+
docResults: docResults.value,
|
|
7613
|
+
suggestionResults: suggestionResults.value,
|
|
7614
|
+
totalCount: totalCount.value,
|
|
7615
|
+
panelItemCounts: panelItemCounts.value,
|
|
7616
|
+
inputValue: inputValue.value
|
|
7617
|
+
});
|
|
7618
|
+
}
|
|
7619
|
+
};
|
|
7602
7620
|
const queryDocuments = (_0) => __async(void 0, [_0], function* ({
|
|
7603
7621
|
queryKey,
|
|
7604
7622
|
publicQuery,
|
|
@@ -7612,6 +7630,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
7612
7630
|
}
|
|
7613
7631
|
highlightChange({ action: "clear" });
|
|
7614
7632
|
docResults.value = __spreadProps2(__spreadValues2({}, docResults.value), { [queryKey]: result });
|
|
7633
|
+
emitSearchResultsCallback();
|
|
7615
7634
|
return { queryKey, result };
|
|
7616
7635
|
} catch (err) {
|
|
7617
7636
|
console.error(err);
|
|
@@ -7648,6 +7667,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
7648
7667
|
totalCount,
|
|
7649
7668
|
highlightedItem,
|
|
7650
7669
|
highlightedDocument,
|
|
7670
|
+
hasAnyResults,
|
|
7651
7671
|
querySuggestions,
|
|
7652
7672
|
queryDocuments,
|
|
7653
7673
|
highlightChange,
|
|
@@ -7656,7 +7676,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
7656
7676
|
resetHighlightIndex
|
|
7657
7677
|
};
|
|
7658
7678
|
});
|
|
7659
|
-
const _hoisted_1$
|
|
7679
|
+
const _hoisted_1$1b = { id: "lupa-search-box-input-container" };
|
|
7660
7680
|
const _hoisted_2$O = { class: "lupa-input-clear" };
|
|
7661
7681
|
const _hoisted_3$A = { id: "lupa-search-box-input" };
|
|
7662
7682
|
const _hoisted_4$r = ["value"];
|
|
@@ -7665,7 +7685,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
7665
7685
|
key: 0,
|
|
7666
7686
|
class: "lupa-close-label"
|
|
7667
7687
|
};
|
|
7668
|
-
const _sfc_main$
|
|
7688
|
+
const _sfc_main$1j = /* @__PURE__ */ defineComponent({
|
|
7669
7689
|
__name: "SearchBoxInput",
|
|
7670
7690
|
props: {
|
|
7671
7691
|
options: {},
|
|
@@ -7742,7 +7762,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
7742
7762
|
};
|
|
7743
7763
|
__expose({ focus });
|
|
7744
7764
|
return (_ctx, _cache) => {
|
|
7745
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
7765
|
+
return openBlock(), createElementBlock("div", _hoisted_1$1b, [
|
|
7746
7766
|
createBaseVNode("div", _hoisted_2$O, [
|
|
7747
7767
|
createBaseVNode("div", {
|
|
7748
7768
|
class: normalizeClass(["lupa-input-clear-content", { "lupa-input-clear-filled": inputValue.value }]),
|
|
@@ -7782,7 +7802,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
7782
7802
|
};
|
|
7783
7803
|
}
|
|
7784
7804
|
});
|
|
7785
|
-
const _sfc_main$
|
|
7805
|
+
const _sfc_main$1i = /* @__PURE__ */ defineComponent({
|
|
7786
7806
|
__name: "SearchBoxMoreResults",
|
|
7787
7807
|
props: {
|
|
7788
7808
|
labels: {},
|
|
@@ -7814,9 +7834,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
7814
7834
|
};
|
|
7815
7835
|
}
|
|
7816
7836
|
});
|
|
7817
|
-
const _hoisted_1$
|
|
7837
|
+
const _hoisted_1$1a = { class: "lupa-search-box-history-item" };
|
|
7818
7838
|
const _hoisted_2$N = { class: "lupa-search-box-history-item-content" };
|
|
7819
|
-
const _sfc_main$
|
|
7839
|
+
const _sfc_main$1h = /* @__PURE__ */ defineComponent({
|
|
7820
7840
|
__name: "SearchBoxHistoryItem",
|
|
7821
7841
|
props: {
|
|
7822
7842
|
item: {},
|
|
@@ -7832,7 +7852,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
7832
7852
|
emit2("click", { query: props.item });
|
|
7833
7853
|
};
|
|
7834
7854
|
return (_ctx, _cache) => {
|
|
7835
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
7855
|
+
return openBlock(), createElementBlock("div", _hoisted_1$1a, [
|
|
7836
7856
|
createBaseVNode("div", _hoisted_2$N, [
|
|
7837
7857
|
createBaseVNode("div", {
|
|
7838
7858
|
class: normalizeClass(["lupa-search-box-history-item-text", { "lupa-search-box-history-item-highlighted": _ctx.highlighted }]),
|
|
@@ -7847,11 +7867,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
7847
7867
|
};
|
|
7848
7868
|
}
|
|
7849
7869
|
});
|
|
7850
|
-
const _hoisted_1$
|
|
7870
|
+
const _hoisted_1$19 = {
|
|
7851
7871
|
key: 0,
|
|
7852
7872
|
class: "lupa-search-box-history-panel"
|
|
7853
7873
|
};
|
|
7854
|
-
const _sfc_main$
|
|
7874
|
+
const _sfc_main$1g = /* @__PURE__ */ defineComponent({
|
|
7855
7875
|
__name: "SearchBoxHistoryPanel",
|
|
7856
7876
|
props: {
|
|
7857
7877
|
options: {}
|
|
@@ -7892,9 +7912,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
7892
7912
|
}
|
|
7893
7913
|
};
|
|
7894
7914
|
return (_ctx, _cache) => {
|
|
7895
|
-
return hasHistory.value ? (openBlock(), createElementBlock("div", _hoisted_1$
|
|
7915
|
+
return hasHistory.value ? (openBlock(), createElementBlock("div", _hoisted_1$19, [
|
|
7896
7916
|
(openBlock(true), createElementBlock(Fragment, null, renderList(unref(history), (item, index) => {
|
|
7897
|
-
return openBlock(), createBlock(_sfc_main$
|
|
7917
|
+
return openBlock(), createBlock(_sfc_main$1h, {
|
|
7898
7918
|
key: item,
|
|
7899
7919
|
item,
|
|
7900
7920
|
highlighted: index === highlightIndex.value,
|
|
@@ -7910,6 +7930,18 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
7910
7930
|
};
|
|
7911
7931
|
}
|
|
7912
7932
|
});
|
|
7933
|
+
const _hoisted_1$18 = { class: "lupa-search-box-no-results" };
|
|
7934
|
+
const _sfc_main$1f = /* @__PURE__ */ defineComponent({
|
|
7935
|
+
__name: "SearchBoxNoResults",
|
|
7936
|
+
props: {
|
|
7937
|
+
labels: {}
|
|
7938
|
+
},
|
|
7939
|
+
setup(__props) {
|
|
7940
|
+
return (_ctx, _cache) => {
|
|
7941
|
+
return openBlock(), createElementBlock("p", _hoisted_1$18, toDisplayString(_ctx.labels.noResults), 1);
|
|
7942
|
+
};
|
|
7943
|
+
}
|
|
7944
|
+
});
|
|
7913
7945
|
const _hoisted_1$17 = ["innerHTML"];
|
|
7914
7946
|
const _hoisted_2$M = {
|
|
7915
7947
|
key: 1,
|
|
@@ -9096,7 +9128,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
9096
9128
|
const panels = computed(() => props.options.panels);
|
|
9097
9129
|
const sdkOptions = computed(() => props.options.options);
|
|
9098
9130
|
const searchBoxStore = useSearchBoxStore();
|
|
9099
|
-
const { suggestionResults } = storeToRefs(searchBoxStore);
|
|
9131
|
+
const { suggestionResults, hasAnyResults } = storeToRefs(searchBoxStore);
|
|
9100
9132
|
const displayResults = computed(
|
|
9101
9133
|
() => {
|
|
9102
9134
|
var _a, _b;
|
|
@@ -9216,13 +9248,18 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
9216
9248
|
], 10, _hoisted_3$v);
|
|
9217
9249
|
}), 128))
|
|
9218
9250
|
]),
|
|
9219
|
-
|
|
9251
|
+
!unref(hasAnyResults) && _ctx.options.showNoResultsPanel ? (openBlock(), createBlock(_sfc_main$1f, {
|
|
9252
|
+
key: 0,
|
|
9253
|
+
labels: labels.value
|
|
9254
|
+
}, null, 8, ["labels"])) : createCommentVNode("", true),
|
|
9255
|
+
unref(hasAnyResults) || !_ctx.options.hideMoreResultsButtonOnNoResults ? (openBlock(), createBlock(_sfc_main$1i, {
|
|
9256
|
+
key: 1,
|
|
9220
9257
|
labels: labels.value,
|
|
9221
9258
|
showTotalCount: (_a = _ctx.options.showTotalCount) != null ? _a : false,
|
|
9222
9259
|
onGoToResults: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("go-to-results"))
|
|
9223
|
-
}, null, 8, ["labels", "showTotalCount"])
|
|
9260
|
+
}, null, 8, ["labels", "showTotalCount"])) : createCommentVNode("", true)
|
|
9224
9261
|
])) : displayHistory.value ? (openBlock(), createElementBlock("div", _hoisted_4$n, [
|
|
9225
|
-
createVNode(_sfc_main$
|
|
9262
|
+
createVNode(_sfc_main$1g, {
|
|
9226
9263
|
options: _ctx.options.history,
|
|
9227
9264
|
history: history.value,
|
|
9228
9265
|
onGoToResults: handleGoToResults,
|
|
@@ -9288,7 +9325,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
9288
9325
|
"links",
|
|
9289
9326
|
"options",
|
|
9290
9327
|
"debounce",
|
|
9291
|
-
"showTotalCount"
|
|
9328
|
+
"showTotalCount",
|
|
9329
|
+
"hideMoreResultsButtonOnNoResults",
|
|
9330
|
+
"showNoResultsPanel"
|
|
9292
9331
|
])
|
|
9293
9332
|
);
|
|
9294
9333
|
const searchTriggers = computed(() => {
|
|
@@ -9484,7 +9523,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
9484
9523
|
var _a2;
|
|
9485
9524
|
return openBlock(), createElementBlock("div", _hoisted_1$W, [
|
|
9486
9525
|
createBaseVNode("div", _hoisted_2$F, [
|
|
9487
|
-
createVNode(_sfc_main$
|
|
9526
|
+
createVNode(_sfc_main$1j, {
|
|
9488
9527
|
options: inputOptions.value,
|
|
9489
9528
|
suggestedValue: suggestedValue.value,
|
|
9490
9529
|
"can-close": (_a2 = _ctx.isSearchContainer) != null ? _a2 : false,
|
|
@@ -21171,7 +21210,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
21171
21210
|
class: "lupa-chat-spinner-main"
|
|
21172
21211
|
};
|
|
21173
21212
|
const _hoisted_5 = { class: "lupasearch-chat-input" };
|
|
21174
|
-
const _sfc_main$
|
|
21213
|
+
const _sfc_main$1k = /* @__PURE__ */ defineComponent({
|
|
21175
21214
|
__name: "ChatContainer",
|
|
21176
21215
|
props: {
|
|
21177
21216
|
options: {}
|
|
@@ -27286,7 +27325,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
27286
27325
|
}
|
|
27287
27326
|
return;
|
|
27288
27327
|
}
|
|
27289
|
-
const instance = createVue(options.displayOptions.containerSelector, _sfc_main$
|
|
27328
|
+
const instance = createVue(options.displayOptions.containerSelector, _sfc_main$1k, {
|
|
27290
27329
|
options
|
|
27291
27330
|
});
|
|
27292
27331
|
if (!instance) {
|
package/dist/lupaSearch.js
CHANGED
|
@@ -7536,6 +7536,10 @@ const useSearchBoxStore = defineStore("searchBox", () => {
|
|
|
7536
7536
|
};
|
|
7537
7537
|
})
|
|
7538
7538
|
);
|
|
7539
|
+
const hasAnyResults = computed(() => {
|
|
7540
|
+
var _a;
|
|
7541
|
+
return (_a = panelItemCounts.value) == null ? void 0 : _a.some((p2) => p2.count > 0);
|
|
7542
|
+
});
|
|
7539
7543
|
const totalCount = computed(
|
|
7540
7544
|
() => {
|
|
7541
7545
|
var _a, _b;
|
|
@@ -7588,6 +7592,7 @@ const useSearchBoxStore = defineStore("searchBox", () => {
|
|
|
7588
7592
|
[queryKey]: flattenSuggestions(result.items, (_a = publicQuery.searchText) != null ? _a : "")
|
|
7589
7593
|
});
|
|
7590
7594
|
inputValue.value = publicQuery.searchText;
|
|
7595
|
+
emitSearchResultsCallback();
|
|
7591
7596
|
return {
|
|
7592
7597
|
suggestions: result.items
|
|
7593
7598
|
};
|
|
@@ -7599,6 +7604,19 @@ const useSearchBoxStore = defineStore("searchBox", () => {
|
|
|
7599
7604
|
return { suggestions: void 0 };
|
|
7600
7605
|
}
|
|
7601
7606
|
});
|
|
7607
|
+
const emitSearchResultsCallback = () => {
|
|
7608
|
+
var _a;
|
|
7609
|
+
if ((_a = options.value.callbacks) == null ? void 0 : _a.onSearchBoxResults) {
|
|
7610
|
+
options.value.callbacks.onSearchBoxResults({
|
|
7611
|
+
hasAnyResults: hasAnyResults.value,
|
|
7612
|
+
docResults: docResults.value,
|
|
7613
|
+
suggestionResults: suggestionResults.value,
|
|
7614
|
+
totalCount: totalCount.value,
|
|
7615
|
+
panelItemCounts: panelItemCounts.value,
|
|
7616
|
+
inputValue: inputValue.value
|
|
7617
|
+
});
|
|
7618
|
+
}
|
|
7619
|
+
};
|
|
7602
7620
|
const queryDocuments = (_0) => __async(void 0, [_0], function* ({
|
|
7603
7621
|
queryKey,
|
|
7604
7622
|
publicQuery,
|
|
@@ -7612,6 +7630,7 @@ const useSearchBoxStore = defineStore("searchBox", () => {
|
|
|
7612
7630
|
}
|
|
7613
7631
|
highlightChange({ action: "clear" });
|
|
7614
7632
|
docResults.value = __spreadProps2(__spreadValues2({}, docResults.value), { [queryKey]: result });
|
|
7633
|
+
emitSearchResultsCallback();
|
|
7615
7634
|
return { queryKey, result };
|
|
7616
7635
|
} catch (err) {
|
|
7617
7636
|
console.error(err);
|
|
@@ -7648,6 +7667,7 @@ const useSearchBoxStore = defineStore("searchBox", () => {
|
|
|
7648
7667
|
totalCount,
|
|
7649
7668
|
highlightedItem,
|
|
7650
7669
|
highlightedDocument,
|
|
7670
|
+
hasAnyResults,
|
|
7651
7671
|
querySuggestions,
|
|
7652
7672
|
queryDocuments,
|
|
7653
7673
|
highlightChange,
|
|
@@ -7656,7 +7676,7 @@ const useSearchBoxStore = defineStore("searchBox", () => {
|
|
|
7656
7676
|
resetHighlightIndex
|
|
7657
7677
|
};
|
|
7658
7678
|
});
|
|
7659
|
-
const _hoisted_1$
|
|
7679
|
+
const _hoisted_1$1b = { id: "lupa-search-box-input-container" };
|
|
7660
7680
|
const _hoisted_2$O = { class: "lupa-input-clear" };
|
|
7661
7681
|
const _hoisted_3$A = { id: "lupa-search-box-input" };
|
|
7662
7682
|
const _hoisted_4$r = ["value"];
|
|
@@ -7665,7 +7685,7 @@ const _hoisted_6$8 = {
|
|
|
7665
7685
|
key: 0,
|
|
7666
7686
|
class: "lupa-close-label"
|
|
7667
7687
|
};
|
|
7668
|
-
const _sfc_main$
|
|
7688
|
+
const _sfc_main$1j = /* @__PURE__ */ defineComponent({
|
|
7669
7689
|
__name: "SearchBoxInput",
|
|
7670
7690
|
props: {
|
|
7671
7691
|
options: {},
|
|
@@ -7742,7 +7762,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
|
|
|
7742
7762
|
};
|
|
7743
7763
|
__expose({ focus });
|
|
7744
7764
|
return (_ctx, _cache) => {
|
|
7745
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
7765
|
+
return openBlock(), createElementBlock("div", _hoisted_1$1b, [
|
|
7746
7766
|
createBaseVNode("div", _hoisted_2$O, [
|
|
7747
7767
|
createBaseVNode("div", {
|
|
7748
7768
|
class: normalizeClass(["lupa-input-clear-content", { "lupa-input-clear-filled": inputValue.value }]),
|
|
@@ -7782,7 +7802,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
|
|
|
7782
7802
|
};
|
|
7783
7803
|
}
|
|
7784
7804
|
});
|
|
7785
|
-
const _sfc_main$
|
|
7805
|
+
const _sfc_main$1i = /* @__PURE__ */ defineComponent({
|
|
7786
7806
|
__name: "SearchBoxMoreResults",
|
|
7787
7807
|
props: {
|
|
7788
7808
|
labels: {},
|
|
@@ -7814,9 +7834,9 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
|
|
|
7814
7834
|
};
|
|
7815
7835
|
}
|
|
7816
7836
|
});
|
|
7817
|
-
const _hoisted_1$
|
|
7837
|
+
const _hoisted_1$1a = { class: "lupa-search-box-history-item" };
|
|
7818
7838
|
const _hoisted_2$N = { class: "lupa-search-box-history-item-content" };
|
|
7819
|
-
const _sfc_main$
|
|
7839
|
+
const _sfc_main$1h = /* @__PURE__ */ defineComponent({
|
|
7820
7840
|
__name: "SearchBoxHistoryItem",
|
|
7821
7841
|
props: {
|
|
7822
7842
|
item: {},
|
|
@@ -7832,7 +7852,7 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
|
|
|
7832
7852
|
emit2("click", { query: props.item });
|
|
7833
7853
|
};
|
|
7834
7854
|
return (_ctx, _cache) => {
|
|
7835
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
7855
|
+
return openBlock(), createElementBlock("div", _hoisted_1$1a, [
|
|
7836
7856
|
createBaseVNode("div", _hoisted_2$N, [
|
|
7837
7857
|
createBaseVNode("div", {
|
|
7838
7858
|
class: normalizeClass(["lupa-search-box-history-item-text", { "lupa-search-box-history-item-highlighted": _ctx.highlighted }]),
|
|
@@ -7847,11 +7867,11 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
|
|
|
7847
7867
|
};
|
|
7848
7868
|
}
|
|
7849
7869
|
});
|
|
7850
|
-
const _hoisted_1$
|
|
7870
|
+
const _hoisted_1$19 = {
|
|
7851
7871
|
key: 0,
|
|
7852
7872
|
class: "lupa-search-box-history-panel"
|
|
7853
7873
|
};
|
|
7854
|
-
const _sfc_main$
|
|
7874
|
+
const _sfc_main$1g = /* @__PURE__ */ defineComponent({
|
|
7855
7875
|
__name: "SearchBoxHistoryPanel",
|
|
7856
7876
|
props: {
|
|
7857
7877
|
options: {}
|
|
@@ -7892,9 +7912,9 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
|
|
|
7892
7912
|
}
|
|
7893
7913
|
};
|
|
7894
7914
|
return (_ctx, _cache) => {
|
|
7895
|
-
return hasHistory.value ? (openBlock(), createElementBlock("div", _hoisted_1$
|
|
7915
|
+
return hasHistory.value ? (openBlock(), createElementBlock("div", _hoisted_1$19, [
|
|
7896
7916
|
(openBlock(true), createElementBlock(Fragment, null, renderList(unref(history), (item, index) => {
|
|
7897
|
-
return openBlock(), createBlock(_sfc_main$
|
|
7917
|
+
return openBlock(), createBlock(_sfc_main$1h, {
|
|
7898
7918
|
key: item,
|
|
7899
7919
|
item,
|
|
7900
7920
|
highlighted: index === highlightIndex.value,
|
|
@@ -7910,6 +7930,18 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
|
|
|
7910
7930
|
};
|
|
7911
7931
|
}
|
|
7912
7932
|
});
|
|
7933
|
+
const _hoisted_1$18 = { class: "lupa-search-box-no-results" };
|
|
7934
|
+
const _sfc_main$1f = /* @__PURE__ */ defineComponent({
|
|
7935
|
+
__name: "SearchBoxNoResults",
|
|
7936
|
+
props: {
|
|
7937
|
+
labels: {}
|
|
7938
|
+
},
|
|
7939
|
+
setup(__props) {
|
|
7940
|
+
return (_ctx, _cache) => {
|
|
7941
|
+
return openBlock(), createElementBlock("p", _hoisted_1$18, toDisplayString(_ctx.labels.noResults), 1);
|
|
7942
|
+
};
|
|
7943
|
+
}
|
|
7944
|
+
});
|
|
7913
7945
|
const _hoisted_1$17 = ["innerHTML"];
|
|
7914
7946
|
const _hoisted_2$M = {
|
|
7915
7947
|
key: 1,
|
|
@@ -9096,7 +9128,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
|
|
|
9096
9128
|
const panels = computed(() => props.options.panels);
|
|
9097
9129
|
const sdkOptions = computed(() => props.options.options);
|
|
9098
9130
|
const searchBoxStore = useSearchBoxStore();
|
|
9099
|
-
const { suggestionResults } = storeToRefs(searchBoxStore);
|
|
9131
|
+
const { suggestionResults, hasAnyResults } = storeToRefs(searchBoxStore);
|
|
9100
9132
|
const displayResults = computed(
|
|
9101
9133
|
() => {
|
|
9102
9134
|
var _a, _b;
|
|
@@ -9216,13 +9248,18 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
|
|
|
9216
9248
|
], 10, _hoisted_3$v);
|
|
9217
9249
|
}), 128))
|
|
9218
9250
|
]),
|
|
9219
|
-
|
|
9251
|
+
!unref(hasAnyResults) && _ctx.options.showNoResultsPanel ? (openBlock(), createBlock(_sfc_main$1f, {
|
|
9252
|
+
key: 0,
|
|
9253
|
+
labels: labels.value
|
|
9254
|
+
}, null, 8, ["labels"])) : createCommentVNode("", true),
|
|
9255
|
+
unref(hasAnyResults) || !_ctx.options.hideMoreResultsButtonOnNoResults ? (openBlock(), createBlock(_sfc_main$1i, {
|
|
9256
|
+
key: 1,
|
|
9220
9257
|
labels: labels.value,
|
|
9221
9258
|
showTotalCount: (_a = _ctx.options.showTotalCount) != null ? _a : false,
|
|
9222
9259
|
onGoToResults: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("go-to-results"))
|
|
9223
|
-
}, null, 8, ["labels", "showTotalCount"])
|
|
9260
|
+
}, null, 8, ["labels", "showTotalCount"])) : createCommentVNode("", true)
|
|
9224
9261
|
])) : displayHistory.value ? (openBlock(), createElementBlock("div", _hoisted_4$n, [
|
|
9225
|
-
createVNode(_sfc_main$
|
|
9262
|
+
createVNode(_sfc_main$1g, {
|
|
9226
9263
|
options: _ctx.options.history,
|
|
9227
9264
|
history: history.value,
|
|
9228
9265
|
onGoToResults: handleGoToResults,
|
|
@@ -9288,7 +9325,9 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
|
|
|
9288
9325
|
"links",
|
|
9289
9326
|
"options",
|
|
9290
9327
|
"debounce",
|
|
9291
|
-
"showTotalCount"
|
|
9328
|
+
"showTotalCount",
|
|
9329
|
+
"hideMoreResultsButtonOnNoResults",
|
|
9330
|
+
"showNoResultsPanel"
|
|
9292
9331
|
])
|
|
9293
9332
|
);
|
|
9294
9333
|
const searchTriggers = computed(() => {
|
|
@@ -9484,7 +9523,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
|
|
|
9484
9523
|
var _a2;
|
|
9485
9524
|
return openBlock(), createElementBlock("div", _hoisted_1$W, [
|
|
9486
9525
|
createBaseVNode("div", _hoisted_2$F, [
|
|
9487
|
-
createVNode(_sfc_main$
|
|
9526
|
+
createVNode(_sfc_main$1j, {
|
|
9488
9527
|
options: inputOptions.value,
|
|
9489
9528
|
suggestedValue: suggestedValue.value,
|
|
9490
9529
|
"can-close": (_a2 = _ctx.isSearchContainer) != null ? _a2 : false,
|
|
@@ -21171,7 +21210,7 @@ const _hoisted_4 = {
|
|
|
21171
21210
|
class: "lupa-chat-spinner-main"
|
|
21172
21211
|
};
|
|
21173
21212
|
const _hoisted_5 = { class: "lupasearch-chat-input" };
|
|
21174
|
-
const _sfc_main$
|
|
21213
|
+
const _sfc_main$1k = /* @__PURE__ */ defineComponent({
|
|
21175
21214
|
__name: "ChatContainer",
|
|
21176
21215
|
props: {
|
|
21177
21216
|
options: {}
|
|
@@ -27286,7 +27325,7 @@ const chat = (options, mountOptions) => {
|
|
|
27286
27325
|
}
|
|
27287
27326
|
return;
|
|
27288
27327
|
}
|
|
27289
|
-
const instance = createVue(options.displayOptions.containerSelector, _sfc_main$
|
|
27328
|
+
const instance = createVue(options.displayOptions.containerSelector, _sfc_main$1k, {
|
|
27290
27329
|
options
|
|
27291
27330
|
});
|
|
27292
27331
|
if (!instance) {
|
package/dist/lupaSearch.mjs
CHANGED
|
@@ -7534,6 +7534,10 @@ const useSearchBoxStore = defineStore("searchBox", () => {
|
|
|
7534
7534
|
};
|
|
7535
7535
|
})
|
|
7536
7536
|
);
|
|
7537
|
+
const hasAnyResults = computed(() => {
|
|
7538
|
+
var _a;
|
|
7539
|
+
return (_a = panelItemCounts.value) == null ? void 0 : _a.some((p2) => p2.count > 0);
|
|
7540
|
+
});
|
|
7537
7541
|
const totalCount = computed(
|
|
7538
7542
|
() => {
|
|
7539
7543
|
var _a, _b;
|
|
@@ -7586,6 +7590,7 @@ const useSearchBoxStore = defineStore("searchBox", () => {
|
|
|
7586
7590
|
[queryKey]: flattenSuggestions(result.items, (_a = publicQuery.searchText) != null ? _a : "")
|
|
7587
7591
|
});
|
|
7588
7592
|
inputValue.value = publicQuery.searchText;
|
|
7593
|
+
emitSearchResultsCallback();
|
|
7589
7594
|
return {
|
|
7590
7595
|
suggestions: result.items
|
|
7591
7596
|
};
|
|
@@ -7597,6 +7602,19 @@ const useSearchBoxStore = defineStore("searchBox", () => {
|
|
|
7597
7602
|
return { suggestions: void 0 };
|
|
7598
7603
|
}
|
|
7599
7604
|
});
|
|
7605
|
+
const emitSearchResultsCallback = () => {
|
|
7606
|
+
var _a;
|
|
7607
|
+
if ((_a = options.value.callbacks) == null ? void 0 : _a.onSearchBoxResults) {
|
|
7608
|
+
options.value.callbacks.onSearchBoxResults({
|
|
7609
|
+
hasAnyResults: hasAnyResults.value,
|
|
7610
|
+
docResults: docResults.value,
|
|
7611
|
+
suggestionResults: suggestionResults.value,
|
|
7612
|
+
totalCount: totalCount.value,
|
|
7613
|
+
panelItemCounts: panelItemCounts.value,
|
|
7614
|
+
inputValue: inputValue.value
|
|
7615
|
+
});
|
|
7616
|
+
}
|
|
7617
|
+
};
|
|
7600
7618
|
const queryDocuments = (_0) => __async(void 0, [_0], function* ({
|
|
7601
7619
|
queryKey,
|
|
7602
7620
|
publicQuery,
|
|
@@ -7610,6 +7628,7 @@ const useSearchBoxStore = defineStore("searchBox", () => {
|
|
|
7610
7628
|
}
|
|
7611
7629
|
highlightChange({ action: "clear" });
|
|
7612
7630
|
docResults.value = __spreadProps2(__spreadValues2({}, docResults.value), { [queryKey]: result });
|
|
7631
|
+
emitSearchResultsCallback();
|
|
7613
7632
|
return { queryKey, result };
|
|
7614
7633
|
} catch (err) {
|
|
7615
7634
|
console.error(err);
|
|
@@ -7646,6 +7665,7 @@ const useSearchBoxStore = defineStore("searchBox", () => {
|
|
|
7646
7665
|
totalCount,
|
|
7647
7666
|
highlightedItem,
|
|
7648
7667
|
highlightedDocument,
|
|
7668
|
+
hasAnyResults,
|
|
7649
7669
|
querySuggestions,
|
|
7650
7670
|
queryDocuments,
|
|
7651
7671
|
highlightChange,
|
|
@@ -7654,7 +7674,7 @@ const useSearchBoxStore = defineStore("searchBox", () => {
|
|
|
7654
7674
|
resetHighlightIndex
|
|
7655
7675
|
};
|
|
7656
7676
|
});
|
|
7657
|
-
const _hoisted_1$
|
|
7677
|
+
const _hoisted_1$1b = { id: "lupa-search-box-input-container" };
|
|
7658
7678
|
const _hoisted_2$O = { class: "lupa-input-clear" };
|
|
7659
7679
|
const _hoisted_3$A = { id: "lupa-search-box-input" };
|
|
7660
7680
|
const _hoisted_4$r = ["value"];
|
|
@@ -7663,7 +7683,7 @@ const _hoisted_6$8 = {
|
|
|
7663
7683
|
key: 0,
|
|
7664
7684
|
class: "lupa-close-label"
|
|
7665
7685
|
};
|
|
7666
|
-
const _sfc_main$
|
|
7686
|
+
const _sfc_main$1j = /* @__PURE__ */ defineComponent({
|
|
7667
7687
|
__name: "SearchBoxInput",
|
|
7668
7688
|
props: {
|
|
7669
7689
|
options: {},
|
|
@@ -7740,7 +7760,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
|
|
|
7740
7760
|
};
|
|
7741
7761
|
__expose({ focus });
|
|
7742
7762
|
return (_ctx, _cache) => {
|
|
7743
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
7763
|
+
return openBlock(), createElementBlock("div", _hoisted_1$1b, [
|
|
7744
7764
|
createBaseVNode("div", _hoisted_2$O, [
|
|
7745
7765
|
createBaseVNode("div", {
|
|
7746
7766
|
class: normalizeClass(["lupa-input-clear-content", { "lupa-input-clear-filled": inputValue.value }]),
|
|
@@ -7780,7 +7800,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
|
|
|
7780
7800
|
};
|
|
7781
7801
|
}
|
|
7782
7802
|
});
|
|
7783
|
-
const _sfc_main$
|
|
7803
|
+
const _sfc_main$1i = /* @__PURE__ */ defineComponent({
|
|
7784
7804
|
__name: "SearchBoxMoreResults",
|
|
7785
7805
|
props: {
|
|
7786
7806
|
labels: {},
|
|
@@ -7812,9 +7832,9 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
|
|
|
7812
7832
|
};
|
|
7813
7833
|
}
|
|
7814
7834
|
});
|
|
7815
|
-
const _hoisted_1$
|
|
7835
|
+
const _hoisted_1$1a = { class: "lupa-search-box-history-item" };
|
|
7816
7836
|
const _hoisted_2$N = { class: "lupa-search-box-history-item-content" };
|
|
7817
|
-
const _sfc_main$
|
|
7837
|
+
const _sfc_main$1h = /* @__PURE__ */ defineComponent({
|
|
7818
7838
|
__name: "SearchBoxHistoryItem",
|
|
7819
7839
|
props: {
|
|
7820
7840
|
item: {},
|
|
@@ -7830,7 +7850,7 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
|
|
|
7830
7850
|
emit2("click", { query: props.item });
|
|
7831
7851
|
};
|
|
7832
7852
|
return (_ctx, _cache) => {
|
|
7833
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
7853
|
+
return openBlock(), createElementBlock("div", _hoisted_1$1a, [
|
|
7834
7854
|
createBaseVNode("div", _hoisted_2$N, [
|
|
7835
7855
|
createBaseVNode("div", {
|
|
7836
7856
|
class: normalizeClass(["lupa-search-box-history-item-text", { "lupa-search-box-history-item-highlighted": _ctx.highlighted }]),
|
|
@@ -7845,11 +7865,11 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
|
|
|
7845
7865
|
};
|
|
7846
7866
|
}
|
|
7847
7867
|
});
|
|
7848
|
-
const _hoisted_1$
|
|
7868
|
+
const _hoisted_1$19 = {
|
|
7849
7869
|
key: 0,
|
|
7850
7870
|
class: "lupa-search-box-history-panel"
|
|
7851
7871
|
};
|
|
7852
|
-
const _sfc_main$
|
|
7872
|
+
const _sfc_main$1g = /* @__PURE__ */ defineComponent({
|
|
7853
7873
|
__name: "SearchBoxHistoryPanel",
|
|
7854
7874
|
props: {
|
|
7855
7875
|
options: {}
|
|
@@ -7890,9 +7910,9 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
|
|
|
7890
7910
|
}
|
|
7891
7911
|
};
|
|
7892
7912
|
return (_ctx, _cache) => {
|
|
7893
|
-
return hasHistory.value ? (openBlock(), createElementBlock("div", _hoisted_1$
|
|
7913
|
+
return hasHistory.value ? (openBlock(), createElementBlock("div", _hoisted_1$19, [
|
|
7894
7914
|
(openBlock(true), createElementBlock(Fragment, null, renderList(unref(history), (item, index) => {
|
|
7895
|
-
return openBlock(), createBlock(_sfc_main$
|
|
7915
|
+
return openBlock(), createBlock(_sfc_main$1h, {
|
|
7896
7916
|
key: item,
|
|
7897
7917
|
item,
|
|
7898
7918
|
highlighted: index === highlightIndex.value,
|
|
@@ -7908,6 +7928,18 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
|
|
|
7908
7928
|
};
|
|
7909
7929
|
}
|
|
7910
7930
|
});
|
|
7931
|
+
const _hoisted_1$18 = { class: "lupa-search-box-no-results" };
|
|
7932
|
+
const _sfc_main$1f = /* @__PURE__ */ defineComponent({
|
|
7933
|
+
__name: "SearchBoxNoResults",
|
|
7934
|
+
props: {
|
|
7935
|
+
labels: {}
|
|
7936
|
+
},
|
|
7937
|
+
setup(__props) {
|
|
7938
|
+
return (_ctx, _cache) => {
|
|
7939
|
+
return openBlock(), createElementBlock("p", _hoisted_1$18, toDisplayString(_ctx.labels.noResults), 1);
|
|
7940
|
+
};
|
|
7941
|
+
}
|
|
7942
|
+
});
|
|
7911
7943
|
const _hoisted_1$17 = ["innerHTML"];
|
|
7912
7944
|
const _hoisted_2$M = {
|
|
7913
7945
|
key: 1,
|
|
@@ -9094,7 +9126,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
|
|
|
9094
9126
|
const panels = computed(() => props.options.panels);
|
|
9095
9127
|
const sdkOptions = computed(() => props.options.options);
|
|
9096
9128
|
const searchBoxStore = useSearchBoxStore();
|
|
9097
|
-
const { suggestionResults } = storeToRefs(searchBoxStore);
|
|
9129
|
+
const { suggestionResults, hasAnyResults } = storeToRefs(searchBoxStore);
|
|
9098
9130
|
const displayResults = computed(
|
|
9099
9131
|
() => {
|
|
9100
9132
|
var _a, _b;
|
|
@@ -9214,13 +9246,18 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
|
|
|
9214
9246
|
], 10, _hoisted_3$v);
|
|
9215
9247
|
}), 128))
|
|
9216
9248
|
]),
|
|
9217
|
-
|
|
9249
|
+
!unref(hasAnyResults) && _ctx.options.showNoResultsPanel ? (openBlock(), createBlock(_sfc_main$1f, {
|
|
9250
|
+
key: 0,
|
|
9251
|
+
labels: labels.value
|
|
9252
|
+
}, null, 8, ["labels"])) : createCommentVNode("", true),
|
|
9253
|
+
unref(hasAnyResults) || !_ctx.options.hideMoreResultsButtonOnNoResults ? (openBlock(), createBlock(_sfc_main$1i, {
|
|
9254
|
+
key: 1,
|
|
9218
9255
|
labels: labels.value,
|
|
9219
9256
|
showTotalCount: (_a = _ctx.options.showTotalCount) != null ? _a : false,
|
|
9220
9257
|
onGoToResults: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("go-to-results"))
|
|
9221
|
-
}, null, 8, ["labels", "showTotalCount"])
|
|
9258
|
+
}, null, 8, ["labels", "showTotalCount"])) : createCommentVNode("", true)
|
|
9222
9259
|
])) : displayHistory.value ? (openBlock(), createElementBlock("div", _hoisted_4$n, [
|
|
9223
|
-
createVNode(_sfc_main$
|
|
9260
|
+
createVNode(_sfc_main$1g, {
|
|
9224
9261
|
options: _ctx.options.history,
|
|
9225
9262
|
history: history.value,
|
|
9226
9263
|
onGoToResults: handleGoToResults,
|
|
@@ -9286,7 +9323,9 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
|
|
|
9286
9323
|
"links",
|
|
9287
9324
|
"options",
|
|
9288
9325
|
"debounce",
|
|
9289
|
-
"showTotalCount"
|
|
9326
|
+
"showTotalCount",
|
|
9327
|
+
"hideMoreResultsButtonOnNoResults",
|
|
9328
|
+
"showNoResultsPanel"
|
|
9290
9329
|
])
|
|
9291
9330
|
);
|
|
9292
9331
|
const searchTriggers = computed(() => {
|
|
@@ -9482,7 +9521,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
|
|
|
9482
9521
|
var _a2;
|
|
9483
9522
|
return openBlock(), createElementBlock("div", _hoisted_1$W, [
|
|
9484
9523
|
createBaseVNode("div", _hoisted_2$F, [
|
|
9485
|
-
createVNode(_sfc_main$
|
|
9524
|
+
createVNode(_sfc_main$1j, {
|
|
9486
9525
|
options: inputOptions.value,
|
|
9487
9526
|
suggestedValue: suggestedValue.value,
|
|
9488
9527
|
"can-close": (_a2 = _ctx.isSearchContainer) != null ? _a2 : false,
|
|
@@ -21169,7 +21208,7 @@ const _hoisted_4 = {
|
|
|
21169
21208
|
class: "lupa-chat-spinner-main"
|
|
21170
21209
|
};
|
|
21171
21210
|
const _hoisted_5 = { class: "lupasearch-chat-input" };
|
|
21172
|
-
const _sfc_main$
|
|
21211
|
+
const _sfc_main$1k = /* @__PURE__ */ defineComponent({
|
|
21173
21212
|
__name: "ChatContainer",
|
|
21174
21213
|
props: {
|
|
21175
21214
|
options: {}
|
|
@@ -27284,7 +27323,7 @@ const chat = (options, mountOptions) => {
|
|
|
27284
27323
|
}
|
|
27285
27324
|
return;
|
|
27286
27325
|
}
|
|
27287
|
-
const instance = createVue(options.displayOptions.containerSelector, _sfc_main$
|
|
27326
|
+
const instance = createVue(options.displayOptions.containerSelector, _sfc_main$1k, {
|
|
27288
27327
|
options
|
|
27289
27328
|
});
|
|
27290
27329
|
if (!instance) {
|
package/dist/lupaSearch.umd.js
CHANGED
|
@@ -7538,6 +7538,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
7538
7538
|
};
|
|
7539
7539
|
})
|
|
7540
7540
|
);
|
|
7541
|
+
const hasAnyResults = computed(() => {
|
|
7542
|
+
var _a;
|
|
7543
|
+
return (_a = panelItemCounts.value) == null ? void 0 : _a.some((p2) => p2.count > 0);
|
|
7544
|
+
});
|
|
7541
7545
|
const totalCount = computed(
|
|
7542
7546
|
() => {
|
|
7543
7547
|
var _a, _b;
|
|
@@ -7590,6 +7594,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
7590
7594
|
[queryKey]: flattenSuggestions(result.items, (_a = publicQuery.searchText) != null ? _a : "")
|
|
7591
7595
|
});
|
|
7592
7596
|
inputValue.value = publicQuery.searchText;
|
|
7597
|
+
emitSearchResultsCallback();
|
|
7593
7598
|
return {
|
|
7594
7599
|
suggestions: result.items
|
|
7595
7600
|
};
|
|
@@ -7601,6 +7606,19 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
7601
7606
|
return { suggestions: void 0 };
|
|
7602
7607
|
}
|
|
7603
7608
|
});
|
|
7609
|
+
const emitSearchResultsCallback = () => {
|
|
7610
|
+
var _a;
|
|
7611
|
+
if ((_a = options.value.callbacks) == null ? void 0 : _a.onSearchBoxResults) {
|
|
7612
|
+
options.value.callbacks.onSearchBoxResults({
|
|
7613
|
+
hasAnyResults: hasAnyResults.value,
|
|
7614
|
+
docResults: docResults.value,
|
|
7615
|
+
suggestionResults: suggestionResults.value,
|
|
7616
|
+
totalCount: totalCount.value,
|
|
7617
|
+
panelItemCounts: panelItemCounts.value,
|
|
7618
|
+
inputValue: inputValue.value
|
|
7619
|
+
});
|
|
7620
|
+
}
|
|
7621
|
+
};
|
|
7604
7622
|
const queryDocuments = (_0) => __async(void 0, [_0], function* ({
|
|
7605
7623
|
queryKey,
|
|
7606
7624
|
publicQuery,
|
|
@@ -7614,6 +7632,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
7614
7632
|
}
|
|
7615
7633
|
highlightChange({ action: "clear" });
|
|
7616
7634
|
docResults.value = __spreadProps2(__spreadValues2({}, docResults.value), { [queryKey]: result });
|
|
7635
|
+
emitSearchResultsCallback();
|
|
7617
7636
|
return { queryKey, result };
|
|
7618
7637
|
} catch (err) {
|
|
7619
7638
|
console.error(err);
|
|
@@ -7650,6 +7669,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
7650
7669
|
totalCount,
|
|
7651
7670
|
highlightedItem,
|
|
7652
7671
|
highlightedDocument,
|
|
7672
|
+
hasAnyResults,
|
|
7653
7673
|
querySuggestions,
|
|
7654
7674
|
queryDocuments,
|
|
7655
7675
|
highlightChange,
|
|
@@ -7658,7 +7678,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
7658
7678
|
resetHighlightIndex
|
|
7659
7679
|
};
|
|
7660
7680
|
});
|
|
7661
|
-
const _hoisted_1$
|
|
7681
|
+
const _hoisted_1$1b = { id: "lupa-search-box-input-container" };
|
|
7662
7682
|
const _hoisted_2$O = { class: "lupa-input-clear" };
|
|
7663
7683
|
const _hoisted_3$A = { id: "lupa-search-box-input" };
|
|
7664
7684
|
const _hoisted_4$r = ["value"];
|
|
@@ -7667,7 +7687,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
7667
7687
|
key: 0,
|
|
7668
7688
|
class: "lupa-close-label"
|
|
7669
7689
|
};
|
|
7670
|
-
const _sfc_main$
|
|
7690
|
+
const _sfc_main$1j = /* @__PURE__ */ defineComponent({
|
|
7671
7691
|
__name: "SearchBoxInput",
|
|
7672
7692
|
props: {
|
|
7673
7693
|
options: {},
|
|
@@ -7744,7 +7764,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
7744
7764
|
};
|
|
7745
7765
|
__expose({ focus });
|
|
7746
7766
|
return (_ctx, _cache) => {
|
|
7747
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
7767
|
+
return openBlock(), createElementBlock("div", _hoisted_1$1b, [
|
|
7748
7768
|
createBaseVNode("div", _hoisted_2$O, [
|
|
7749
7769
|
createBaseVNode("div", {
|
|
7750
7770
|
class: normalizeClass(["lupa-input-clear-content", { "lupa-input-clear-filled": inputValue.value }]),
|
|
@@ -7784,7 +7804,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
7784
7804
|
};
|
|
7785
7805
|
}
|
|
7786
7806
|
});
|
|
7787
|
-
const _sfc_main$
|
|
7807
|
+
const _sfc_main$1i = /* @__PURE__ */ defineComponent({
|
|
7788
7808
|
__name: "SearchBoxMoreResults",
|
|
7789
7809
|
props: {
|
|
7790
7810
|
labels: {},
|
|
@@ -7816,9 +7836,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
7816
7836
|
};
|
|
7817
7837
|
}
|
|
7818
7838
|
});
|
|
7819
|
-
const _hoisted_1$
|
|
7839
|
+
const _hoisted_1$1a = { class: "lupa-search-box-history-item" };
|
|
7820
7840
|
const _hoisted_2$N = { class: "lupa-search-box-history-item-content" };
|
|
7821
|
-
const _sfc_main$
|
|
7841
|
+
const _sfc_main$1h = /* @__PURE__ */ defineComponent({
|
|
7822
7842
|
__name: "SearchBoxHistoryItem",
|
|
7823
7843
|
props: {
|
|
7824
7844
|
item: {},
|
|
@@ -7834,7 +7854,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
7834
7854
|
emit2("click", { query: props.item });
|
|
7835
7855
|
};
|
|
7836
7856
|
return (_ctx, _cache) => {
|
|
7837
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
7857
|
+
return openBlock(), createElementBlock("div", _hoisted_1$1a, [
|
|
7838
7858
|
createBaseVNode("div", _hoisted_2$N, [
|
|
7839
7859
|
createBaseVNode("div", {
|
|
7840
7860
|
class: normalizeClass(["lupa-search-box-history-item-text", { "lupa-search-box-history-item-highlighted": _ctx.highlighted }]),
|
|
@@ -7849,11 +7869,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
7849
7869
|
};
|
|
7850
7870
|
}
|
|
7851
7871
|
});
|
|
7852
|
-
const _hoisted_1$
|
|
7872
|
+
const _hoisted_1$19 = {
|
|
7853
7873
|
key: 0,
|
|
7854
7874
|
class: "lupa-search-box-history-panel"
|
|
7855
7875
|
};
|
|
7856
|
-
const _sfc_main$
|
|
7876
|
+
const _sfc_main$1g = /* @__PURE__ */ defineComponent({
|
|
7857
7877
|
__name: "SearchBoxHistoryPanel",
|
|
7858
7878
|
props: {
|
|
7859
7879
|
options: {}
|
|
@@ -7894,9 +7914,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
7894
7914
|
}
|
|
7895
7915
|
};
|
|
7896
7916
|
return (_ctx, _cache) => {
|
|
7897
|
-
return hasHistory.value ? (openBlock(), createElementBlock("div", _hoisted_1$
|
|
7917
|
+
return hasHistory.value ? (openBlock(), createElementBlock("div", _hoisted_1$19, [
|
|
7898
7918
|
(openBlock(true), createElementBlock(Fragment, null, renderList(unref(history), (item, index) => {
|
|
7899
|
-
return openBlock(), createBlock(_sfc_main$
|
|
7919
|
+
return openBlock(), createBlock(_sfc_main$1h, {
|
|
7900
7920
|
key: item,
|
|
7901
7921
|
item,
|
|
7902
7922
|
highlighted: index === highlightIndex.value,
|
|
@@ -7912,6 +7932,18 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
7912
7932
|
};
|
|
7913
7933
|
}
|
|
7914
7934
|
});
|
|
7935
|
+
const _hoisted_1$18 = { class: "lupa-search-box-no-results" };
|
|
7936
|
+
const _sfc_main$1f = /* @__PURE__ */ defineComponent({
|
|
7937
|
+
__name: "SearchBoxNoResults",
|
|
7938
|
+
props: {
|
|
7939
|
+
labels: {}
|
|
7940
|
+
},
|
|
7941
|
+
setup(__props) {
|
|
7942
|
+
return (_ctx, _cache) => {
|
|
7943
|
+
return openBlock(), createElementBlock("p", _hoisted_1$18, toDisplayString(_ctx.labels.noResults), 1);
|
|
7944
|
+
};
|
|
7945
|
+
}
|
|
7946
|
+
});
|
|
7915
7947
|
const _hoisted_1$17 = ["innerHTML"];
|
|
7916
7948
|
const _hoisted_2$M = {
|
|
7917
7949
|
key: 1,
|
|
@@ -9098,7 +9130,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
9098
9130
|
const panels = computed(() => props.options.panels);
|
|
9099
9131
|
const sdkOptions = computed(() => props.options.options);
|
|
9100
9132
|
const searchBoxStore = useSearchBoxStore();
|
|
9101
|
-
const { suggestionResults } = storeToRefs(searchBoxStore);
|
|
9133
|
+
const { suggestionResults, hasAnyResults } = storeToRefs(searchBoxStore);
|
|
9102
9134
|
const displayResults = computed(
|
|
9103
9135
|
() => {
|
|
9104
9136
|
var _a, _b;
|
|
@@ -9218,13 +9250,18 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
9218
9250
|
], 10, _hoisted_3$v);
|
|
9219
9251
|
}), 128))
|
|
9220
9252
|
]),
|
|
9221
|
-
|
|
9253
|
+
!unref(hasAnyResults) && _ctx.options.showNoResultsPanel ? (openBlock(), createBlock(_sfc_main$1f, {
|
|
9254
|
+
key: 0,
|
|
9255
|
+
labels: labels.value
|
|
9256
|
+
}, null, 8, ["labels"])) : createCommentVNode("", true),
|
|
9257
|
+
unref(hasAnyResults) || !_ctx.options.hideMoreResultsButtonOnNoResults ? (openBlock(), createBlock(_sfc_main$1i, {
|
|
9258
|
+
key: 1,
|
|
9222
9259
|
labels: labels.value,
|
|
9223
9260
|
showTotalCount: (_a = _ctx.options.showTotalCount) != null ? _a : false,
|
|
9224
9261
|
onGoToResults: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("go-to-results"))
|
|
9225
|
-
}, null, 8, ["labels", "showTotalCount"])
|
|
9262
|
+
}, null, 8, ["labels", "showTotalCount"])) : createCommentVNode("", true)
|
|
9226
9263
|
])) : displayHistory.value ? (openBlock(), createElementBlock("div", _hoisted_4$n, [
|
|
9227
|
-
createVNode(_sfc_main$
|
|
9264
|
+
createVNode(_sfc_main$1g, {
|
|
9228
9265
|
options: _ctx.options.history,
|
|
9229
9266
|
history: history.value,
|
|
9230
9267
|
onGoToResults: handleGoToResults,
|
|
@@ -9290,7 +9327,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
9290
9327
|
"links",
|
|
9291
9328
|
"options",
|
|
9292
9329
|
"debounce",
|
|
9293
|
-
"showTotalCount"
|
|
9330
|
+
"showTotalCount",
|
|
9331
|
+
"hideMoreResultsButtonOnNoResults",
|
|
9332
|
+
"showNoResultsPanel"
|
|
9294
9333
|
])
|
|
9295
9334
|
);
|
|
9296
9335
|
const searchTriggers = computed(() => {
|
|
@@ -9486,7 +9525,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
9486
9525
|
var _a2;
|
|
9487
9526
|
return openBlock(), createElementBlock("div", _hoisted_1$W, [
|
|
9488
9527
|
createBaseVNode("div", _hoisted_2$F, [
|
|
9489
|
-
createVNode(_sfc_main$
|
|
9528
|
+
createVNode(_sfc_main$1j, {
|
|
9490
9529
|
options: inputOptions.value,
|
|
9491
9530
|
suggestedValue: suggestedValue.value,
|
|
9492
9531
|
"can-close": (_a2 = _ctx.isSearchContainer) != null ? _a2 : false,
|
|
@@ -21173,7 +21212,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
21173
21212
|
class: "lupa-chat-spinner-main"
|
|
21174
21213
|
};
|
|
21175
21214
|
const _hoisted_5 = { class: "lupasearch-chat-input" };
|
|
21176
|
-
const _sfc_main$
|
|
21215
|
+
const _sfc_main$1k = /* @__PURE__ */ defineComponent({
|
|
21177
21216
|
__name: "ChatContainer",
|
|
21178
21217
|
props: {
|
|
21179
21218
|
options: {}
|
|
@@ -27288,7 +27327,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
|
27288
27327
|
}
|
|
27289
27328
|
return;
|
|
27290
27329
|
}
|
|
27291
|
-
const instance = createVue(options.displayOptions.containerSelector, _sfc_main$
|
|
27330
|
+
const instance = createVue(options.displayOptions.containerSelector, _sfc_main$1k, {
|
|
27292
27331
|
options
|
|
27293
27332
|
});
|
|
27294
27333
|
if (!instance) {
|
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-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{margin-top:20px}.lupa-similar-queries-label{font-size:20px;font-family:"Roboto",sans-serif;font-weight:700;line-height:1.1;margin-top:0;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-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{margin-top:20px}.lupa-similar-queries-label{font-size:20px;font-family:"Roboto",sans-serif;font-weight:700;line-height:1.1;margin-top:0;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.4.
|
|
3
|
+
"version": "1.4.1",
|
|
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.
|
|
23
|
+
"@getlupa/vue": "0.5.0",
|
|
24
24
|
"@rushstack/eslint-patch": "^1.3.2",
|
|
25
25
|
"@tsconfig/node18": "^2.0.1",
|
|
26
26
|
"@types/jsdom": "^21.1.1",
|