@getlupa/vue 0.1.9 → 0.2.0
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.js
CHANGED
|
@@ -1718,7 +1718,21 @@ const escapeHtml = (value) => {
|
|
|
1718
1718
|
if (!value) {
|
|
1719
1719
|
return "";
|
|
1720
1720
|
}
|
|
1721
|
-
|
|
1721
|
+
let output = "";
|
|
1722
|
+
let isSkip = false;
|
|
1723
|
+
value.split(/(<del>.*?<\/del>)/g).forEach((segment) => {
|
|
1724
|
+
if (segment.startsWith("<del>") && segment.endsWith("</del>")) {
|
|
1725
|
+
output += segment;
|
|
1726
|
+
isSkip = true;
|
|
1727
|
+
}
|
|
1728
|
+
if (!isSkip) {
|
|
1729
|
+
output += segment.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/"/g, """).replace(/'/g, "'");
|
|
1730
|
+
}
|
|
1731
|
+
if (isSkip) {
|
|
1732
|
+
isSkip = false;
|
|
1733
|
+
}
|
|
1734
|
+
});
|
|
1735
|
+
return output;
|
|
1722
1736
|
};
|
|
1723
1737
|
const initAnalyticsTracking = (analyticsOptions) => {
|
|
1724
1738
|
try {
|
|
@@ -2998,8 +3012,8 @@ const useSearchBoxStore = defineStore("searchBox", () => {
|
|
|
2998
3012
|
resetHighlightIndex
|
|
2999
3013
|
};
|
|
3000
3014
|
});
|
|
3001
|
-
const _hoisted_1$
|
|
3002
|
-
const _hoisted_2$
|
|
3015
|
+
const _hoisted_1$12 = { id: "lupa-search-box-input-container" };
|
|
3016
|
+
const _hoisted_2$I = { class: "lupa-input-clear" };
|
|
3003
3017
|
const _hoisted_3$v = { id: "lupa-search-box-input" };
|
|
3004
3018
|
const _hoisted_4$o = ["value"];
|
|
3005
3019
|
const _hoisted_5$c = ["placeholder"];
|
|
@@ -3007,7 +3021,7 @@ const _hoisted_6$6 = {
|
|
|
3007
3021
|
key: 0,
|
|
3008
3022
|
class: "lupa-close-label"
|
|
3009
3023
|
};
|
|
3010
|
-
const _sfc_main$
|
|
3024
|
+
const _sfc_main$1a = /* @__PURE__ */ vue.defineComponent({
|
|
3011
3025
|
__name: "SearchBoxInput",
|
|
3012
3026
|
props: {
|
|
3013
3027
|
options: {},
|
|
@@ -3084,8 +3098,8 @@ const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
|
|
|
3084
3098
|
};
|
|
3085
3099
|
__expose({ focus });
|
|
3086
3100
|
return (_ctx, _cache) => {
|
|
3087
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
3088
|
-
vue.createElementVNode("div", _hoisted_2$
|
|
3101
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$12, [
|
|
3102
|
+
vue.createElementVNode("div", _hoisted_2$I, [
|
|
3089
3103
|
vue.createElementVNode("div", {
|
|
3090
3104
|
class: vue.normalizeClass(["lupa-input-clear-content", { "lupa-input-clear-filled": inputValue.value }]),
|
|
3091
3105
|
onClick: clear
|
|
@@ -3124,7 +3138,7 @@ const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
|
|
|
3124
3138
|
};
|
|
3125
3139
|
}
|
|
3126
3140
|
});
|
|
3127
|
-
const _sfc_main$
|
|
3141
|
+
const _sfc_main$19 = /* @__PURE__ */ vue.defineComponent({
|
|
3128
3142
|
__name: "SearchBoxMoreResults",
|
|
3129
3143
|
props: {
|
|
3130
3144
|
labels: {},
|
|
@@ -3156,9 +3170,9 @@ const _sfc_main$1a = /* @__PURE__ */ vue.defineComponent({
|
|
|
3156
3170
|
};
|
|
3157
3171
|
}
|
|
3158
3172
|
});
|
|
3159
|
-
const _hoisted_1$
|
|
3160
|
-
const _hoisted_2$
|
|
3161
|
-
const _sfc_main$
|
|
3173
|
+
const _hoisted_1$11 = { class: "lupa-search-box-history-item" };
|
|
3174
|
+
const _hoisted_2$H = { class: "lupa-search-box-history-item-content" };
|
|
3175
|
+
const _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
|
|
3162
3176
|
__name: "SearchBoxHistoryItem",
|
|
3163
3177
|
props: {
|
|
3164
3178
|
item: {},
|
|
@@ -3174,8 +3188,8 @@ const _sfc_main$19 = /* @__PURE__ */ vue.defineComponent({
|
|
|
3174
3188
|
emit("click", { query: props.item });
|
|
3175
3189
|
};
|
|
3176
3190
|
return (_ctx, _cache) => {
|
|
3177
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
3178
|
-
vue.createElementVNode("div", _hoisted_2$
|
|
3191
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$11, [
|
|
3192
|
+
vue.createElementVNode("div", _hoisted_2$H, [
|
|
3179
3193
|
vue.createElementVNode("div", {
|
|
3180
3194
|
class: vue.normalizeClass(["lupa-search-box-history-item-text", { "lupa-search-box-history-item-highlighted": _ctx.highlighted }]),
|
|
3181
3195
|
onClick: click2
|
|
@@ -3189,11 +3203,11 @@ const _sfc_main$19 = /* @__PURE__ */ vue.defineComponent({
|
|
|
3189
3203
|
};
|
|
3190
3204
|
}
|
|
3191
3205
|
});
|
|
3192
|
-
const _hoisted_1$
|
|
3206
|
+
const _hoisted_1$10 = {
|
|
3193
3207
|
key: 0,
|
|
3194
3208
|
class: "lupa-search-box-history-panel"
|
|
3195
3209
|
};
|
|
3196
|
-
const _sfc_main$
|
|
3210
|
+
const _sfc_main$17 = /* @__PURE__ */ vue.defineComponent({
|
|
3197
3211
|
__name: "SearchBoxHistoryPanel",
|
|
3198
3212
|
props: {
|
|
3199
3213
|
options: {}
|
|
@@ -3234,9 +3248,9 @@ const _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
|
|
|
3234
3248
|
}
|
|
3235
3249
|
};
|
|
3236
3250
|
return (_ctx, _cache) => {
|
|
3237
|
-
return hasHistory.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
3251
|
+
return hasHistory.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$10, [
|
|
3238
3252
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(history), (item, index) => {
|
|
3239
|
-
return vue.openBlock(), vue.createBlock(_sfc_main$
|
|
3253
|
+
return vue.openBlock(), vue.createBlock(_sfc_main$18, {
|
|
3240
3254
|
key: item,
|
|
3241
3255
|
item,
|
|
3242
3256
|
highlighted: index === highlightIndex.value,
|
|
@@ -3252,8 +3266,8 @@ const _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
|
|
|
3252
3266
|
};
|
|
3253
3267
|
}
|
|
3254
3268
|
});
|
|
3255
|
-
const _hoisted_1
|
|
3256
|
-
const _hoisted_2$
|
|
3269
|
+
const _hoisted_1$$ = ["innerHTML"];
|
|
3270
|
+
const _hoisted_2$G = {
|
|
3257
3271
|
key: 1,
|
|
3258
3272
|
"data-cy": "lupa-suggestion-value",
|
|
3259
3273
|
class: "lupa-suggestion-value"
|
|
@@ -3271,7 +3285,7 @@ const _hoisted_5$b = {
|
|
|
3271
3285
|
class: "lupa-suggestion-facet-value",
|
|
3272
3286
|
"data-cy": "lupa-suggestion-facet-value"
|
|
3273
3287
|
};
|
|
3274
|
-
const _sfc_main$
|
|
3288
|
+
const _sfc_main$16 = /* @__PURE__ */ vue.defineComponent({
|
|
3275
3289
|
__name: "SearchBoxSuggestion",
|
|
3276
3290
|
props: {
|
|
3277
3291
|
suggestion: {},
|
|
@@ -3307,7 +3321,7 @@ const _sfc_main$17 = /* @__PURE__ */ vue.defineComponent({
|
|
|
3307
3321
|
class: "lupa-suggestion-value",
|
|
3308
3322
|
"data-cy": "lupa-suggestion-value",
|
|
3309
3323
|
innerHTML: _ctx.suggestion.displayHighlight
|
|
3310
|
-
}, null, 8, _hoisted_1
|
|
3324
|
+
}, null, 8, _hoisted_1$$)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$G, vue.toDisplayString(_ctx.suggestion.display), 1)),
|
|
3311
3325
|
_ctx.suggestion.facet ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$u, [
|
|
3312
3326
|
vue.createElementVNode("span", _hoisted_4$n, vue.toDisplayString(facetLabel.value), 1),
|
|
3313
3327
|
vue.createElementVNode("span", _hoisted_5$b, vue.toDisplayString(_ctx.suggestion.facet.title), 1)
|
|
@@ -3316,11 +3330,11 @@ const _sfc_main$17 = /* @__PURE__ */ vue.defineComponent({
|
|
|
3316
3330
|
};
|
|
3317
3331
|
}
|
|
3318
3332
|
});
|
|
3319
|
-
const _hoisted_1
|
|
3333
|
+
const _hoisted_1$_ = {
|
|
3320
3334
|
id: "lupa-search-box-suggestions",
|
|
3321
3335
|
"data-cy": "lupa-search-box-suggestions"
|
|
3322
3336
|
};
|
|
3323
|
-
const _sfc_main$
|
|
3337
|
+
const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
|
|
3324
3338
|
__name: "SearchBoxSuggestions",
|
|
3325
3339
|
props: {
|
|
3326
3340
|
items: {},
|
|
@@ -3380,9 +3394,9 @@ const _sfc_main$16 = /* @__PURE__ */ vue.defineComponent({
|
|
|
3380
3394
|
});
|
|
3381
3395
|
});
|
|
3382
3396
|
return (_ctx, _cache) => {
|
|
3383
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1
|
|
3397
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$_, [
|
|
3384
3398
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items.value, (item, index) => {
|
|
3385
|
-
return vue.openBlock(), vue.createBlock(_sfc_main$
|
|
3399
|
+
return vue.openBlock(), vue.createBlock(_sfc_main$16, {
|
|
3386
3400
|
key: getSuggestionKey(item),
|
|
3387
3401
|
class: vue.normalizeClass(["lupa-suggestion", index === highlightedIndex.value ? "lupa-suggestion-highlighted" : ""]),
|
|
3388
3402
|
suggestion: item,
|
|
@@ -3410,7 +3424,7 @@ const debounce$1 = (func, timeout) => {
|
|
|
3410
3424
|
}, timeout);
|
|
3411
3425
|
};
|
|
3412
3426
|
};
|
|
3413
|
-
const _sfc_main$
|
|
3427
|
+
const _sfc_main$14 = /* @__PURE__ */ vue.defineComponent({
|
|
3414
3428
|
__name: "SearchBoxSuggestionsWrapper",
|
|
3415
3429
|
props: {
|
|
3416
3430
|
panel: {},
|
|
@@ -3451,7 +3465,7 @@ const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
|
|
|
3451
3465
|
};
|
|
3452
3466
|
const getSuggestionsDebounced = debounce$1(getSuggestions, props.debounce);
|
|
3453
3467
|
return (_ctx, _cache) => {
|
|
3454
|
-
return vue.openBlock(), vue.createBlock(_sfc_main$
|
|
3468
|
+
return vue.openBlock(), vue.createBlock(_sfc_main$15, {
|
|
3455
3469
|
items: searchResult.value,
|
|
3456
3470
|
highlight: _ctx.panel.highlight,
|
|
3457
3471
|
queryKey: _ctx.panel.queryKey,
|
|
@@ -3529,8 +3543,8 @@ const useDynamicDataStore = defineStore("dynamicData", () => {
|
|
|
3529
3543
|
});
|
|
3530
3544
|
return { dynamicDataIdMap, loading, enhanceSearchResultsWithDynamicData };
|
|
3531
3545
|
});
|
|
3532
|
-
const _hoisted_1$
|
|
3533
|
-
const _sfc_main$
|
|
3546
|
+
const _hoisted_1$Z = ["src"];
|
|
3547
|
+
const _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
|
|
3534
3548
|
__name: "ProductImage",
|
|
3535
3549
|
props: {
|
|
3536
3550
|
item: {},
|
|
@@ -3578,12 +3592,12 @@ const _sfc_main$14 = /* @__PURE__ */ vue.defineComponent({
|
|
|
3578
3592
|
class: vue.normalizeClass((_b = _ctx.imageClass) != null ? _b : ""),
|
|
3579
3593
|
src: finalUrl.value,
|
|
3580
3594
|
onError: replaceWithPlaceholder
|
|
3581
|
-
}, null, 42, _hoisted_1$
|
|
3595
|
+
}, null, 42, _hoisted_1$Z)
|
|
3582
3596
|
], 2);
|
|
3583
3597
|
};
|
|
3584
3598
|
}
|
|
3585
3599
|
});
|
|
3586
|
-
const _sfc_main$
|
|
3600
|
+
const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
|
|
3587
3601
|
__name: "SearchBoxProductImage",
|
|
3588
3602
|
props: {
|
|
3589
3603
|
item: {},
|
|
@@ -3591,7 +3605,7 @@ const _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
|
|
|
3591
3605
|
},
|
|
3592
3606
|
setup(__props) {
|
|
3593
3607
|
return (_ctx, _cache) => {
|
|
3594
|
-
return vue.openBlock(), vue.createBlock(_sfc_main$
|
|
3608
|
+
return vue.openBlock(), vue.createBlock(_sfc_main$13, {
|
|
3595
3609
|
item: _ctx.item,
|
|
3596
3610
|
options: _ctx.options,
|
|
3597
3611
|
"wrapper-class": "lupa-search-box-image-wrapper",
|
|
@@ -3600,12 +3614,12 @@ const _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
|
|
|
3600
3614
|
};
|
|
3601
3615
|
}
|
|
3602
3616
|
});
|
|
3603
|
-
const _hoisted_1$
|
|
3604
|
-
const _hoisted_2$
|
|
3617
|
+
const _hoisted_1$Y = ["innerHTML"];
|
|
3618
|
+
const _hoisted_2$F = {
|
|
3605
3619
|
key: 1,
|
|
3606
3620
|
class: "lupa-search-box-product-title"
|
|
3607
3621
|
};
|
|
3608
|
-
const _sfc_main$
|
|
3622
|
+
const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
|
|
3609
3623
|
__name: "SearchBoxProductTitle",
|
|
3610
3624
|
props: {
|
|
3611
3625
|
item: {},
|
|
@@ -3625,18 +3639,18 @@ const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
|
|
|
3625
3639
|
key: 0,
|
|
3626
3640
|
class: "lupa-search-box-product-title",
|
|
3627
3641
|
innerHTML: title.value
|
|
3628
|
-
}, null, 8, _hoisted_1$
|
|
3642
|
+
}, null, 8, _hoisted_1$Y)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$F, [
|
|
3629
3643
|
vue.createElementVNode("strong", null, vue.toDisplayString(title.value), 1)
|
|
3630
3644
|
]));
|
|
3631
3645
|
};
|
|
3632
3646
|
}
|
|
3633
3647
|
});
|
|
3634
|
-
const _hoisted_1$
|
|
3635
|
-
const _hoisted_2$
|
|
3648
|
+
const _hoisted_1$X = ["innerHTML"];
|
|
3649
|
+
const _hoisted_2$E = {
|
|
3636
3650
|
key: 1,
|
|
3637
3651
|
class: "lupa-search-box-product-description"
|
|
3638
3652
|
};
|
|
3639
|
-
const _sfc_main$
|
|
3653
|
+
const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
|
|
3640
3654
|
__name: "SearchBoxProductDescription",
|
|
3641
3655
|
props: {
|
|
3642
3656
|
item: {},
|
|
@@ -3656,12 +3670,12 @@ const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
|
|
|
3656
3670
|
key: 0,
|
|
3657
3671
|
class: "lupa-search-box-product-description",
|
|
3658
3672
|
innerHTML: description.value
|
|
3659
|
-
}, null, 8, _hoisted_1$
|
|
3673
|
+
}, null, 8, _hoisted_1$X)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$E, vue.toDisplayString(description.value), 1));
|
|
3660
3674
|
};
|
|
3661
3675
|
}
|
|
3662
3676
|
});
|
|
3663
|
-
const _hoisted_1$
|
|
3664
|
-
const _sfc_main
|
|
3677
|
+
const _hoisted_1$W = { class: "lupa-search-box-product-price" };
|
|
3678
|
+
const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
|
|
3665
3679
|
__name: "SearchBoxProductPrice",
|
|
3666
3680
|
props: {
|
|
3667
3681
|
item: {},
|
|
@@ -3679,14 +3693,14 @@ const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
|
|
|
3679
3693
|
);
|
|
3680
3694
|
});
|
|
3681
3695
|
return (_ctx, _cache) => {
|
|
3682
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
3696
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$W, [
|
|
3683
3697
|
vue.createElementVNode("strong", null, vue.toDisplayString(price.value), 1)
|
|
3684
3698
|
]);
|
|
3685
3699
|
};
|
|
3686
3700
|
}
|
|
3687
3701
|
});
|
|
3688
|
-
const _hoisted_1$
|
|
3689
|
-
const _sfc_main
|
|
3702
|
+
const _hoisted_1$V = { class: "lupa-search-box-product-regular-price" };
|
|
3703
|
+
const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
|
|
3690
3704
|
__name: "SearchBoxProductRegularPrice",
|
|
3691
3705
|
props: {
|
|
3692
3706
|
item: {},
|
|
@@ -3704,16 +3718,16 @@ const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
|
|
|
3704
3718
|
);
|
|
3705
3719
|
});
|
|
3706
3720
|
return (_ctx, _cache) => {
|
|
3707
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
3721
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$V, vue.toDisplayString(price.value), 1);
|
|
3708
3722
|
};
|
|
3709
3723
|
}
|
|
3710
3724
|
});
|
|
3711
|
-
const _hoisted_1$
|
|
3712
|
-
const _hoisted_2$
|
|
3725
|
+
const _hoisted_1$U = ["innerHTML"];
|
|
3726
|
+
const _hoisted_2$D = { key: 0 };
|
|
3713
3727
|
const _hoisted_3$t = { key: 1 };
|
|
3714
3728
|
const _hoisted_4$m = { class: "lupa-search-box-custom-label" };
|
|
3715
3729
|
const _hoisted_5$a = { class: "lupa-search-box-custom-text" };
|
|
3716
|
-
const _sfc_main$
|
|
3730
|
+
const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
|
|
3717
3731
|
__name: "SearchBoxProductCustom",
|
|
3718
3732
|
props: {
|
|
3719
3733
|
item: {},
|
|
@@ -3739,11 +3753,11 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
|
|
|
3739
3753
|
key: 0,
|
|
3740
3754
|
class: [className.value, "lupa-search-box-product-custom"],
|
|
3741
3755
|
innerHTML: text.value
|
|
3742
|
-
}, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$
|
|
3756
|
+
}, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$U)) : (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
|
|
3743
3757
|
key: 1,
|
|
3744
3758
|
class: [className.value, "lupa-search-box-product-custom"]
|
|
3745
3759
|
}, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
|
|
3746
|
-
!label.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$
|
|
3760
|
+
!label.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$D, vue.toDisplayString(text.value), 1)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$t, [
|
|
3747
3761
|
vue.createElementVNode("div", _hoisted_4$m, vue.toDisplayString(label.value), 1),
|
|
3748
3762
|
vue.createElementVNode("div", _hoisted_5$a, vue.toDisplayString(text.value), 1)
|
|
3749
3763
|
]))
|
|
@@ -3751,8 +3765,8 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
|
|
|
3751
3765
|
};
|
|
3752
3766
|
}
|
|
3753
3767
|
});
|
|
3754
|
-
const _hoisted_1$
|
|
3755
|
-
const _sfc_main$
|
|
3768
|
+
const _hoisted_1$T = ["innerHTML"];
|
|
3769
|
+
const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
|
|
3756
3770
|
__name: "SearchBoxProductCustomHtml",
|
|
3757
3771
|
props: {
|
|
3758
3772
|
item: {},
|
|
@@ -3772,7 +3786,7 @@ const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
|
|
|
3772
3786
|
return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
|
|
3773
3787
|
class: className.value,
|
|
3774
3788
|
innerHTML: text.value
|
|
3775
|
-
}, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$
|
|
3789
|
+
}, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$T);
|
|
3776
3790
|
};
|
|
3777
3791
|
}
|
|
3778
3792
|
});
|
|
@@ -3967,10 +3981,10 @@ const useSearchResultStore = defineStore("searchResult", () => {
|
|
|
3967
3981
|
setLoading
|
|
3968
3982
|
};
|
|
3969
3983
|
});
|
|
3970
|
-
const _hoisted_1$
|
|
3971
|
-
const _hoisted_2$
|
|
3984
|
+
const _hoisted_1$S = { class: "lupa-search-box-add-to-cart-wrapper" };
|
|
3985
|
+
const _hoisted_2$C = { class: "lupa-search-box-product-addtocart" };
|
|
3972
3986
|
const _hoisted_3$s = ["onClick", "disabled"];
|
|
3973
|
-
const _sfc_main$
|
|
3987
|
+
const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
|
|
3974
3988
|
__name: "SearchBoxProductAddToCart",
|
|
3975
3989
|
props: {
|
|
3976
3990
|
item: {},
|
|
@@ -3997,8 +4011,8 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
|
|
|
3997
4011
|
loading.value = false;
|
|
3998
4012
|
});
|
|
3999
4013
|
return (_ctx, _cache) => {
|
|
4000
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
4001
|
-
vue.createElementVNode("div", _hoisted_2$
|
|
4014
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$S, [
|
|
4015
|
+
vue.createElementVNode("div", _hoisted_2$C, [
|
|
4002
4016
|
vue.createElementVNode("button", {
|
|
4003
4017
|
onClick: vue.withModifiers(handleClick, ["stop", "prevent"]),
|
|
4004
4018
|
class: vue.normalizeClass(loading.value ? "lupa-add-to-cart-loading" : "lupa-add-to-cart"),
|
|
@@ -4013,17 +4027,17 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
|
|
|
4013
4027
|
});
|
|
4014
4028
|
const __default__$4 = {
|
|
4015
4029
|
components: {
|
|
4016
|
-
SearchBoxProductImage: _sfc_main$
|
|
4017
|
-
SearchBoxProductTitle: _sfc_main$
|
|
4018
|
-
SearchBoxProductDescription: _sfc_main$
|
|
4019
|
-
SearchBoxProductPrice: _sfc_main
|
|
4020
|
-
SearchBoxProductRegularPrice: _sfc_main
|
|
4021
|
-
SearchBoxProductCustom: _sfc_main$
|
|
4022
|
-
SearchBoxProductCustomHtml: _sfc_main$
|
|
4023
|
-
SearchBoxProductAddToCart: _sfc_main$
|
|
4030
|
+
SearchBoxProductImage: _sfc_main$12,
|
|
4031
|
+
SearchBoxProductTitle: _sfc_main$11,
|
|
4032
|
+
SearchBoxProductDescription: _sfc_main$10,
|
|
4033
|
+
SearchBoxProductPrice: _sfc_main$$,
|
|
4034
|
+
SearchBoxProductRegularPrice: _sfc_main$_,
|
|
4035
|
+
SearchBoxProductCustom: _sfc_main$Z,
|
|
4036
|
+
SearchBoxProductCustomHtml: _sfc_main$Y,
|
|
4037
|
+
SearchBoxProductAddToCart: _sfc_main$X
|
|
4024
4038
|
}
|
|
4025
4039
|
};
|
|
4026
|
-
const _sfc_main$
|
|
4040
|
+
const _sfc_main$W = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, __default__$4), {
|
|
4027
4041
|
__name: "SearchBoxProductElement",
|
|
4028
4042
|
props: {
|
|
4029
4043
|
item: {},
|
|
@@ -4137,14 +4151,14 @@ const useTrackingStore = defineStore("tracking", () => {
|
|
|
4137
4151
|
};
|
|
4138
4152
|
return { trackSearch, trackResults, trackEvent };
|
|
4139
4153
|
});
|
|
4140
|
-
const _hoisted_1$
|
|
4141
|
-
const _hoisted_2$
|
|
4154
|
+
const _hoisted_1$R = ["href"];
|
|
4155
|
+
const _hoisted_2$B = { class: "lupa-search-box-product-image-section" };
|
|
4142
4156
|
const _hoisted_3$r = { class: "lupa-search-box-product-details-section" };
|
|
4143
4157
|
const _hoisted_4$l = {
|
|
4144
4158
|
key: 0,
|
|
4145
4159
|
class: "lupa-search-box-product-add-to-cart-section"
|
|
4146
4160
|
};
|
|
4147
|
-
const _sfc_main$
|
|
4161
|
+
const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
|
|
4148
4162
|
__name: "SearchBoxProduct",
|
|
4149
4163
|
props: {
|
|
4150
4164
|
item: {},
|
|
@@ -4237,9 +4251,9 @@ const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
|
|
|
4237
4251
|
href: link.value,
|
|
4238
4252
|
onClick: handleClick
|
|
4239
4253
|
}, [
|
|
4240
|
-
vue.createElementVNode("div", _hoisted_2$
|
|
4254
|
+
vue.createElementVNode("div", _hoisted_2$B, [
|
|
4241
4255
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(imageElements.value, (element) => {
|
|
4242
|
-
return vue.openBlock(), vue.createBlock(_sfc_main$
|
|
4256
|
+
return vue.openBlock(), vue.createBlock(_sfc_main$W, {
|
|
4243
4257
|
class: "lupa-search-box-product-element",
|
|
4244
4258
|
item: _ctx.item,
|
|
4245
4259
|
element,
|
|
@@ -4251,7 +4265,7 @@ const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
|
|
|
4251
4265
|
]),
|
|
4252
4266
|
vue.createElementVNode("div", _hoisted_3$r, [
|
|
4253
4267
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(detailElements.value, (element) => {
|
|
4254
|
-
return vue.openBlock(), vue.createBlock(_sfc_main$
|
|
4268
|
+
return vue.openBlock(), vue.createBlock(_sfc_main$W, {
|
|
4255
4269
|
class: "lupa-search-box-product-element",
|
|
4256
4270
|
item: _ctx.item,
|
|
4257
4271
|
element,
|
|
@@ -4262,7 +4276,7 @@ const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
|
|
|
4262
4276
|
}), 128))
|
|
4263
4277
|
]),
|
|
4264
4278
|
addToCartElement.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$l, [
|
|
4265
|
-
vue.createVNode(_sfc_main$
|
|
4279
|
+
vue.createVNode(_sfc_main$W, {
|
|
4266
4280
|
class: "lupa-search-box-product-element",
|
|
4267
4281
|
item: _ctx.item,
|
|
4268
4282
|
element: addToCartElement.value,
|
|
@@ -4271,12 +4285,12 @@ const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
|
|
|
4271
4285
|
isInStock: isInStock.value
|
|
4272
4286
|
}, null, 8, ["item", "element", "labels", "link", "isInStock"])
|
|
4273
4287
|
])) : vue.createCommentVNode("", true)
|
|
4274
|
-
], 10, _hoisted_1$
|
|
4288
|
+
], 10, _hoisted_1$R);
|
|
4275
4289
|
};
|
|
4276
4290
|
}
|
|
4277
4291
|
});
|
|
4278
|
-
const _hoisted_1$
|
|
4279
|
-
const _sfc_main$
|
|
4292
|
+
const _hoisted_1$Q = { id: "lupa-search-box-products" };
|
|
4293
|
+
const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
|
|
4280
4294
|
__name: "SearchBoxProducts",
|
|
4281
4295
|
props: {
|
|
4282
4296
|
items: {},
|
|
@@ -4296,7 +4310,7 @@ const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
|
|
|
4296
4310
|
return (_c = (_b = highlightedItem.value) == null ? void 0 : _b.index) != null ? _c : -1;
|
|
4297
4311
|
});
|
|
4298
4312
|
return (_ctx, _cache) => {
|
|
4299
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
4313
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$Q, [
|
|
4300
4314
|
_ctx.$slots.productCard ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(_ctx.items, (item, index) => {
|
|
4301
4315
|
return vue.renderSlot(_ctx.$slots, "productCard", {
|
|
4302
4316
|
key: index,
|
|
@@ -4308,7 +4322,7 @@ const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
|
|
|
4308
4322
|
onProductClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("product-click"))
|
|
4309
4323
|
});
|
|
4310
4324
|
}), 128)) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(_ctx.items, (item, index) => {
|
|
4311
|
-
return vue.openBlock(), vue.createBlock(_sfc_main$
|
|
4325
|
+
return vue.openBlock(), vue.createBlock(_sfc_main$V, {
|
|
4312
4326
|
key: index,
|
|
4313
4327
|
item,
|
|
4314
4328
|
panelOptions: _ctx.panelOptions,
|
|
@@ -4322,7 +4336,7 @@ const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
|
|
|
4322
4336
|
};
|
|
4323
4337
|
}
|
|
4324
4338
|
});
|
|
4325
|
-
const _sfc_main$
|
|
4339
|
+
const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
|
|
4326
4340
|
__name: "SearchBoxProductsWrapper",
|
|
4327
4341
|
props: {
|
|
4328
4342
|
panel: {},
|
|
@@ -4374,7 +4388,7 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
|
|
|
4374
4388
|
const getItemsDebounced = debounce$1(getItems, props.debounce);
|
|
4375
4389
|
return (_ctx, _cache) => {
|
|
4376
4390
|
var _a, _b;
|
|
4377
|
-
return vue.openBlock(), vue.createBlock(_sfc_main$
|
|
4391
|
+
return vue.openBlock(), vue.createBlock(_sfc_main$U, {
|
|
4378
4392
|
items: (_b = (_a = searchResult.value) == null ? void 0 : _a.items) != null ? _b : [],
|
|
4379
4393
|
panelOptions: _ctx.panel,
|
|
4380
4394
|
labels: _ctx.labels,
|
|
@@ -4392,11 +4406,11 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
|
|
|
4392
4406
|
};
|
|
4393
4407
|
}
|
|
4394
4408
|
});
|
|
4395
|
-
const _hoisted_1$
|
|
4409
|
+
const _hoisted_1$P = {
|
|
4396
4410
|
key: 0,
|
|
4397
4411
|
id: "lupa-search-box-panel"
|
|
4398
4412
|
};
|
|
4399
|
-
const _hoisted_2$
|
|
4413
|
+
const _hoisted_2$A = {
|
|
4400
4414
|
class: "lupa-main-panel",
|
|
4401
4415
|
"data-cy": "lupa-main-panel"
|
|
4402
4416
|
};
|
|
@@ -4407,11 +4421,11 @@ const _hoisted_4$k = {
|
|
|
4407
4421
|
};
|
|
4408
4422
|
const __default__$3 = {
|
|
4409
4423
|
components: {
|
|
4410
|
-
SearchBoxSuggestionsWrapper: _sfc_main$
|
|
4411
|
-
SearchBoxProductsWrapper: _sfc_main$
|
|
4424
|
+
SearchBoxSuggestionsWrapper: _sfc_main$14,
|
|
4425
|
+
SearchBoxProductsWrapper: _sfc_main$T
|
|
4412
4426
|
}
|
|
4413
4427
|
};
|
|
4414
|
-
const _sfc_main$
|
|
4428
|
+
const _sfc_main$S = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, __default__$3), {
|
|
4415
4429
|
__name: "SearchBoxMainPanel",
|
|
4416
4430
|
props: {
|
|
4417
4431
|
options: {},
|
|
@@ -4525,8 +4539,8 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadVa
|
|
|
4525
4539
|
ref_key: "panelContainer",
|
|
4526
4540
|
ref: panelContainer
|
|
4527
4541
|
}, [
|
|
4528
|
-
displayResults.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
4529
|
-
vue.createElementVNode("div", _hoisted_2$
|
|
4542
|
+
displayResults.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$P, [
|
|
4543
|
+
vue.createElementVNode("div", _hoisted_2$A, [
|
|
4530
4544
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(displayPanels.value, (panel, index) => {
|
|
4531
4545
|
return vue.openBlock(), vue.createElementBlock("div", {
|
|
4532
4546
|
key: index,
|
|
@@ -4558,13 +4572,13 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadVa
|
|
|
4558
4572
|
], 10, _hoisted_3$q);
|
|
4559
4573
|
}), 128))
|
|
4560
4574
|
]),
|
|
4561
|
-
vue.createVNode(_sfc_main$
|
|
4575
|
+
vue.createVNode(_sfc_main$19, {
|
|
4562
4576
|
labels: labels.value,
|
|
4563
4577
|
showTotalCount: (_a = _ctx.options.showTotalCount) != null ? _a : false,
|
|
4564
4578
|
onGoToResults: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("go-to-results"))
|
|
4565
4579
|
}, null, 8, ["labels", "showTotalCount"])
|
|
4566
4580
|
])) : displayHistory.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$k, [
|
|
4567
|
-
vue.createVNode(_sfc_main$
|
|
4581
|
+
vue.createVNode(_sfc_main$17, {
|
|
4568
4582
|
options: _ctx.options.history,
|
|
4569
4583
|
history: history.value,
|
|
4570
4584
|
onGoToResults: handleGoToResults,
|
|
@@ -4589,9 +4603,9 @@ const unbindSearchTriggers = (triggers = [], event) => {
|
|
|
4589
4603
|
const elements = getElements(triggers);
|
|
4590
4604
|
elements.forEach((e) => e == null ? void 0 : e.removeEventListener(BIND_EVENT, event));
|
|
4591
4605
|
};
|
|
4592
|
-
const _hoisted_1$
|
|
4593
|
-
const _hoisted_2$
|
|
4594
|
-
const _sfc_main$
|
|
4606
|
+
const _hoisted_1$O = { id: "lupa-search-box" };
|
|
4607
|
+
const _hoisted_2$z = { class: "lupa-search-box-wrapper" };
|
|
4608
|
+
const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
|
|
4595
4609
|
__name: "SearchBox",
|
|
4596
4610
|
props: {
|
|
4597
4611
|
options: {},
|
|
@@ -4823,9 +4837,9 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
|
|
|
4823
4837
|
};
|
|
4824
4838
|
return (_ctx, _cache) => {
|
|
4825
4839
|
var _a2;
|
|
4826
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
4827
|
-
vue.createElementVNode("div", _hoisted_2$
|
|
4828
|
-
vue.createVNode(_sfc_main$
|
|
4840
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$O, [
|
|
4841
|
+
vue.createElementVNode("div", _hoisted_2$z, [
|
|
4842
|
+
vue.createVNode(_sfc_main$1a, {
|
|
4829
4843
|
options: inputOptions.value,
|
|
4830
4844
|
suggestedValue: suggestedValue.value,
|
|
4831
4845
|
"can-close": (_a2 = _ctx.isSearchContainer) != null ? _a2 : false,
|
|
@@ -4836,7 +4850,7 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
|
|
|
4836
4850
|
onFocus: _cache[0] || (_cache[0] = ($event) => opened.value = true),
|
|
4837
4851
|
onClose: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("close"))
|
|
4838
4852
|
}, null, 8, ["options", "suggestedValue", "can-close", "emit-input-on-focus"]),
|
|
4839
|
-
opened.value || _ctx.isSearchContainer ? (vue.openBlock(), vue.createBlock(_sfc_main$
|
|
4853
|
+
opened.value || _ctx.isSearchContainer ? (vue.openBlock(), vue.createBlock(_sfc_main$S, {
|
|
4840
4854
|
key: 0,
|
|
4841
4855
|
options: panelOptions.value,
|
|
4842
4856
|
inputValue: inputValue.value,
|
|
@@ -4939,11 +4953,11 @@ const getInitialSearchResults = (options, defaultData) => __async(exports, null,
|
|
|
4939
4953
|
options.options.onError(e);
|
|
4940
4954
|
}
|
|
4941
4955
|
});
|
|
4942
|
-
const _hoisted_1$
|
|
4956
|
+
const _hoisted_1$N = {
|
|
4943
4957
|
key: 0,
|
|
4944
4958
|
id: "lupa-search-results-did-you-mean"
|
|
4945
4959
|
};
|
|
4946
|
-
const _hoisted_2$
|
|
4960
|
+
const _hoisted_2$y = {
|
|
4947
4961
|
key: 0,
|
|
4948
4962
|
"data-cy": "suggested-search-text-label"
|
|
4949
4963
|
};
|
|
@@ -4952,7 +4966,7 @@ const _hoisted_3$p = {
|
|
|
4952
4966
|
"data-cy": "did-you-mean-label"
|
|
4953
4967
|
};
|
|
4954
4968
|
const _hoisted_4$j = { key: 1 };
|
|
4955
|
-
const _sfc_main$
|
|
4969
|
+
const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
|
|
4956
4970
|
__name: "SearchResultsDidYouMean",
|
|
4957
4971
|
props: {
|
|
4958
4972
|
labels: {}
|
|
@@ -4984,8 +4998,8 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
|
|
|
4984
4998
|
paramStore.goToResults({ searchText, facet });
|
|
4985
4999
|
};
|
|
4986
5000
|
return (_ctx, _cache) => {
|
|
4987
|
-
return vue.unref(searchResult).suggestedSearchText || didYouMeanValue.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
4988
|
-
vue.unref(searchResult).suggestedSearchText ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$
|
|
5001
|
+
return vue.unref(searchResult).suggestedSearchText || didYouMeanValue.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$N, [
|
|
5002
|
+
vue.unref(searchResult).suggestedSearchText ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$y, [
|
|
4989
5003
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.labels.noResultsSuggestion.split(" "), (label, index) => {
|
|
4990
5004
|
return vue.openBlock(), vue.createElementBlock("span", { key: index }, [
|
|
4991
5005
|
vue.createElementVNode("span", {
|
|
@@ -5010,12 +5024,12 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
|
|
|
5010
5024
|
};
|
|
5011
5025
|
}
|
|
5012
5026
|
});
|
|
5013
|
-
const _hoisted_1$
|
|
5027
|
+
const _hoisted_1$M = {
|
|
5014
5028
|
key: 0,
|
|
5015
5029
|
class: "lupa-search-results-summary"
|
|
5016
5030
|
};
|
|
5017
|
-
const _hoisted_2$
|
|
5018
|
-
const _sfc_main$
|
|
5031
|
+
const _hoisted_2$x = ["innerHTML"];
|
|
5032
|
+
const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
|
|
5019
5033
|
__name: "SearchResultsSummary",
|
|
5020
5034
|
props: {
|
|
5021
5035
|
label: {},
|
|
@@ -5030,8 +5044,8 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
|
|
|
5030
5044
|
return addParamsToLabel(props.label, range, `<span>${totalItems.value}</span>`);
|
|
5031
5045
|
});
|
|
5032
5046
|
return (_ctx, _cache) => {
|
|
5033
|
-
return vue.unref(totalItems) > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
5034
|
-
vue.createElementVNode("div", { innerHTML: summaryLabel.value }, null, 8, _hoisted_2$
|
|
5047
|
+
return vue.unref(totalItems) > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$M, [
|
|
5048
|
+
vue.createElementVNode("div", { innerHTML: summaryLabel.value }, null, 8, _hoisted_2$x),
|
|
5035
5049
|
_ctx.clearable ? (vue.openBlock(), vue.createElementBlock("span", {
|
|
5036
5050
|
key: 0,
|
|
5037
5051
|
class: "lupa-filter-clear",
|
|
@@ -5042,18 +5056,18 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
|
|
|
5042
5056
|
};
|
|
5043
5057
|
}
|
|
5044
5058
|
});
|
|
5045
|
-
const _hoisted_1$
|
|
5059
|
+
const _hoisted_1$L = {
|
|
5046
5060
|
key: 0,
|
|
5047
5061
|
class: "lupa-result-page-title",
|
|
5048
5062
|
"data-cy": "lupa-result-page-title"
|
|
5049
5063
|
};
|
|
5050
|
-
const _hoisted_2$
|
|
5064
|
+
const _hoisted_2$w = { key: 0 };
|
|
5051
5065
|
const _hoisted_3$o = {
|
|
5052
5066
|
key: 1,
|
|
5053
5067
|
class: "lupa-results-total-count"
|
|
5054
5068
|
};
|
|
5055
5069
|
const _hoisted_4$i = ["innerHTML"];
|
|
5056
|
-
const _sfc_main$
|
|
5070
|
+
const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
|
|
5057
5071
|
__name: "SearchResultsTitle",
|
|
5058
5072
|
props: {
|
|
5059
5073
|
options: {},
|
|
@@ -5088,12 +5102,12 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
|
|
|
5088
5102
|
});
|
|
5089
5103
|
return (_ctx, _cache) => {
|
|
5090
5104
|
return vue.openBlock(), vue.createElementBlock("div", null, [
|
|
5091
|
-
showSearchTitle.value ? (vue.openBlock(), vue.createElementBlock("h1", _hoisted_1$
|
|
5105
|
+
showSearchTitle.value ? (vue.openBlock(), vue.createElementBlock("h1", _hoisted_1$L, [
|
|
5092
5106
|
vue.createTextVNode(vue.toDisplayString(_ctx.options.labels.searchResults), 1),
|
|
5093
|
-
queryText.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$
|
|
5107
|
+
queryText.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$w, "'" + vue.toDisplayString(queryText.value) + "'", 1)) : vue.createCommentVNode("", true),
|
|
5094
5108
|
showProductCount.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$o, "(" + vue.toDisplayString(vue.unref(totalItems)) + ")", 1)) : vue.createCommentVNode("", true)
|
|
5095
5109
|
])) : vue.createCommentVNode("", true),
|
|
5096
|
-
_ctx.showSummary ? (vue.openBlock(), vue.createBlock(_sfc_main$
|
|
5110
|
+
_ctx.showSummary ? (vue.openBlock(), vue.createBlock(_sfc_main$P, {
|
|
5097
5111
|
key: 1,
|
|
5098
5112
|
label: summaryLabel.value
|
|
5099
5113
|
}, null, 8, ["label"])) : vue.createCommentVNode("", true),
|
|
@@ -5106,8 +5120,8 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
|
|
|
5106
5120
|
};
|
|
5107
5121
|
}
|
|
5108
5122
|
});
|
|
5109
|
-
const _hoisted_1$
|
|
5110
|
-
const _hoisted_2$
|
|
5123
|
+
const _hoisted_1$K = { class: "lupa-search-result-filter-value" };
|
|
5124
|
+
const _hoisted_2$v = {
|
|
5111
5125
|
class: "lupa-current-filter-label",
|
|
5112
5126
|
"data-cy": "lupa-current-filter-label"
|
|
5113
5127
|
};
|
|
@@ -5115,7 +5129,7 @@ const _hoisted_3$n = {
|
|
|
5115
5129
|
class: "lupa-current-filter-value",
|
|
5116
5130
|
"data-cy": "lupa-current-filter-value"
|
|
5117
5131
|
};
|
|
5118
|
-
const _sfc_main$
|
|
5132
|
+
const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
|
|
5119
5133
|
__name: "CurrentFilterDisplay",
|
|
5120
5134
|
props: {
|
|
5121
5135
|
filter: {}
|
|
@@ -5127,19 +5141,19 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
|
|
|
5127
5141
|
emit("remove", { filter: props.filter });
|
|
5128
5142
|
};
|
|
5129
5143
|
return (_ctx, _cache) => {
|
|
5130
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
5144
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$K, [
|
|
5131
5145
|
vue.createElementVNode("div", {
|
|
5132
5146
|
class: "lupa-current-filter-action",
|
|
5133
5147
|
onClick: handleClick
|
|
5134
5148
|
}, "⨉"),
|
|
5135
|
-
vue.createElementVNode("div", _hoisted_2$
|
|
5149
|
+
vue.createElementVNode("div", _hoisted_2$v, vue.toDisplayString(_ctx.filter.label) + ": ", 1),
|
|
5136
5150
|
vue.createElementVNode("div", _hoisted_3$n, vue.toDisplayString(_ctx.filter.value), 1)
|
|
5137
5151
|
]);
|
|
5138
5152
|
};
|
|
5139
5153
|
}
|
|
5140
5154
|
});
|
|
5141
|
-
const _hoisted_1$
|
|
5142
|
-
const _hoisted_2$
|
|
5155
|
+
const _hoisted_1$J = { class: "lupa-filter-title-text" };
|
|
5156
|
+
const _hoisted_2$u = {
|
|
5143
5157
|
key: 0,
|
|
5144
5158
|
class: "lupa-filter-count"
|
|
5145
5159
|
};
|
|
@@ -5148,7 +5162,7 @@ const _hoisted_3$m = {
|
|
|
5148
5162
|
class: "filter-values"
|
|
5149
5163
|
};
|
|
5150
5164
|
const _hoisted_4$h = { class: "lupa-current-filter-list" };
|
|
5151
|
-
const _sfc_main$
|
|
5165
|
+
const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
|
|
5152
5166
|
__name: "CurrentFilters",
|
|
5153
5167
|
props: {
|
|
5154
5168
|
options: {},
|
|
@@ -5203,9 +5217,9 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
|
|
|
5203
5217
|
class: "lupa-current-filter-title",
|
|
5204
5218
|
onClick: _cache[0] || (_cache[0] = ($event) => isOpen.value = !isOpen.value)
|
|
5205
5219
|
}, [
|
|
5206
|
-
vue.createElementVNode("div", _hoisted_1$
|
|
5220
|
+
vue.createElementVNode("div", _hoisted_1$J, [
|
|
5207
5221
|
vue.createTextVNode(vue.toDisplayString((_c = (_b = (_a = _ctx.options) == null ? void 0 : _a.labels) == null ? void 0 : _b.title) != null ? _c : "") + " ", 1),
|
|
5208
|
-
_ctx.expandable ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$
|
|
5222
|
+
_ctx.expandable ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$u, " (" + vue.toDisplayString(vue.unref(currentFilterCount)) + ") ", 1)) : vue.createCommentVNode("", true)
|
|
5209
5223
|
]),
|
|
5210
5224
|
_ctx.expandable ? (vue.openBlock(), vue.createElementBlock("div", {
|
|
5211
5225
|
key: 0,
|
|
@@ -5215,7 +5229,7 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
|
|
|
5215
5229
|
!_ctx.expandable || isOpen.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$m, [
|
|
5216
5230
|
vue.createElementVNode("div", _hoisted_4$h, [
|
|
5217
5231
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(displayFilters), (filter) => {
|
|
5218
|
-
return vue.openBlock(), vue.createBlock(_sfc_main$
|
|
5232
|
+
return vue.openBlock(), vue.createBlock(_sfc_main$N, {
|
|
5219
5233
|
key: filter.key + "_" + filter.value,
|
|
5220
5234
|
filter,
|
|
5221
5235
|
onRemove: handleRemove
|
|
@@ -5232,8 +5246,8 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
|
|
|
5232
5246
|
};
|
|
5233
5247
|
}
|
|
5234
5248
|
});
|
|
5235
|
-
const _hoisted_1$
|
|
5236
|
-
const _sfc_main$
|
|
5249
|
+
const _hoisted_1$I = ["href"];
|
|
5250
|
+
const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
|
|
5237
5251
|
__name: "CategoryFilterItem",
|
|
5238
5252
|
props: {
|
|
5239
5253
|
options: {},
|
|
@@ -5270,20 +5284,20 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
|
|
|
5270
5284
|
"data-cy": "lupa-child-category-item",
|
|
5271
5285
|
href: urlLink.value,
|
|
5272
5286
|
onClick: handleNavigation
|
|
5273
|
-
}, vue.toDisplayString(title.value), 9, _hoisted_1$
|
|
5287
|
+
}, vue.toDisplayString(title.value), 9, _hoisted_1$I)
|
|
5274
5288
|
], 2);
|
|
5275
5289
|
};
|
|
5276
5290
|
}
|
|
5277
5291
|
});
|
|
5278
|
-
const _hoisted_1$
|
|
5292
|
+
const _hoisted_1$H = {
|
|
5279
5293
|
class: "lupa-category-filter",
|
|
5280
5294
|
"data-cy": "lupa-category-filter"
|
|
5281
5295
|
};
|
|
5282
|
-
const _hoisted_2$
|
|
5296
|
+
const _hoisted_2$t = { class: "lupa-category-back" };
|
|
5283
5297
|
const _hoisted_3$l = ["href"];
|
|
5284
5298
|
const _hoisted_4$g = ["href"];
|
|
5285
5299
|
const _hoisted_5$9 = { class: "lupa-child-category-list" };
|
|
5286
|
-
const _sfc_main$
|
|
5300
|
+
const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
|
|
5287
5301
|
__name: "CategoryFilter",
|
|
5288
5302
|
props: {
|
|
5289
5303
|
options: {}
|
|
@@ -5369,8 +5383,8 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
|
|
|
5369
5383
|
};
|
|
5370
5384
|
__expose({ fetch: fetch2 });
|
|
5371
5385
|
return (_ctx, _cache) => {
|
|
5372
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
5373
|
-
vue.createElementVNode("div", _hoisted_2$
|
|
5386
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$H, [
|
|
5387
|
+
vue.createElementVNode("div", _hoisted_2$t, [
|
|
5374
5388
|
hasBackButton.value ? (vue.openBlock(), vue.createElementBlock("a", {
|
|
5375
5389
|
key: 0,
|
|
5376
5390
|
"data-cy": "lupa-category-back",
|
|
@@ -5390,7 +5404,7 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
|
|
|
5390
5404
|
], 2),
|
|
5391
5405
|
vue.createElementVNode("div", _hoisted_5$9, [
|
|
5392
5406
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(categoryChildren.value, (child) => {
|
|
5393
|
-
return vue.openBlock(), vue.createBlock(_sfc_main$
|
|
5407
|
+
return vue.openBlock(), vue.createBlock(_sfc_main$L, {
|
|
5394
5408
|
key: getCategoryKey(child),
|
|
5395
5409
|
item: child,
|
|
5396
5410
|
options: _ctx.options
|
|
@@ -5401,23 +5415,23 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
|
|
|
5401
5415
|
};
|
|
5402
5416
|
}
|
|
5403
5417
|
});
|
|
5404
|
-
const _hoisted_1$
|
|
5418
|
+
const _hoisted_1$G = {
|
|
5405
5419
|
class: "lupa-search-result-facet-term-values",
|
|
5406
5420
|
"data-cy": "lupa-search-result-facet-term-values"
|
|
5407
5421
|
};
|
|
5408
|
-
const _hoisted_2$
|
|
5422
|
+
const _hoisted_2$s = ["placeholder"];
|
|
5409
5423
|
const _hoisted_3$k = { class: "lupa-terms-list" };
|
|
5410
5424
|
const _hoisted_4$f = ["onClick"];
|
|
5411
5425
|
const _hoisted_5$8 = { class: "lupa-term-checkbox-wrapper" };
|
|
5412
5426
|
const _hoisted_6$5 = { class: "lupa-term-checkbox-label" };
|
|
5413
5427
|
const _hoisted_7$5 = { class: "lupa-term-label" };
|
|
5414
|
-
const _hoisted_8$
|
|
5428
|
+
const _hoisted_8$1 = {
|
|
5415
5429
|
key: 0,
|
|
5416
5430
|
class: "lupa-term-count"
|
|
5417
5431
|
};
|
|
5418
5432
|
const _hoisted_9$1 = { key: 0 };
|
|
5419
5433
|
const _hoisted_10$1 = { key: 1 };
|
|
5420
|
-
const _sfc_main$
|
|
5434
|
+
const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
|
|
5421
5435
|
__name: "TermFacet",
|
|
5422
5436
|
props: {
|
|
5423
5437
|
options: {},
|
|
@@ -5486,14 +5500,14 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
|
|
|
5486
5500
|
return selectedItems == null ? void 0 : selectedItems.includes((_b = item.title) == null ? void 0 : _b.toString());
|
|
5487
5501
|
};
|
|
5488
5502
|
return (_ctx, _cache) => {
|
|
5489
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
5503
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$G, [
|
|
5490
5504
|
isFilterable.value ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
|
|
5491
5505
|
key: 0,
|
|
5492
5506
|
class: "lupa-term-filter",
|
|
5493
5507
|
"data-cy": "lupa-term-filter",
|
|
5494
5508
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => termFilter.value = $event),
|
|
5495
5509
|
placeholder: _ctx.options.labels.facetFilter
|
|
5496
|
-
}, null, 8, _hoisted_2$
|
|
5510
|
+
}, null, 8, _hoisted_2$s)), [
|
|
5497
5511
|
[vue.vModelText, termFilter.value]
|
|
5498
5512
|
]) : vue.createCommentVNode("", true),
|
|
5499
5513
|
vue.createElementVNode("div", _hoisted_3$k, [
|
|
@@ -5511,7 +5525,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
|
|
|
5511
5525
|
]),
|
|
5512
5526
|
vue.createElementVNode("div", _hoisted_6$5, [
|
|
5513
5527
|
vue.createElementVNode("span", _hoisted_7$5, vue.toDisplayString(item.title), 1),
|
|
5514
|
-
_ctx.options.showDocumentCount ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_8$
|
|
5528
|
+
_ctx.options.showDocumentCount ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_8$1, "(" + vue.toDisplayString(item.count) + ")", 1)) : vue.createCommentVNode("", true)
|
|
5515
5529
|
])
|
|
5516
5530
|
], 10, _hoisted_4$f);
|
|
5517
5531
|
}), 128))
|
|
@@ -6504,8 +6518,8 @@ var m = { name: "Slider", emits: ["input", "update:modelValue", "start", "slide"
|
|
|
6504
6518
|
m.render = function(e, t, r, i, n, o) {
|
|
6505
6519
|
return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps(e.sliderProps, { ref: "slider" }), null, 16);
|
|
6506
6520
|
}, m.__file = "src/Slider.vue";
|
|
6507
|
-
const _hoisted_1$
|
|
6508
|
-
const _hoisted_2$
|
|
6521
|
+
const _hoisted_1$F = { class: "lupa-search-result-facet-stats-values" };
|
|
6522
|
+
const _hoisted_2$r = {
|
|
6509
6523
|
key: 0,
|
|
6510
6524
|
class: "lupa-stats-facet-summary"
|
|
6511
6525
|
};
|
|
@@ -6520,7 +6534,7 @@ const _hoisted_4$e = {
|
|
|
6520
6534
|
const _hoisted_5$7 = { class: "lupa-stats-from" };
|
|
6521
6535
|
const _hoisted_6$4 = ["max", "min", "pattern"];
|
|
6522
6536
|
const _hoisted_7$4 = { key: 0 };
|
|
6523
|
-
const _hoisted_8
|
|
6537
|
+
const _hoisted_8 = /* @__PURE__ */ vue.createElementVNode("div", { class: "lupa-stats-separator" }, null, -1);
|
|
6524
6538
|
const _hoisted_9 = {
|
|
6525
6539
|
key: 0,
|
|
6526
6540
|
class: "lupa-stats-range-label"
|
|
@@ -6532,7 +6546,7 @@ const _hoisted_13 = {
|
|
|
6532
6546
|
key: 2,
|
|
6533
6547
|
class: "lupa-stats-slider-wrapper"
|
|
6534
6548
|
};
|
|
6535
|
-
const _sfc_main$
|
|
6549
|
+
const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
|
|
6536
6550
|
__name: "StatsFacet",
|
|
6537
6551
|
props: {
|
|
6538
6552
|
options: {},
|
|
@@ -6680,8 +6694,8 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
|
|
|
6680
6694
|
innerSliderRange.value = value;
|
|
6681
6695
|
};
|
|
6682
6696
|
return (_ctx, _cache) => {
|
|
6683
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
6684
|
-
!isInputVisible.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$
|
|
6697
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$F, [
|
|
6698
|
+
!isInputVisible.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$r, vue.toDisplayString(statsSummary.value), 1)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$j, [
|
|
6685
6699
|
vue.createElementVNode("div", null, [
|
|
6686
6700
|
rangeLabelFrom.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$e, vue.toDisplayString(rangeLabelFrom.value), 1)) : vue.createCommentVNode("", true),
|
|
6687
6701
|
vue.createElementVNode("div", _hoisted_5$7, [
|
|
@@ -6703,7 +6717,7 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
|
|
|
6703
6717
|
isPrice.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$4, vue.toDisplayString(currency.value), 1)) : vue.createCommentVNode("", true)
|
|
6704
6718
|
])
|
|
6705
6719
|
]),
|
|
6706
|
-
_hoisted_8
|
|
6720
|
+
_hoisted_8,
|
|
6707
6721
|
vue.createElementVNode("div", null, [
|
|
6708
6722
|
rangeLabelTo.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9, vue.toDisplayString(rangeLabelTo.value), 1)) : vue.createCommentVNode("", true),
|
|
6709
6723
|
vue.createElementVNode("div", _hoisted_10, [
|
|
@@ -6744,8 +6758,8 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
|
|
|
6744
6758
|
};
|
|
6745
6759
|
}
|
|
6746
6760
|
});
|
|
6747
|
-
const _hoisted_1$
|
|
6748
|
-
const _hoisted_2$
|
|
6761
|
+
const _hoisted_1$E = { class: "lupa-term-checkbox-wrapper" };
|
|
6762
|
+
const _hoisted_2$q = { class: "lupa-term-checkbox-label" };
|
|
6749
6763
|
const _hoisted_3$i = { class: "lupa-term-label" };
|
|
6750
6764
|
const _hoisted_4$d = {
|
|
6751
6765
|
key: 0,
|
|
@@ -6755,7 +6769,7 @@ const _hoisted_5$6 = {
|
|
|
6755
6769
|
key: 0,
|
|
6756
6770
|
class: "lupa-facet-level"
|
|
6757
6771
|
};
|
|
6758
|
-
const _sfc_main$
|
|
6772
|
+
const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
|
|
6759
6773
|
__name: "HierarchyFacetLevel",
|
|
6760
6774
|
props: {
|
|
6761
6775
|
options: {},
|
|
@@ -6801,12 +6815,12 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
|
|
|
6801
6815
|
"data-cy": "lupa-facet-term",
|
|
6802
6816
|
onClick: _cache[0] || (_cache[0] = ($event) => handleFacetClick(_ctx.item))
|
|
6803
6817
|
}, [
|
|
6804
|
-
vue.createElementVNode("div", _hoisted_1$
|
|
6818
|
+
vue.createElementVNode("div", _hoisted_1$E, [
|
|
6805
6819
|
vue.createElementVNode("span", {
|
|
6806
6820
|
class: vue.normalizeClass(["lupa-term-checkbox", { checked: isChecked.value }])
|
|
6807
6821
|
}, null, 2)
|
|
6808
6822
|
]),
|
|
6809
|
-
vue.createElementVNode("div", _hoisted_2$
|
|
6823
|
+
vue.createElementVNode("div", _hoisted_2$q, [
|
|
6810
6824
|
vue.createElementVNode("span", _hoisted_3$i, vue.toDisplayString(_ctx.item.title) + vue.toDisplayString(" "), 1),
|
|
6811
6825
|
_ctx.options.showDocumentCount ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$d, "(" + vue.toDisplayString(_ctx.item.count) + ")", 1)) : vue.createCommentVNode("", true)
|
|
6812
6826
|
])
|
|
@@ -6827,13 +6841,13 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
|
|
|
6827
6841
|
};
|
|
6828
6842
|
}
|
|
6829
6843
|
});
|
|
6830
|
-
const _hoisted_1$
|
|
6844
|
+
const _hoisted_1$D = {
|
|
6831
6845
|
class: "lupa-search-result-facet-term-values lupa-search-result-facet-hierarchy-values",
|
|
6832
6846
|
"data-cy": "lupa-search-result-facet-term-values"
|
|
6833
6847
|
};
|
|
6834
|
-
const _hoisted_2$
|
|
6848
|
+
const _hoisted_2$p = { key: 0 };
|
|
6835
6849
|
const _hoisted_3$h = ["placeholder"];
|
|
6836
|
-
const _sfc_main$
|
|
6850
|
+
const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
|
|
6837
6851
|
__name: "HierarchyFacet",
|
|
6838
6852
|
props: {
|
|
6839
6853
|
options: {},
|
|
@@ -6883,8 +6897,8 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
|
|
|
6883
6897
|
showAll.value = true;
|
|
6884
6898
|
};
|
|
6885
6899
|
return (_ctx, _cache) => {
|
|
6886
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
6887
|
-
isFilterable.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$
|
|
6900
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$D, [
|
|
6901
|
+
isFilterable.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$p, [
|
|
6888
6902
|
vue.withDirectives(vue.createElementVNode("input", {
|
|
6889
6903
|
class: "lupa-term-filter",
|
|
6890
6904
|
"data-cy": "lupa-term-filter",
|
|
@@ -6895,7 +6909,7 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
|
|
|
6895
6909
|
])
|
|
6896
6910
|
])) : vue.createCommentVNode("", true),
|
|
6897
6911
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(displayValues.value, (item) => {
|
|
6898
|
-
return vue.openBlock(), vue.createBlock(_sfc_main$
|
|
6912
|
+
return vue.openBlock(), vue.createBlock(_sfc_main$H, {
|
|
6899
6913
|
key: item.title,
|
|
6900
6914
|
options: _ctx.options,
|
|
6901
6915
|
item,
|
|
@@ -6915,20 +6929,20 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
|
|
|
6915
6929
|
};
|
|
6916
6930
|
}
|
|
6917
6931
|
});
|
|
6918
|
-
const _hoisted_1$
|
|
6919
|
-
const _hoisted_2$
|
|
6932
|
+
const _hoisted_1$C = { class: "lupa-facet-label-text" };
|
|
6933
|
+
const _hoisted_2$o = {
|
|
6920
6934
|
key: 0,
|
|
6921
6935
|
class: "lupa-facet-content",
|
|
6922
6936
|
"data-cy": "lupa-facet-content"
|
|
6923
6937
|
};
|
|
6924
6938
|
const __default__$2 = {
|
|
6925
6939
|
components: {
|
|
6926
|
-
TermFacet: _sfc_main$
|
|
6927
|
-
StatsFacet: _sfc_main$
|
|
6928
|
-
HierarchyFacet: _sfc_main$
|
|
6940
|
+
TermFacet: _sfc_main$J,
|
|
6941
|
+
StatsFacet: _sfc_main$I,
|
|
6942
|
+
HierarchyFacet: _sfc_main$G
|
|
6929
6943
|
}
|
|
6930
6944
|
};
|
|
6931
|
-
const _sfc_main$
|
|
6945
|
+
const _sfc_main$F = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, __default__$2), {
|
|
6932
6946
|
__name: "FacetDisplay",
|
|
6933
6947
|
props: {
|
|
6934
6948
|
options: {},
|
|
@@ -7039,12 +7053,12 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadVa
|
|
|
7039
7053
|
"data-cy": "lupa-search-result-facet-label",
|
|
7040
7054
|
onClick: toggleFacet
|
|
7041
7055
|
}, [
|
|
7042
|
-
vue.createElementVNode("div", _hoisted_1$
|
|
7056
|
+
vue.createElementVNode("div", _hoisted_1$C, vue.toDisplayString(facet.value.label), 1),
|
|
7043
7057
|
vue.createElementVNode("div", {
|
|
7044
7058
|
class: vue.normalizeClass(["lupa-facet-label-caret", isOpen.value && "open"])
|
|
7045
7059
|
}, null, 2)
|
|
7046
7060
|
], 2),
|
|
7047
|
-
isOpen.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$
|
|
7061
|
+
isOpen.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$o, [
|
|
7048
7062
|
(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(facetType.value), {
|
|
7049
7063
|
facet: facet.value,
|
|
7050
7064
|
currentFilters: currentFilters.value[facet.value.key],
|
|
@@ -7062,12 +7076,12 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadVa
|
|
|
7062
7076
|
};
|
|
7063
7077
|
}
|
|
7064
7078
|
}));
|
|
7065
|
-
const _hoisted_1$
|
|
7066
|
-
const _hoisted_2$
|
|
7079
|
+
const _hoisted_1$B = { class: "lupa-search-result-facet-section" };
|
|
7080
|
+
const _hoisted_2$n = {
|
|
7067
7081
|
key: 0,
|
|
7068
7082
|
class: "lupa-facets-title"
|
|
7069
7083
|
};
|
|
7070
|
-
const _sfc_main$
|
|
7084
|
+
const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
|
|
7071
7085
|
__name: "FacetList",
|
|
7072
7086
|
props: {
|
|
7073
7087
|
options: {},
|
|
@@ -7101,14 +7115,14 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
|
|
|
7101
7115
|
};
|
|
7102
7116
|
return (_ctx, _cache) => {
|
|
7103
7117
|
var _a;
|
|
7104
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
7105
|
-
_ctx.options.labels.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$
|
|
7118
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$B, [
|
|
7119
|
+
_ctx.options.labels.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$n, vue.toDisplayString(_ctx.options.labels.title), 1)) : vue.createCommentVNode("", true),
|
|
7106
7120
|
vue.createElementVNode("div", {
|
|
7107
7121
|
class: vue.normalizeClass(["lupa-search-result-facet-list", "lupa-" + ((_a = _ctx.facetStyle) != null ? _a : "")])
|
|
7108
7122
|
}, [
|
|
7109
7123
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(displayFacets.value, (facet) => {
|
|
7110
7124
|
var _a2;
|
|
7111
|
-
return vue.openBlock(), vue.createBlock(_sfc_main$
|
|
7125
|
+
return vue.openBlock(), vue.createBlock(_sfc_main$F, {
|
|
7112
7126
|
key: facet.key,
|
|
7113
7127
|
facet,
|
|
7114
7128
|
currentFilters: currentFiltersValue.value,
|
|
@@ -7123,8 +7137,8 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
|
|
|
7123
7137
|
};
|
|
7124
7138
|
}
|
|
7125
7139
|
});
|
|
7126
|
-
const _hoisted_1$
|
|
7127
|
-
const _sfc_main$
|
|
7140
|
+
const _hoisted_1$A = { class: "lupa-search-result-facets" };
|
|
7141
|
+
const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
|
|
7128
7142
|
__name: "Facets",
|
|
7129
7143
|
props: {
|
|
7130
7144
|
options: {},
|
|
@@ -7170,8 +7184,8 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
|
|
|
7170
7184
|
paramStore.removeParameters({ paramsToRemove: [param] });
|
|
7171
7185
|
};
|
|
7172
7186
|
return (_ctx, _cache) => {
|
|
7173
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
7174
|
-
regularFacets.value ? (vue.openBlock(), vue.createBlock(_sfc_main$
|
|
7187
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$A, [
|
|
7188
|
+
regularFacets.value ? (vue.openBlock(), vue.createBlock(_sfc_main$E, {
|
|
7175
7189
|
key: 0,
|
|
7176
7190
|
options: _ctx.options,
|
|
7177
7191
|
facets: regularFacets.value,
|
|
@@ -7185,11 +7199,11 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
|
|
|
7185
7199
|
};
|
|
7186
7200
|
}
|
|
7187
7201
|
});
|
|
7188
|
-
const _hoisted_1$
|
|
7202
|
+
const _hoisted_1$z = {
|
|
7189
7203
|
id: "lupa-search-result-filters",
|
|
7190
7204
|
class: "lupa-search-result-filters"
|
|
7191
7205
|
};
|
|
7192
|
-
const _sfc_main$
|
|
7206
|
+
const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
|
|
7193
7207
|
__name: "SearchResultsFilters",
|
|
7194
7208
|
props: {
|
|
7195
7209
|
options: {},
|
|
@@ -7218,19 +7232,19 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
|
|
|
7218
7232
|
__expose({ fetch: fetch2 });
|
|
7219
7233
|
return (_ctx, _cache) => {
|
|
7220
7234
|
var _a;
|
|
7221
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
7222
|
-
showCurrentFilters.value ? (vue.openBlock(), vue.createBlock(_sfc_main$
|
|
7235
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$z, [
|
|
7236
|
+
showCurrentFilters.value ? (vue.openBlock(), vue.createBlock(_sfc_main$M, {
|
|
7223
7237
|
key: 0,
|
|
7224
7238
|
options: _ctx.options.currentFilters,
|
|
7225
7239
|
expandable: (_a = _ctx.expandable) != null ? _a : false
|
|
7226
7240
|
}, null, 8, ["options", "expandable"])) : vue.createCommentVNode("", true),
|
|
7227
|
-
_ctx.options.categories ? (vue.openBlock(), vue.createBlock(_sfc_main$
|
|
7241
|
+
_ctx.options.categories ? (vue.openBlock(), vue.createBlock(_sfc_main$K, {
|
|
7228
7242
|
key: 1,
|
|
7229
7243
|
options: _ctx.options.categories,
|
|
7230
7244
|
ref_key: "categoryFilters",
|
|
7231
7245
|
ref: categoryFilters
|
|
7232
7246
|
}, null, 8, ["options"])) : vue.createCommentVNode("", true),
|
|
7233
|
-
_ctx.options.facets ? (vue.openBlock(), vue.createBlock(_sfc_main$
|
|
7247
|
+
_ctx.options.facets ? (vue.openBlock(), vue.createBlock(_sfc_main$D, {
|
|
7234
7248
|
key: 2,
|
|
7235
7249
|
options: _ctx.options.facets
|
|
7236
7250
|
}, null, 8, ["options"])) : vue.createCommentVNode("", true)
|
|
@@ -7238,11 +7252,11 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
|
|
|
7238
7252
|
};
|
|
7239
7253
|
}
|
|
7240
7254
|
});
|
|
7241
|
-
const _hoisted_1$
|
|
7255
|
+
const _hoisted_1$y = {
|
|
7242
7256
|
key: 0,
|
|
7243
7257
|
class: "lupa-mobile-filter-sidebar"
|
|
7244
7258
|
};
|
|
7245
|
-
const _hoisted_2$
|
|
7259
|
+
const _hoisted_2$m = ["onClick"];
|
|
7246
7260
|
const _hoisted_3$g = { class: "lupa-mobile-sidebar-content" };
|
|
7247
7261
|
const _hoisted_4$c = { class: "lupa-sidebar-top" };
|
|
7248
7262
|
const _hoisted_5$5 = { class: "lupa-sidebar-title" };
|
|
@@ -7251,7 +7265,7 @@ const _hoisted_6$3 = {
|
|
|
7251
7265
|
class: "lupa-sidebar-filter-count"
|
|
7252
7266
|
};
|
|
7253
7267
|
const _hoisted_7$3 = { class: "lupa-sidebar-filter-options" };
|
|
7254
|
-
const _sfc_main$
|
|
7268
|
+
const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
|
|
7255
7269
|
__name: "MobileFilterSidebar",
|
|
7256
7270
|
props: {
|
|
7257
7271
|
options: {}
|
|
@@ -7277,11 +7291,11 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
|
|
|
7277
7291
|
searchResultStore.setSidebarState({ visible: false });
|
|
7278
7292
|
};
|
|
7279
7293
|
return (_ctx, _cache) => {
|
|
7280
|
-
return isMobileSidebarVisible.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
7294
|
+
return isMobileSidebarVisible.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$y, [
|
|
7281
7295
|
vue.createElementVNode("div", {
|
|
7282
7296
|
class: "lupa-sidebar-close",
|
|
7283
7297
|
onClick: vue.withModifiers(handleMobileToggle, ["stop"])
|
|
7284
|
-
}, null, 8, _hoisted_2$
|
|
7298
|
+
}, null, 8, _hoisted_2$m),
|
|
7285
7299
|
vue.createElementVNode("div", _hoisted_3$g, [
|
|
7286
7300
|
vue.createElementVNode("div", _hoisted_4$c, [
|
|
7287
7301
|
vue.createElementVNode("div", _hoisted_5$5, [
|
|
@@ -7294,7 +7308,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
|
|
|
7294
7308
|
})
|
|
7295
7309
|
]),
|
|
7296
7310
|
vue.createElementVNode("div", _hoisted_7$3, [
|
|
7297
|
-
vue.createVNode(_sfc_main$
|
|
7311
|
+
vue.createVNode(_sfc_main$C, {
|
|
7298
7312
|
options: _ctx.options,
|
|
7299
7313
|
expandable: isActiveFiltersExpanded.value
|
|
7300
7314
|
}, null, 8, ["options", "expandable"])
|
|
@@ -7304,14 +7318,14 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
|
|
|
7304
7318
|
};
|
|
7305
7319
|
}
|
|
7306
7320
|
});
|
|
7307
|
-
const _hoisted_1$
|
|
7308
|
-
const _hoisted_2$
|
|
7321
|
+
const _hoisted_1$x = { id: "lupa-search-results-breadcrumbs" };
|
|
7322
|
+
const _hoisted_2$l = ["href", "onClick"];
|
|
7309
7323
|
const _hoisted_3$f = {
|
|
7310
7324
|
key: 1,
|
|
7311
7325
|
class: "lupa-search-results-breadcrumb-text"
|
|
7312
7326
|
};
|
|
7313
7327
|
const _hoisted_4$b = { key: 2 };
|
|
7314
|
-
const _sfc_main$
|
|
7328
|
+
const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
|
|
7315
7329
|
__name: "SearchResultsBreadcrumbs",
|
|
7316
7330
|
props: {
|
|
7317
7331
|
breadcrumbs: {}
|
|
@@ -7336,7 +7350,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
|
|
|
7336
7350
|
handleRoutingEvent(link, event, hasEventRouting.value);
|
|
7337
7351
|
};
|
|
7338
7352
|
return (_ctx, _cache) => {
|
|
7339
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
7353
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$x, [
|
|
7340
7354
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(breadcrumbsValue.value, (breadcrumb, index) => {
|
|
7341
7355
|
return vue.openBlock(), vue.createElementBlock("span", {
|
|
7342
7356
|
class: "lupa-search-results-breadcrumb",
|
|
@@ -7350,7 +7364,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
|
|
|
7350
7364
|
var _a;
|
|
7351
7365
|
return handleNavigation(e, (_a = breadcrumb == null ? void 0 : breadcrumb.link) != null ? _a : "");
|
|
7352
7366
|
}
|
|
7353
|
-
}, vue.toDisplayString(getLabel(breadcrumb.label)), 9, _hoisted_2$
|
|
7367
|
+
}, vue.toDisplayString(getLabel(breadcrumb.label)), 9, _hoisted_2$l)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$f, vue.toDisplayString(getLabel(breadcrumb.label)), 1)),
|
|
7354
7368
|
index < breadcrumbsValue.value.length - 1 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$b, " / ")) : vue.createCommentVNode("", true)
|
|
7355
7369
|
]);
|
|
7356
7370
|
}), 128))
|
|
@@ -7358,11 +7372,11 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
|
|
|
7358
7372
|
};
|
|
7359
7373
|
}
|
|
7360
7374
|
});
|
|
7361
|
-
const _hoisted_1$
|
|
7375
|
+
const _hoisted_1$w = {
|
|
7362
7376
|
id: "lupa-search-result-filters",
|
|
7363
7377
|
class: "lupa-search-result-filters"
|
|
7364
7378
|
};
|
|
7365
|
-
const _sfc_main$
|
|
7379
|
+
const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
|
|
7366
7380
|
__name: "FiltersTopDropdown",
|
|
7367
7381
|
props: {
|
|
7368
7382
|
options: {}
|
|
@@ -7370,8 +7384,8 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
|
|
|
7370
7384
|
setup(__props) {
|
|
7371
7385
|
return (_ctx, _cache) => {
|
|
7372
7386
|
var _a;
|
|
7373
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
7374
|
-
_ctx.options.facets ? (vue.openBlock(), vue.createBlock(_sfc_main$
|
|
7387
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$w, [
|
|
7388
|
+
_ctx.options.facets ? (vue.openBlock(), vue.createBlock(_sfc_main$D, {
|
|
7375
7389
|
key: 0,
|
|
7376
7390
|
options: _ctx.options.facets,
|
|
7377
7391
|
"facet-style": (_a = _ctx.options.facets.style) == null ? void 0 : _a.type,
|
|
@@ -7381,8 +7395,8 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
|
|
|
7381
7395
|
};
|
|
7382
7396
|
}
|
|
7383
7397
|
});
|
|
7384
|
-
const _hoisted_1$
|
|
7385
|
-
const _sfc_main$
|
|
7398
|
+
const _hoisted_1$v = { id: "lupa-search-results-layout-selection" };
|
|
7399
|
+
const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
|
|
7386
7400
|
__name: "SearchResultsLayoutSelection",
|
|
7387
7401
|
setup(__props) {
|
|
7388
7402
|
const searchResultStore = useSearchResultStore();
|
|
@@ -7393,7 +7407,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
|
|
|
7393
7407
|
searchResultStore.setLayout(layout2);
|
|
7394
7408
|
};
|
|
7395
7409
|
return (_ctx, _cache) => {
|
|
7396
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
7410
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$v, [
|
|
7397
7411
|
vue.createElementVNode("div", {
|
|
7398
7412
|
class: vue.normalizeClass([
|
|
7399
7413
|
"lupa-layout-selection-grid",
|
|
@@ -7415,11 +7429,11 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
|
|
|
7415
7429
|
};
|
|
7416
7430
|
}
|
|
7417
7431
|
});
|
|
7418
|
-
const _hoisted_1$
|
|
7432
|
+
const _hoisted_1$u = {
|
|
7419
7433
|
key: 0,
|
|
7420
7434
|
class: "lupa-mobile-toggle-filter-count"
|
|
7421
7435
|
};
|
|
7422
|
-
const _sfc_main$
|
|
7436
|
+
const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
|
|
7423
7437
|
__name: "SearchResultsMobileToggle",
|
|
7424
7438
|
props: {
|
|
7425
7439
|
label: {},
|
|
@@ -7437,17 +7451,17 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
|
|
|
7437
7451
|
onClick: handleMobileToggle
|
|
7438
7452
|
}, [
|
|
7439
7453
|
vue.createTextVNode(vue.toDisplayString(_ctx.label) + " ", 1),
|
|
7440
|
-
_ctx.showFilterCount && vue.unref(currentFilterCount) > 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$
|
|
7454
|
+
_ctx.showFilterCount && vue.unref(currentFilterCount) > 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$u, vue.toDisplayString(vue.unref(currentFilterCount)), 1)) : vue.createCommentVNode("", true)
|
|
7441
7455
|
], 2);
|
|
7442
7456
|
};
|
|
7443
7457
|
}
|
|
7444
7458
|
});
|
|
7445
|
-
const _hoisted_1$
|
|
7459
|
+
const _hoisted_1$t = {
|
|
7446
7460
|
key: 0,
|
|
7447
7461
|
id: "lupa-search-results-page-select",
|
|
7448
7462
|
"data-cy": "lupa-search-results-page-select"
|
|
7449
7463
|
};
|
|
7450
|
-
const _hoisted_2$
|
|
7464
|
+
const _hoisted_2$k = {
|
|
7451
7465
|
key: 0,
|
|
7452
7466
|
class: "lupa-page-number-separator"
|
|
7453
7467
|
};
|
|
@@ -7456,7 +7470,7 @@ const _hoisted_4$a = {
|
|
|
7456
7470
|
key: 0,
|
|
7457
7471
|
class: "lupa-page-number-separator"
|
|
7458
7472
|
};
|
|
7459
|
-
const _sfc_main$
|
|
7473
|
+
const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
|
|
7460
7474
|
__name: "SearchResultsPageSelect",
|
|
7461
7475
|
props: {
|
|
7462
7476
|
lastPageLabel: {},
|
|
@@ -7518,7 +7532,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
|
|
|
7518
7532
|
}
|
|
7519
7533
|
};
|
|
7520
7534
|
return (_ctx, _cache) => {
|
|
7521
|
-
return showPagination.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
7535
|
+
return showPagination.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$t, [
|
|
7522
7536
|
showBack.value ? (vue.openBlock(), vue.createElementBlock("div", {
|
|
7523
7537
|
key: 0,
|
|
7524
7538
|
class: vue.normalizeClass(firstPageLabel.value === "<" ? "lupa-page-arrow" : "lupa-show-less"),
|
|
@@ -7529,7 +7543,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
|
|
|
7529
7543
|
class: "lupa-page-number lupa-page-number-first",
|
|
7530
7544
|
onClick: _cache[1] || (_cache[1] = () => handlePageChange(1))
|
|
7531
7545
|
}, " 1 "),
|
|
7532
|
-
showFirstPageSeparator.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$
|
|
7546
|
+
showFirstPageSeparator.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$k, "...")) : vue.createCommentVNode("", true)
|
|
7533
7547
|
], 64)) : vue.createCommentVNode("", true),
|
|
7534
7548
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(pages.value, (page) => {
|
|
7535
7549
|
return vue.openBlock(), vue.createElementBlock("div", {
|
|
@@ -7562,13 +7576,13 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
|
|
|
7562
7576
|
};
|
|
7563
7577
|
}
|
|
7564
7578
|
});
|
|
7565
|
-
const _hoisted_1$
|
|
7579
|
+
const _hoisted_1$s = {
|
|
7566
7580
|
id: "lupa-search-results-page-size",
|
|
7567
7581
|
"data-cy": "lupa-search-results-page-size"
|
|
7568
7582
|
};
|
|
7569
|
-
const _hoisted_2$
|
|
7583
|
+
const _hoisted_2$j = { id: "lupa-select" };
|
|
7570
7584
|
const _hoisted_3$d = { class: "lupa-select-label" };
|
|
7571
|
-
const _sfc_main$
|
|
7585
|
+
const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
|
|
7572
7586
|
__name: "SearchResultsPageSize",
|
|
7573
7587
|
props: {
|
|
7574
7588
|
label: {},
|
|
@@ -7585,8 +7599,8 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
|
|
|
7585
7599
|
});
|
|
7586
7600
|
};
|
|
7587
7601
|
return (_ctx, _cache) => {
|
|
7588
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
7589
|
-
vue.createElementVNode("div", _hoisted_2$
|
|
7602
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$s, [
|
|
7603
|
+
vue.createElementVNode("div", _hoisted_2$j, [
|
|
7590
7604
|
vue.createElementVNode("label", _hoisted_3$d, vue.toDisplayString(_ctx.label), 1),
|
|
7591
7605
|
vue.createElementVNode("select", {
|
|
7592
7606
|
class: "lupa-select-dropdown",
|
|
@@ -7604,14 +7618,14 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
|
|
|
7604
7618
|
};
|
|
7605
7619
|
}
|
|
7606
7620
|
});
|
|
7607
|
-
const _hoisted_1$
|
|
7621
|
+
const _hoisted_1$r = {
|
|
7608
7622
|
id: "lupa-search-results-sort",
|
|
7609
7623
|
class: "lupa-search-results-sort"
|
|
7610
7624
|
};
|
|
7611
|
-
const _hoisted_2$
|
|
7625
|
+
const _hoisted_2$i = { id: "lupa-select" };
|
|
7612
7626
|
const _hoisted_3$c = { class: "lupa-select-label" };
|
|
7613
7627
|
const _hoisted_4$9 = ["value"];
|
|
7614
|
-
const _sfc_main$
|
|
7628
|
+
const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
|
|
7615
7629
|
__name: "SearchResultsSort",
|
|
7616
7630
|
props: {
|
|
7617
7631
|
options: {}
|
|
@@ -7653,8 +7667,8 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
|
|
|
7653
7667
|
});
|
|
7654
7668
|
};
|
|
7655
7669
|
return (_ctx, _cache) => {
|
|
7656
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
7657
|
-
vue.createElementVNode("div", _hoisted_2$
|
|
7670
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$r, [
|
|
7671
|
+
vue.createElementVNode("div", _hoisted_2$i, [
|
|
7658
7672
|
vue.createElementVNode("label", _hoisted_3$c, vue.toDisplayString(_ctx.options.label), 1),
|
|
7659
7673
|
vue.withDirectives(vue.createElementVNode("select", {
|
|
7660
7674
|
class: "lupa-select-dropdown",
|
|
@@ -7677,14 +7691,14 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
|
|
|
7677
7691
|
};
|
|
7678
7692
|
}
|
|
7679
7693
|
});
|
|
7680
|
-
const _hoisted_1$
|
|
7681
|
-
const _hoisted_2$
|
|
7694
|
+
const _hoisted_1$q = { class: "lupa-toolbar-left" };
|
|
7695
|
+
const _hoisted_2$h = { key: 1 };
|
|
7682
7696
|
const _hoisted_3$b = { key: 3 };
|
|
7683
7697
|
const _hoisted_4$8 = { key: 5 };
|
|
7684
7698
|
const _hoisted_5$4 = { class: "lupa-toolbar-right" };
|
|
7685
7699
|
const _hoisted_6$2 = { key: 1 };
|
|
7686
7700
|
const _hoisted_7$2 = { key: 3 };
|
|
7687
|
-
const _sfc_main$
|
|
7701
|
+
const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
|
|
7688
7702
|
__name: "SearchResultsToolbar",
|
|
7689
7703
|
props: {
|
|
7690
7704
|
options: {},
|
|
@@ -7781,15 +7795,15 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
|
|
|
7781
7795
|
id: "lupa-search-results-toolbar",
|
|
7782
7796
|
class: vue.normalizeClass({ "lupa-filter-no-results": !hasResults.value })
|
|
7783
7797
|
}, [
|
|
7784
|
-
vue.createElementVNode("div", _hoisted_1$
|
|
7785
|
-
showLayoutSelection.value ? (vue.openBlock(), vue.createBlock(_sfc_main$
|
|
7786
|
-
showItemSummary.value ? (vue.openBlock(), vue.createBlock(_sfc_main$
|
|
7798
|
+
vue.createElementVNode("div", _hoisted_1$q, [
|
|
7799
|
+
showLayoutSelection.value ? (vue.openBlock(), vue.createBlock(_sfc_main$y, { key: 0 })) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$h)),
|
|
7800
|
+
showItemSummary.value ? (vue.openBlock(), vue.createBlock(_sfc_main$P, {
|
|
7787
7801
|
key: 2,
|
|
7788
7802
|
label: searchSummaryLabel.value,
|
|
7789
7803
|
clearable: vue.unref(hasAnyFilter) && showFilterClear.value,
|
|
7790
7804
|
onClear: handleClearAll
|
|
7791
7805
|
}, null, 8, ["label", "clearable"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$b)),
|
|
7792
|
-
displayPageSelect.value ? (vue.openBlock(), vue.createBlock(_sfc_main$
|
|
7806
|
+
displayPageSelect.value ? (vue.openBlock(), vue.createBlock(_sfc_main$w, {
|
|
7793
7807
|
key: 4,
|
|
7794
7808
|
options: paginationOptions.value.pageSelect,
|
|
7795
7809
|
"last-page-label": paginationOptions.value.labels.showMore,
|
|
@@ -7797,16 +7811,16 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
|
|
|
7797
7811
|
}, null, 8, ["options", "last-page-label", "first-page-label"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$8))
|
|
7798
7812
|
]),
|
|
7799
7813
|
vue.createElementVNode("div", _hoisted_5$4, [
|
|
7800
|
-
vue.createVNode(_sfc_main$
|
|
7814
|
+
vue.createVNode(_sfc_main$x, {
|
|
7801
7815
|
label: optionsValue.value.labels.mobileFilterButton,
|
|
7802
7816
|
"show-filter-count": showMobileFilterCount.value
|
|
7803
7817
|
}, null, 8, ["label", "show-filter-count"]),
|
|
7804
|
-
paginationDisplay.value.pageSize ? (vue.openBlock(), vue.createBlock(_sfc_main$
|
|
7818
|
+
paginationDisplay.value.pageSize ? (vue.openBlock(), vue.createBlock(_sfc_main$v, {
|
|
7805
7819
|
key: 0,
|
|
7806
7820
|
options: paginationOptions.value.pageSize,
|
|
7807
7821
|
label: paginationOptions.value.labels.pageSize
|
|
7808
7822
|
}, null, 8, ["options", "label"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$2)),
|
|
7809
|
-
sortOptions.value ? (vue.openBlock(), vue.createBlock(_sfc_main$
|
|
7823
|
+
sortOptions.value ? (vue.openBlock(), vue.createBlock(_sfc_main$u, {
|
|
7810
7824
|
key: 2,
|
|
7811
7825
|
options: sortOptions.value
|
|
7812
7826
|
}, null, 8, ["options"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$2))
|
|
@@ -7815,14 +7829,14 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
|
|
|
7815
7829
|
};
|
|
7816
7830
|
}
|
|
7817
7831
|
});
|
|
7818
|
-
const _hoisted_1$
|
|
7819
|
-
const _hoisted_2$
|
|
7832
|
+
const _hoisted_1$p = { class: "lupa-badge-title" };
|
|
7833
|
+
const _hoisted_2$g = ["src"];
|
|
7820
7834
|
const _hoisted_3$a = { key: 1 };
|
|
7821
7835
|
const _hoisted_4$7 = {
|
|
7822
7836
|
key: 0,
|
|
7823
7837
|
class: "lupa-badge-full-text"
|
|
7824
7838
|
};
|
|
7825
|
-
const _sfc_main$
|
|
7839
|
+
const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
|
|
7826
7840
|
__name: "SearchResultGeneratedBadge",
|
|
7827
7841
|
props: {
|
|
7828
7842
|
options: {},
|
|
@@ -7855,11 +7869,11 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
|
|
|
7855
7869
|
class: vue.normalizeClass(["lupa-dynamic-badge", customClassName.value]),
|
|
7856
7870
|
style: vue.normalizeStyle({ background: _ctx.badge.backgroundColor, color: _ctx.badge.color })
|
|
7857
7871
|
}, [
|
|
7858
|
-
vue.createElementVNode("span", _hoisted_1$
|
|
7872
|
+
vue.createElementVNode("span", _hoisted_1$p, [
|
|
7859
7873
|
image.value ? (vue.openBlock(), vue.createElementBlock("img", {
|
|
7860
7874
|
key: 0,
|
|
7861
7875
|
src: image.value
|
|
7862
|
-
}, null, 8, _hoisted_2$
|
|
7876
|
+
}, null, 8, _hoisted_2$g)) : vue.createCommentVNode("", true),
|
|
7863
7877
|
hasTitleText.value && showTitle.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$a, vue.toDisplayString(_ctx.badge.titleText), 1)) : vue.createCommentVNode("", true)
|
|
7864
7878
|
]),
|
|
7865
7879
|
hasAdditionalText.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$7, vue.toDisplayString(_ctx.badge.additionalText), 1)) : vue.createCommentVNode("", true)
|
|
@@ -7867,8 +7881,8 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
|
|
|
7867
7881
|
};
|
|
7868
7882
|
}
|
|
7869
7883
|
});
|
|
7870
|
-
const _hoisted_1$
|
|
7871
|
-
const _sfc_main$
|
|
7884
|
+
const _hoisted_1$o = { class: "lupa-generated-badges" };
|
|
7885
|
+
const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
|
|
7872
7886
|
__name: "SearchResultGeneratedBadges",
|
|
7873
7887
|
props: {
|
|
7874
7888
|
options: {}
|
|
@@ -7894,9 +7908,9 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
|
|
|
7894
7908
|
})).filter((b) => Boolean(b.id));
|
|
7895
7909
|
});
|
|
7896
7910
|
return (_ctx, _cache) => {
|
|
7897
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
7911
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$o, [
|
|
7898
7912
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(badges.value, (badge) => {
|
|
7899
|
-
return vue.openBlock(), vue.createBlock(_sfc_main$
|
|
7913
|
+
return vue.openBlock(), vue.createBlock(_sfc_main$s, {
|
|
7900
7914
|
key: badge.id,
|
|
7901
7915
|
badge,
|
|
7902
7916
|
options: _ctx.options
|
|
@@ -7906,8 +7920,8 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
|
|
|
7906
7920
|
};
|
|
7907
7921
|
}
|
|
7908
7922
|
});
|
|
7909
|
-
const _hoisted_1$
|
|
7910
|
-
const _sfc_main$
|
|
7923
|
+
const _hoisted_1$n = ["innerHTML"];
|
|
7924
|
+
const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
|
|
7911
7925
|
__name: "CustomBadge",
|
|
7912
7926
|
props: {
|
|
7913
7927
|
badge: {}
|
|
@@ -7926,12 +7940,12 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
|
|
|
7926
7940
|
return vue.openBlock(), vue.createElementBlock("div", {
|
|
7927
7941
|
class: vue.normalizeClass(className.value),
|
|
7928
7942
|
innerHTML: text.value
|
|
7929
|
-
}, null, 10, _hoisted_1$
|
|
7943
|
+
}, null, 10, _hoisted_1$n);
|
|
7930
7944
|
};
|
|
7931
7945
|
}
|
|
7932
7946
|
});
|
|
7933
|
-
const _hoisted_1$
|
|
7934
|
-
const _sfc_main$
|
|
7947
|
+
const _hoisted_1$m = { class: "lupa-text-badges" };
|
|
7948
|
+
const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
|
|
7935
7949
|
__name: "TextBadge",
|
|
7936
7950
|
props: {
|
|
7937
7951
|
badge: {}
|
|
@@ -7946,7 +7960,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
|
|
|
7946
7960
|
return badges.value.slice(0, props.badge.maxItems);
|
|
7947
7961
|
});
|
|
7948
7962
|
return (_ctx, _cache) => {
|
|
7949
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
7963
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$m, [
|
|
7950
7964
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(displayBadges.value, (item) => {
|
|
7951
7965
|
return vue.openBlock(), vue.createElementBlock("div", {
|
|
7952
7966
|
class: "lupa-badge lupa-text-badge",
|
|
@@ -7957,9 +7971,9 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
|
|
|
7957
7971
|
};
|
|
7958
7972
|
}
|
|
7959
7973
|
});
|
|
7960
|
-
const _hoisted_1$
|
|
7961
|
-
const _hoisted_2$
|
|
7962
|
-
const _sfc_main$
|
|
7974
|
+
const _hoisted_1$l = { class: "lupa-image-badges" };
|
|
7975
|
+
const _hoisted_2$f = ["src"];
|
|
7976
|
+
const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
|
|
7963
7977
|
__name: "ImageBadge",
|
|
7964
7978
|
props: {
|
|
7965
7979
|
badge: {}
|
|
@@ -7979,7 +7993,7 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
|
|
|
7979
7993
|
return `${props.badge.rootImageUrl}${src}`;
|
|
7980
7994
|
};
|
|
7981
7995
|
return (_ctx, _cache) => {
|
|
7982
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
7996
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$l, [
|
|
7983
7997
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(displayBadges.value, (item) => {
|
|
7984
7998
|
return vue.openBlock(), vue.createElementBlock("div", {
|
|
7985
7999
|
class: "lupa-badge lupa-image-badge",
|
|
@@ -7987,22 +8001,22 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
|
|
|
7987
8001
|
}, [
|
|
7988
8002
|
vue.createElementVNode("img", {
|
|
7989
8003
|
src: getImageUrl(item)
|
|
7990
|
-
}, null, 8, _hoisted_2$
|
|
8004
|
+
}, null, 8, _hoisted_2$f)
|
|
7991
8005
|
]);
|
|
7992
8006
|
}), 128))
|
|
7993
8007
|
]);
|
|
7994
8008
|
};
|
|
7995
8009
|
}
|
|
7996
8010
|
});
|
|
7997
|
-
const _hoisted_1$
|
|
8011
|
+
const _hoisted_1$k = { id: "lupa-search-results-badges" };
|
|
7998
8012
|
const __default__$1 = {
|
|
7999
8013
|
components: {
|
|
8000
|
-
CustomBadge: _sfc_main$
|
|
8001
|
-
TextBadge: _sfc_main$
|
|
8002
|
-
ImageBadge: _sfc_main$
|
|
8014
|
+
CustomBadge: _sfc_main$q,
|
|
8015
|
+
TextBadge: _sfc_main$p,
|
|
8016
|
+
ImageBadge: _sfc_main$o
|
|
8003
8017
|
}
|
|
8004
8018
|
};
|
|
8005
|
-
const _sfc_main$
|
|
8019
|
+
const _sfc_main$n = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, __default__$1), {
|
|
8006
8020
|
__name: "SearchResultsBadgeWrapper",
|
|
8007
8021
|
props: {
|
|
8008
8022
|
position: {},
|
|
@@ -8048,7 +8062,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadVa
|
|
|
8048
8062
|
}
|
|
8049
8063
|
};
|
|
8050
8064
|
return (_ctx, _cache) => {
|
|
8051
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
8065
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$k, [
|
|
8052
8066
|
vue.createElementVNode("div", {
|
|
8053
8067
|
id: "lupa-badges",
|
|
8054
8068
|
class: vue.normalizeClass(anchorPosition.value)
|
|
@@ -8059,7 +8073,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadVa
|
|
|
8059
8073
|
badge
|
|
8060
8074
|
}, null, 8, ["badge"]);
|
|
8061
8075
|
}), 128)),
|
|
8062
|
-
positionValue.value === "card" ? (vue.openBlock(), vue.createBlock(_sfc_main$
|
|
8076
|
+
positionValue.value === "card" ? (vue.openBlock(), vue.createBlock(_sfc_main$r, {
|
|
8063
8077
|
key: 0,
|
|
8064
8078
|
options: _ctx.options
|
|
8065
8079
|
}, null, 8, ["options"])) : vue.createCommentVNode("", true)
|
|
@@ -8068,7 +8082,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadVa
|
|
|
8068
8082
|
};
|
|
8069
8083
|
}
|
|
8070
8084
|
}));
|
|
8071
|
-
const _sfc_main$
|
|
8085
|
+
const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
|
|
8072
8086
|
__name: "SearchResultsProductImage",
|
|
8073
8087
|
props: {
|
|
8074
8088
|
item: {},
|
|
@@ -8076,7 +8090,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
|
|
|
8076
8090
|
},
|
|
8077
8091
|
setup(__props) {
|
|
8078
8092
|
return (_ctx, _cache) => {
|
|
8079
|
-
return vue.openBlock(), vue.createBlock(_sfc_main$
|
|
8093
|
+
return vue.openBlock(), vue.createBlock(_sfc_main$13, {
|
|
8080
8094
|
item: _ctx.item,
|
|
8081
8095
|
options: _ctx.options,
|
|
8082
8096
|
"wrapper-class": "lupa-search-results-image-wrapper",
|
|
@@ -8085,14 +8099,14 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
|
|
|
8085
8099
|
};
|
|
8086
8100
|
}
|
|
8087
8101
|
});
|
|
8088
|
-
const _hoisted_1$
|
|
8089
|
-
const _hoisted_2$
|
|
8102
|
+
const _hoisted_1$j = ["innerHTML"];
|
|
8103
|
+
const _hoisted_2$e = ["title"];
|
|
8090
8104
|
const _hoisted_3$9 = {
|
|
8091
8105
|
key: 0,
|
|
8092
8106
|
class: "lupa-search-results-product-title-text"
|
|
8093
8107
|
};
|
|
8094
8108
|
const _hoisted_4$6 = ["href"];
|
|
8095
|
-
const _sfc_main$
|
|
8109
|
+
const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
|
|
8096
8110
|
__name: "SearchResultsProductTitle",
|
|
8097
8111
|
props: {
|
|
8098
8112
|
item: {},
|
|
@@ -8125,7 +8139,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
|
|
|
8125
8139
|
class: "lupa-search-results-product-title",
|
|
8126
8140
|
style: vue.normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`),
|
|
8127
8141
|
innerHTML: title.value
|
|
8128
|
-
}, null, 12, _hoisted_1$
|
|
8142
|
+
}, null, 12, _hoisted_1$j)) : (vue.openBlock(), vue.createElementBlock("div", {
|
|
8129
8143
|
key: 1,
|
|
8130
8144
|
class: "lupa-search-results-product-title",
|
|
8131
8145
|
style: vue.normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`),
|
|
@@ -8138,12 +8152,12 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
|
|
|
8138
8152
|
class: "lupa-search-results-product-title-text lupa-title-link",
|
|
8139
8153
|
onClick: handleNavigation
|
|
8140
8154
|
}, vue.toDisplayString(title.value), 9, _hoisted_4$6)) : vue.createCommentVNode("", true)
|
|
8141
|
-
], 12, _hoisted_2$
|
|
8155
|
+
], 12, _hoisted_2$e));
|
|
8142
8156
|
};
|
|
8143
8157
|
}
|
|
8144
8158
|
});
|
|
8145
|
-
const _hoisted_1$
|
|
8146
|
-
const _sfc_main$
|
|
8159
|
+
const _hoisted_1$i = ["innerHTML"];
|
|
8160
|
+
const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
|
|
8147
8161
|
__name: "SearchResultsProductDescription",
|
|
8148
8162
|
props: {
|
|
8149
8163
|
item: {},
|
|
@@ -8167,7 +8181,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
|
|
|
8167
8181
|
class: "lupa-search-results-product-description",
|
|
8168
8182
|
style: vue.normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`),
|
|
8169
8183
|
innerHTML: description.value
|
|
8170
|
-
}, null, 12, _hoisted_1$
|
|
8184
|
+
}, null, 12, _hoisted_1$i)) : (vue.openBlock(), vue.createElementBlock("div", {
|
|
8171
8185
|
key: 1,
|
|
8172
8186
|
class: "lupa-search-results-product-description",
|
|
8173
8187
|
style: vue.normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`)
|
|
@@ -8175,15 +8189,15 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
|
|
|
8175
8189
|
};
|
|
8176
8190
|
}
|
|
8177
8191
|
});
|
|
8178
|
-
const _hoisted_1$
|
|
8179
|
-
const _hoisted_2$
|
|
8192
|
+
const _hoisted_1$h = { id: "lupa-search-results-rating" };
|
|
8193
|
+
const _hoisted_2$d = { class: "lupa-ratings" };
|
|
8180
8194
|
const _hoisted_3$8 = { class: "lupa-ratings-base" };
|
|
8181
8195
|
const _hoisted_4$5 = ["innerHTML"];
|
|
8182
8196
|
const _hoisted_5$3 = { class: "lupa-rating-wrapper" };
|
|
8183
8197
|
const _hoisted_6$1 = ["innerHTML"];
|
|
8184
8198
|
const _hoisted_7$1 = ["href"];
|
|
8185
8199
|
const STAR_COUNT = 5;
|
|
8186
|
-
const _sfc_main$
|
|
8200
|
+
const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
|
|
8187
8201
|
__name: "SearchResultsProductRating",
|
|
8188
8202
|
props: {
|
|
8189
8203
|
item: {},
|
|
@@ -8214,8 +8228,8 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
|
|
|
8214
8228
|
return generateLink(props.options.links.ratingDetails, props.item);
|
|
8215
8229
|
});
|
|
8216
8230
|
return (_ctx, _cache) => {
|
|
8217
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
8218
|
-
vue.createElementVNode("div", _hoisted_2$
|
|
8231
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$h, [
|
|
8232
|
+
vue.createElementVNode("div", _hoisted_2$d, [
|
|
8219
8233
|
vue.createElementVNode("div", _hoisted_3$8, [
|
|
8220
8234
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(baseStars.value, (star, index) => {
|
|
8221
8235
|
return vue.openBlock(), vue.createElementBlock("div", {
|
|
@@ -8248,11 +8262,11 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
|
|
|
8248
8262
|
};
|
|
8249
8263
|
}
|
|
8250
8264
|
});
|
|
8251
|
-
const _hoisted_1$
|
|
8265
|
+
const _hoisted_1$g = {
|
|
8252
8266
|
class: "lupa-search-results-product-regular-price",
|
|
8253
8267
|
"data-cy": "lupa-search-results-product-regular-price"
|
|
8254
8268
|
};
|
|
8255
|
-
const _sfc_main$
|
|
8269
|
+
const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
|
|
8256
8270
|
__name: "SearchResultsProductRegularPrice",
|
|
8257
8271
|
props: {
|
|
8258
8272
|
item: {},
|
|
@@ -8270,15 +8284,15 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
|
|
|
8270
8284
|
);
|
|
8271
8285
|
});
|
|
8272
8286
|
return (_ctx, _cache) => {
|
|
8273
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
8287
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$g, vue.toDisplayString(price.value), 1);
|
|
8274
8288
|
};
|
|
8275
8289
|
}
|
|
8276
8290
|
});
|
|
8277
|
-
const _hoisted_1$
|
|
8291
|
+
const _hoisted_1$f = {
|
|
8278
8292
|
class: "lupa-search-results-product-price",
|
|
8279
8293
|
"data-cy": "lupa-search-results-product-price"
|
|
8280
8294
|
};
|
|
8281
|
-
const _sfc_main$
|
|
8295
|
+
const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
|
|
8282
8296
|
__name: "SearchResultsProductPrice",
|
|
8283
8297
|
props: {
|
|
8284
8298
|
item: {},
|
|
@@ -8296,16 +8310,16 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
|
|
|
8296
8310
|
);
|
|
8297
8311
|
});
|
|
8298
8312
|
return (_ctx, _cache) => {
|
|
8299
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
8313
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$f, [
|
|
8300
8314
|
vue.createElementVNode("strong", null, vue.toDisplayString(price.value), 1)
|
|
8301
8315
|
]);
|
|
8302
8316
|
};
|
|
8303
8317
|
}
|
|
8304
8318
|
});
|
|
8305
|
-
const _hoisted_1$
|
|
8306
|
-
const _hoisted_2$
|
|
8319
|
+
const _hoisted_1$e = { class: "lupa-search-results-add-to-cart-wrapper" };
|
|
8320
|
+
const _hoisted_2$c = { class: "lupa-search-results-product-addtocart" };
|
|
8307
8321
|
const _hoisted_3$7 = ["onClick", "disabled"];
|
|
8308
|
-
const _sfc_main$
|
|
8322
|
+
const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
|
|
8309
8323
|
__name: "SearchResultsProductAddToCart",
|
|
8310
8324
|
props: {
|
|
8311
8325
|
item: {},
|
|
@@ -8332,8 +8346,8 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
|
|
|
8332
8346
|
loading.value = false;
|
|
8333
8347
|
});
|
|
8334
8348
|
return (_ctx, _cache) => {
|
|
8335
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
8336
|
-
vue.createElementVNode("div", _hoisted_2$
|
|
8349
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$e, [
|
|
8350
|
+
vue.createElementVNode("div", _hoisted_2$c, [
|
|
8337
8351
|
vue.createElementVNode("button", {
|
|
8338
8352
|
onClick: vue.withModifiers(handleClick, ["stop"]),
|
|
8339
8353
|
class: vue.normalizeClass(loading.value ? "lupa-add-to-cart-loading" : "lupa-add-to-cart"),
|
|
@@ -8345,12 +8359,12 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
|
|
|
8345
8359
|
};
|
|
8346
8360
|
}
|
|
8347
8361
|
});
|
|
8348
|
-
const _hoisted_1$
|
|
8349
|
-
const _hoisted_2$
|
|
8362
|
+
const _hoisted_1$d = ["innerHTML"];
|
|
8363
|
+
const _hoisted_2$b = { key: 0 };
|
|
8350
8364
|
const _hoisted_3$6 = { key: 1 };
|
|
8351
8365
|
const _hoisted_4$4 = { class: "lupa-search-box-custom-label" };
|
|
8352
8366
|
const _hoisted_5$2 = { class: "lupa-search-box-custom-text" };
|
|
8353
|
-
const _sfc_main$
|
|
8367
|
+
const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
|
|
8354
8368
|
__name: "SearchResultsProductCustom",
|
|
8355
8369
|
props: {
|
|
8356
8370
|
item: {},
|
|
@@ -8388,11 +8402,11 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
|
|
|
8388
8402
|
key: 0,
|
|
8389
8403
|
class: className.value,
|
|
8390
8404
|
innerHTML: text.value
|
|
8391
|
-
}, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$
|
|
8405
|
+
}, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$d)) : (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
|
|
8392
8406
|
key: 1,
|
|
8393
8407
|
class: className.value
|
|
8394
8408
|
}, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
|
|
8395
|
-
!label.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$
|
|
8409
|
+
!label.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$b, vue.toDisplayString(text.value), 1)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$6, [
|
|
8396
8410
|
vue.createElementVNode("div", _hoisted_4$4, vue.toDisplayString(label.value), 1),
|
|
8397
8411
|
vue.createElementVNode("div", _hoisted_5$2, vue.toDisplayString(text.value), 1)
|
|
8398
8412
|
]))
|
|
@@ -8400,8 +8414,8 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
|
|
|
8400
8414
|
};
|
|
8401
8415
|
}
|
|
8402
8416
|
});
|
|
8403
|
-
const _hoisted_1$
|
|
8404
|
-
const _sfc_main$
|
|
8417
|
+
const _hoisted_1$c = ["innerHTML"];
|
|
8418
|
+
const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
|
|
8405
8419
|
__name: "SearchResultsProductCustomHtmlElement",
|
|
8406
8420
|
props: {
|
|
8407
8421
|
item: {},
|
|
@@ -8425,15 +8439,15 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
|
|
|
8425
8439
|
return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
|
|
8426
8440
|
class: className.value,
|
|
8427
8441
|
innerHTML: text.value
|
|
8428
|
-
}, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$
|
|
8442
|
+
}, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$c);
|
|
8429
8443
|
};
|
|
8430
8444
|
}
|
|
8431
8445
|
});
|
|
8432
|
-
const _hoisted_1$
|
|
8433
|
-
const _hoisted_2$
|
|
8446
|
+
const _hoisted_1$b = { id: "lupa-search-results-rating" };
|
|
8447
|
+
const _hoisted_2$a = ["innerHTML"];
|
|
8434
8448
|
const _hoisted_3$5 = { class: "lupa-ratings" };
|
|
8435
8449
|
const _hoisted_4$3 = ["href"];
|
|
8436
|
-
const _sfc_main$
|
|
8450
|
+
const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
|
|
8437
8451
|
__name: "SearchResultsProductSingleStarRating",
|
|
8438
8452
|
props: {
|
|
8439
8453
|
item: {},
|
|
@@ -8461,11 +8475,11 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
|
|
|
8461
8475
|
return RATING_STAR_HTML;
|
|
8462
8476
|
});
|
|
8463
8477
|
return (_ctx, _cache) => {
|
|
8464
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
8478
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [
|
|
8465
8479
|
vue.createElementVNode("div", {
|
|
8466
8480
|
innerHTML: star.value,
|
|
8467
8481
|
class: "lupa-rating lupa-rating-highlighted"
|
|
8468
|
-
}, null, 8, _hoisted_2$
|
|
8482
|
+
}, null, 8, _hoisted_2$a),
|
|
8469
8483
|
vue.createElementVNode("div", _hoisted_3$5, vue.toDisplayString(rating.value), 1),
|
|
8470
8484
|
vue.createElementVNode("a", {
|
|
8471
8485
|
href: ratingLink.value,
|
|
@@ -8477,19 +8491,19 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
|
|
|
8477
8491
|
});
|
|
8478
8492
|
const __default__ = {
|
|
8479
8493
|
components: {
|
|
8480
|
-
SearchResultsProductImage: _sfc_main$
|
|
8481
|
-
SearchResultsProductTitle: _sfc_main$
|
|
8482
|
-
SearchResultsProductDescription: _sfc_main$
|
|
8483
|
-
SearchResultsProductRating: _sfc_main$
|
|
8484
|
-
SearchResultsProductRegularPrice: _sfc_main$
|
|
8485
|
-
SearchResultsProductPrice: _sfc_main$
|
|
8486
|
-
SearchResultsProductAddToCart: _sfc_main$
|
|
8487
|
-
SearchResultsProductCustom: _sfc_main$
|
|
8488
|
-
SearchResultsProductCustomHtmlElement: _sfc_main$
|
|
8489
|
-
SearchResultsProductSingleStarRating: _sfc_main$
|
|
8490
|
-
}
|
|
8491
|
-
};
|
|
8492
|
-
const _sfc_main$
|
|
8494
|
+
SearchResultsProductImage: _sfc_main$m,
|
|
8495
|
+
SearchResultsProductTitle: _sfc_main$l,
|
|
8496
|
+
SearchResultsProductDescription: _sfc_main$k,
|
|
8497
|
+
SearchResultsProductRating: _sfc_main$j,
|
|
8498
|
+
SearchResultsProductRegularPrice: _sfc_main$i,
|
|
8499
|
+
SearchResultsProductPrice: _sfc_main$h,
|
|
8500
|
+
SearchResultsProductAddToCart: _sfc_main$g,
|
|
8501
|
+
SearchResultsProductCustom: _sfc_main$f,
|
|
8502
|
+
SearchResultsProductCustomHtmlElement: _sfc_main$e,
|
|
8503
|
+
SearchResultsProductSingleStarRating: _sfc_main$d
|
|
8504
|
+
}
|
|
8505
|
+
};
|
|
8506
|
+
const _sfc_main$c = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, __default__), {
|
|
8493
8507
|
__name: "SearchResultsProductCardElement",
|
|
8494
8508
|
props: {
|
|
8495
8509
|
item: {},
|
|
@@ -8559,13 +8573,13 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadVa
|
|
|
8559
8573
|
};
|
|
8560
8574
|
}
|
|
8561
8575
|
}));
|
|
8562
|
-
const _hoisted_1$
|
|
8563
|
-
const _hoisted_2$
|
|
8576
|
+
const _hoisted_1$a = ["href"];
|
|
8577
|
+
const _hoisted_2$9 = {
|
|
8564
8578
|
key: 0,
|
|
8565
8579
|
class: "lupa-out-of-stock"
|
|
8566
8580
|
};
|
|
8567
8581
|
const _hoisted_3$4 = { class: "lupa-search-result-product-details-section" };
|
|
8568
|
-
const _sfc_main$
|
|
8582
|
+
const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
|
|
8569
8583
|
__name: "SearchResultsProductCard",
|
|
8570
8584
|
props: {
|
|
8571
8585
|
product: {},
|
|
@@ -8710,7 +8724,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
|
|
|
8710
8724
|
class: vue.normalizeClass(["lupa-search-result-product-card", !isInStock.value ? "lupa-out-of-stock" : ""]),
|
|
8711
8725
|
onClick: handleClick
|
|
8712
8726
|
}, [
|
|
8713
|
-
vue.createVNode(_sfc_main$
|
|
8727
|
+
vue.createVNode(_sfc_main$n, { options: badgesOptions.value }, null, 8, ["options"]),
|
|
8714
8728
|
vue.createElementVNode("div", {
|
|
8715
8729
|
class: vue.normalizeClass(["lupa-search-result-product-contents", listLayoutClass.value])
|
|
8716
8730
|
}, [
|
|
@@ -8720,7 +8734,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
|
|
|
8720
8734
|
onClick: handleNavigation
|
|
8721
8735
|
}, [
|
|
8722
8736
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(imageElements.value, (element) => {
|
|
8723
|
-
return vue.openBlock(), vue.createBlock(_sfc_main$
|
|
8737
|
+
return vue.openBlock(), vue.createBlock(_sfc_main$c, {
|
|
8724
8738
|
class: "lupa-search-results-product-element",
|
|
8725
8739
|
item: _ctx.product,
|
|
8726
8740
|
element,
|
|
@@ -8730,16 +8744,16 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
|
|
|
8730
8744
|
link: link.value
|
|
8731
8745
|
}, null, 8, ["item", "element", "labels", "inStock", "link"]);
|
|
8732
8746
|
}), 128)),
|
|
8733
|
-
vue.createVNode(_sfc_main$
|
|
8747
|
+
vue.createVNode(_sfc_main$n, {
|
|
8734
8748
|
options: badgesOptions.value,
|
|
8735
8749
|
position: "image",
|
|
8736
8750
|
class: "lupa-image-badges"
|
|
8737
8751
|
}, null, 8, ["options"]),
|
|
8738
|
-
((_a = labels.value) == null ? void 0 : _a.outOfStock) && !isInStock.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$
|
|
8739
|
-
], 8, _hoisted_1$
|
|
8752
|
+
((_a = labels.value) == null ? void 0 : _a.outOfStock) && !isInStock.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$9, vue.toDisplayString(labels.value.outOfStock), 1)) : vue.createCommentVNode("", true)
|
|
8753
|
+
], 8, _hoisted_1$a),
|
|
8740
8754
|
vue.createElementVNode("div", _hoisted_3$4, [
|
|
8741
8755
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(detailElements.value, (element) => {
|
|
8742
|
-
return vue.openBlock(), vue.createBlock(_sfc_main$
|
|
8756
|
+
return vue.openBlock(), vue.createBlock(_sfc_main$c, {
|
|
8743
8757
|
class: "lupa-search-results-product-element",
|
|
8744
8758
|
item: _ctx.product,
|
|
8745
8759
|
element,
|
|
@@ -8757,7 +8771,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
|
|
|
8757
8771
|
class: vue.normalizeClass("lupa-element-group-" + group)
|
|
8758
8772
|
}, [
|
|
8759
8773
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getGroupElements(group), (element) => {
|
|
8760
|
-
return vue.openBlock(), vue.createBlock(_sfc_main$
|
|
8774
|
+
return vue.openBlock(), vue.createBlock(_sfc_main$c, {
|
|
8761
8775
|
class: "lupa-search-results-product-element",
|
|
8762
8776
|
item: _ctx.product,
|
|
8763
8777
|
element,
|
|
@@ -8775,42 +8789,6 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
|
|
|
8775
8789
|
};
|
|
8776
8790
|
}
|
|
8777
8791
|
});
|
|
8778
|
-
const _hoisted_1$a = { id: "lupa-similar-query-text-component" };
|
|
8779
|
-
const _hoisted_2$9 = ["data-cy"];
|
|
8780
|
-
const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
|
|
8781
|
-
__name: "SimilarQueryText",
|
|
8782
|
-
props: {
|
|
8783
|
-
similarQuery: {},
|
|
8784
|
-
label: {}
|
|
8785
|
-
},
|
|
8786
|
-
setup(__props) {
|
|
8787
|
-
const props = __props;
|
|
8788
|
-
const searchResultStore = useSearchResultStore();
|
|
8789
|
-
const { searchResult } = storeToRefs(searchResultStore);
|
|
8790
|
-
const searchText = vue.computed(() => searchResult.value.searchText);
|
|
8791
|
-
const count = vue.computed(() => {
|
|
8792
|
-
return props.similarQuery.count;
|
|
8793
|
-
});
|
|
8794
|
-
const insertValue = (text, query) => {
|
|
8795
|
-
return text.includes("{1}") ? addParamsToLabel(text, query).split(" ") : text.split(" ");
|
|
8796
|
-
};
|
|
8797
|
-
const getStyle = (text) => {
|
|
8798
|
-
return !props.similarQuery.query.includes(text) ? "lupa-similar-query-crossed" : "";
|
|
8799
|
-
};
|
|
8800
|
-
return (_ctx, _cache) => {
|
|
8801
|
-
return vue.openBlock(), vue.createElementBlock("span", _hoisted_1$a, [
|
|
8802
|
-
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(insertValue(_ctx.label, searchText.value), (text, index) => {
|
|
8803
|
-
return vue.openBlock(), vue.createElementBlock("span", {
|
|
8804
|
-
key: index,
|
|
8805
|
-
class: vue.normalizeClass(getStyle(text)),
|
|
8806
|
-
"data-cy": getStyle(text)
|
|
8807
|
-
}, vue.toDisplayString(text) + " ", 11, _hoisted_2$9);
|
|
8808
|
-
}), 128)),
|
|
8809
|
-
vue.createTextVNode("(" + vue.toDisplayString(count.value) + ") ", 1)
|
|
8810
|
-
]);
|
|
8811
|
-
};
|
|
8812
|
-
}
|
|
8813
|
-
});
|
|
8814
8792
|
const _hoisted_1$9 = {
|
|
8815
8793
|
id: "lupa-search-results-similar-queries",
|
|
8816
8794
|
"data-cy": "lupa-search-results-similar-queries"
|
|
@@ -8821,10 +8799,9 @@ const _hoisted_3$3 = {
|
|
|
8821
8799
|
"data-cy": "lupa-similar-query-label"
|
|
8822
8800
|
};
|
|
8823
8801
|
const _hoisted_4$2 = ["onClick"];
|
|
8824
|
-
const _hoisted_5$1 =
|
|
8825
|
-
const _hoisted_6 = { key:
|
|
8826
|
-
const _hoisted_7 = {
|
|
8827
|
-
const _hoisted_8 = {
|
|
8802
|
+
const _hoisted_5$1 = ["innerHTML"];
|
|
8803
|
+
const _hoisted_6 = { key: 0 };
|
|
8804
|
+
const _hoisted_7 = {
|
|
8828
8805
|
class: "lupa-products",
|
|
8829
8806
|
"data-cy": "lupa-products"
|
|
8830
8807
|
};
|
|
@@ -8844,6 +8821,13 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
|
|
|
8844
8821
|
const getDocumentKey = (index, product) => {
|
|
8845
8822
|
return getProductKey(`${index}`, product, props.productCardOptions.idKey);
|
|
8846
8823
|
};
|
|
8824
|
+
const similarQueryLabel = vue.computed(() => {
|
|
8825
|
+
var _a, _b;
|
|
8826
|
+
return (_b = (_a = props.labels.similarQuery) == null ? void 0 : _a.replace("{1}", "")) != null ? _b : "";
|
|
8827
|
+
});
|
|
8828
|
+
const getSimilarQueryContent = (displayQuery) => {
|
|
8829
|
+
return escapeHtml(displayQuery);
|
|
8830
|
+
};
|
|
8847
8831
|
const goToResults = ({
|
|
8848
8832
|
searchText,
|
|
8849
8833
|
facet
|
|
@@ -8856,27 +8840,22 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
|
|
|
8856
8840
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(similarQueries.value, (similarQuery, index) => {
|
|
8857
8841
|
return vue.openBlock(), vue.createElementBlock("div", { key: index }, [
|
|
8858
8842
|
vue.createElementVNode("div", _hoisted_3$3, [
|
|
8859
|
-
|
|
8860
|
-
|
|
8861
|
-
|
|
8862
|
-
|
|
8863
|
-
|
|
8864
|
-
|
|
8865
|
-
|
|
8866
|
-
|
|
8867
|
-
|
|
8868
|
-
|
|
8869
|
-
|
|
8870
|
-
|
|
8871
|
-
], 8, _hoisted_4$2)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$1, vue.toDisplayString(label) + " ", 1))
|
|
8872
|
-
]);
|
|
8873
|
-
}), 128)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_6, [
|
|
8874
|
-
vue.createElementVNode("span", _hoisted_7, vue.toDisplayString(_ctx.labels.aiSuggestions), 1)
|
|
8875
|
-
]))
|
|
8843
|
+
vue.createElementVNode("span", null, vue.toDisplayString(similarQueryLabel.value), 1),
|
|
8844
|
+
vue.createElementVNode("span", {
|
|
8845
|
+
id: "lupa-similar-query-text-component",
|
|
8846
|
+
class: "lupa-similar-query-value lupa-similar-query-link",
|
|
8847
|
+
onClick: ($event) => goToResults({ searchText: similarQuery.query }),
|
|
8848
|
+
"data-cy": "lupa-similar-query-value"
|
|
8849
|
+
}, [
|
|
8850
|
+
vue.createElementVNode("span", {
|
|
8851
|
+
innerHTML: getSimilarQueryContent(similarQuery.displayQuery)
|
|
8852
|
+
}, null, 8, _hoisted_5$1),
|
|
8853
|
+
similarQuery.count ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6, " (" + vue.toDisplayString(similarQuery.count) + ")", 1)) : vue.createCommentVNode("", true)
|
|
8854
|
+
], 8, _hoisted_4$2)
|
|
8876
8855
|
]),
|
|
8877
|
-
vue.createElementVNode("div",
|
|
8856
|
+
vue.createElementVNode("div", _hoisted_7, [
|
|
8878
8857
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(similarQuery.items, (product, index2) => {
|
|
8879
|
-
return vue.openBlock(), vue.createBlock(_sfc_main$
|
|
8858
|
+
return vue.openBlock(), vue.createBlock(_sfc_main$b, {
|
|
8880
8859
|
style: vue.normalizeStyle(_ctx.columnSize),
|
|
8881
8860
|
key: getDocumentKey(index2, product),
|
|
8882
8861
|
product,
|
|
@@ -8973,7 +8952,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
|
|
|
8973
8952
|
return hasResults.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$8, [
|
|
8974
8953
|
vue.createElementVNode("div", _hoisted_2$7, [
|
|
8975
8954
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(visibleItems.value, (item, index) => {
|
|
8976
|
-
return vue.openBlock(), vue.createBlock(_sfc_main$
|
|
8955
|
+
return vue.openBlock(), vue.createBlock(_sfc_main$b, {
|
|
8977
8956
|
key: index,
|
|
8978
8957
|
product: item,
|
|
8979
8958
|
options: _ctx.panel,
|
|
@@ -9157,17 +9136,17 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
|
|
|
9157
9136
|
class: "lupa-loader"
|
|
9158
9137
|
})) : vue.createCommentVNode("", true),
|
|
9159
9138
|
vue.unref(hasResults) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
|
|
9160
|
-
showTopFilters.value ? (vue.openBlock(), vue.createBlock(_sfc_main$
|
|
9139
|
+
showTopFilters.value ? (vue.openBlock(), vue.createBlock(_sfc_main$z, {
|
|
9161
9140
|
key: 0,
|
|
9162
9141
|
options: (_a = _ctx.options.filters) != null ? _a : {}
|
|
9163
9142
|
}, null, 8, ["options"])) : vue.createCommentVNode("", true),
|
|
9164
|
-
showMobileFilters.value ? (vue.openBlock(), vue.createBlock(_sfc_main$
|
|
9143
|
+
showMobileFilters.value ? (vue.openBlock(), vue.createBlock(_sfc_main$t, {
|
|
9165
9144
|
key: 1,
|
|
9166
9145
|
class: "lupa-toolbar-mobile",
|
|
9167
9146
|
options: _ctx.options,
|
|
9168
9147
|
"pagination-location": "top"
|
|
9169
9148
|
}, null, 8, ["options"])) : vue.createCommentVNode("", true),
|
|
9170
|
-
currentFilterOptions.value ? (vue.openBlock(), vue.createBlock(_sfc_main$
|
|
9149
|
+
currentFilterOptions.value ? (vue.openBlock(), vue.createBlock(_sfc_main$M, {
|
|
9171
9150
|
key: 2,
|
|
9172
9151
|
class: vue.normalizeClass(currentFiltersClass.value),
|
|
9173
9152
|
"data-cy": "lupa-search-result-filters-mobile-toolbar",
|
|
@@ -9181,7 +9160,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
|
|
|
9181
9160
|
sdkOptions: _ctx.options.options
|
|
9182
9161
|
}, null, 8, ["options", "sdkOptions"]),
|
|
9183
9162
|
vue.unref(hasResults) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
|
|
9184
|
-
vue.createVNode(_sfc_main$
|
|
9163
|
+
vue.createVNode(_sfc_main$t, {
|
|
9185
9164
|
class: "lupa-toolbar-top",
|
|
9186
9165
|
options: _ctx.options,
|
|
9187
9166
|
"pagination-location": "top"
|
|
@@ -9195,7 +9174,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
|
|
|
9195
9174
|
options: productCardOptions.value
|
|
9196
9175
|
});
|
|
9197
9176
|
}), 128)) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(vue.unref(searchResult).items, (product, index) => {
|
|
9198
|
-
return vue.openBlock(), vue.createBlock(_sfc_main$
|
|
9177
|
+
return vue.openBlock(), vue.createBlock(_sfc_main$b, {
|
|
9199
9178
|
style: vue.normalizeStyle(columnSize.value),
|
|
9200
9179
|
key: getProductKeyAction(index, product),
|
|
9201
9180
|
product,
|
|
@@ -9211,7 +9190,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
|
|
|
9211
9190
|
onClick: goToFirstPage
|
|
9212
9191
|
}, vue.toDisplayString(_ctx.options.labels.backToFirstPage), 1)) : vue.createCommentVNode("", true)
|
|
9213
9192
|
])) : vue.createCommentVNode("", true),
|
|
9214
|
-
vue.createVNode(_sfc_main$
|
|
9193
|
+
vue.createVNode(_sfc_main$t, {
|
|
9215
9194
|
class: "lupa-toolbar-bottom",
|
|
9216
9195
|
options: _ctx.options,
|
|
9217
9196
|
"pagination-location": "bottom"
|
|
@@ -9283,7 +9262,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
|
|
|
9283
9262
|
onClick: handleNavigationBack
|
|
9284
9263
|
}, vue.toDisplayString(backTitle.value), 9, _hoisted_3$1)
|
|
9285
9264
|
])) : vue.createCommentVNode("", true),
|
|
9286
|
-
vue.createVNode(_sfc_main$
|
|
9265
|
+
vue.createVNode(_sfc_main$t, {
|
|
9287
9266
|
class: "lupa-toolbar-mobile",
|
|
9288
9267
|
"pagination-location": "top",
|
|
9289
9268
|
options: _ctx.options
|
|
@@ -9494,8 +9473,8 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
|
|
|
9494
9473
|
class: vue.normalizeClass(["lupa-search-result-wrapper", { "lupa-search-wrapper-no-results": !vue.unref(hasResults) }])
|
|
9495
9474
|
}, [
|
|
9496
9475
|
_ctx.isContainer ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, [
|
|
9497
|
-
vue.createVNode(_sfc_main$
|
|
9498
|
-
vue.createVNode(_sfc_main$
|
|
9476
|
+
vue.createVNode(_sfc_main$Q, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
|
|
9477
|
+
vue.createVNode(_sfc_main$O, {
|
|
9499
9478
|
"show-summary": true,
|
|
9500
9479
|
options: _ctx.options,
|
|
9501
9480
|
"is-product-list": (_a = _ctx.isProductList) != null ? _a : false
|
|
@@ -9505,24 +9484,24 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
|
|
|
9505
9484
|
key: 1,
|
|
9506
9485
|
options: _ctx.options
|
|
9507
9486
|
}, null, 8, ["options"])) : vue.createCommentVNode("", true),
|
|
9508
|
-
_ctx.options.filters ? (vue.openBlock(), vue.createBlock(_sfc_main$
|
|
9487
|
+
_ctx.options.filters ? (vue.openBlock(), vue.createBlock(_sfc_main$B, {
|
|
9509
9488
|
key: 2,
|
|
9510
9489
|
options: _ctx.options.filters
|
|
9511
9490
|
}, null, 8, ["options"])) : vue.createCommentVNode("", true),
|
|
9512
|
-
vue.unref(currentQueryText) || _ctx.isProductList ? (vue.openBlock(), vue.createBlock(_sfc_main$
|
|
9491
|
+
vue.unref(currentQueryText) || _ctx.isProductList ? (vue.openBlock(), vue.createBlock(_sfc_main$A, {
|
|
9513
9492
|
key: 3,
|
|
9514
9493
|
breadcrumbs: _ctx.options.breadcrumbs
|
|
9515
9494
|
}, null, 8, ["breadcrumbs"])) : vue.createCommentVNode("", true),
|
|
9516
9495
|
isTitleResultTopPosition.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$3, [
|
|
9517
|
-
showFilterSidebar.value ? (vue.openBlock(), vue.createBlock(_sfc_main$
|
|
9496
|
+
showFilterSidebar.value ? (vue.openBlock(), vue.createBlock(_sfc_main$C, {
|
|
9518
9497
|
key: 0,
|
|
9519
9498
|
options: (_b = _ctx.options.filters) != null ? _b : {},
|
|
9520
9499
|
ref_key: "searchResultsFilters",
|
|
9521
9500
|
ref: searchResultsFilters
|
|
9522
9501
|
}, null, 8, ["options"])) : vue.createCommentVNode("", true),
|
|
9523
9502
|
vue.createElementVNode("div", _hoisted_3, [
|
|
9524
|
-
vue.createVNode(_sfc_main$
|
|
9525
|
-
vue.createVNode(_sfc_main$
|
|
9503
|
+
vue.createVNode(_sfc_main$Q, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
|
|
9504
|
+
vue.createVNode(_sfc_main$O, {
|
|
9526
9505
|
options: _ctx.options,
|
|
9527
9506
|
"is-product-list": (_c = _ctx.isProductList) != null ? _c : false
|
|
9528
9507
|
}, null, 8, ["options", "is-product-list"]),
|
|
@@ -9537,13 +9516,13 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
|
|
|
9537
9516
|
}, 8, ["options", "ssr"])
|
|
9538
9517
|
])
|
|
9539
9518
|
])) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 5 }, [
|
|
9540
|
-
vue.createVNode(_sfc_main$
|
|
9541
|
-
vue.createVNode(_sfc_main$
|
|
9519
|
+
vue.createVNode(_sfc_main$Q, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
|
|
9520
|
+
vue.createVNode(_sfc_main$O, {
|
|
9542
9521
|
options: _ctx.options,
|
|
9543
9522
|
"is-product-list": (_d = _ctx.isProductList) != null ? _d : false
|
|
9544
9523
|
}, null, 8, ["options", "is-product-list"]),
|
|
9545
9524
|
vue.createElementVNode("div", _hoisted_4, [
|
|
9546
|
-
showFilterSidebar.value ? (vue.openBlock(), vue.createBlock(_sfc_main$
|
|
9525
|
+
showFilterSidebar.value ? (vue.openBlock(), vue.createBlock(_sfc_main$C, {
|
|
9547
9526
|
key: 0,
|
|
9548
9527
|
options: (_e = _ctx.options.filters) != null ? _e : {},
|
|
9549
9528
|
ref_key: "searchResultsFilters",
|
|
@@ -15171,7 +15150,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
|
|
|
15171
15150
|
onClick: vue.withModifiers(innerClick, ["stop"])
|
|
15172
15151
|
}, [
|
|
15173
15152
|
vue.createElementVNode("div", _hoisted_2$1, [
|
|
15174
|
-
vue.createVNode(_sfc_main$
|
|
15153
|
+
vue.createVNode(_sfc_main$R, {
|
|
15175
15154
|
options: fullSearchBoxOptions.value,
|
|
15176
15155
|
"is-search-container": true,
|
|
15177
15156
|
ref_key: "searchBox",
|
|
@@ -15993,7 +15972,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
15993
15972
|
key: getProductKeyAction(index, product)
|
|
15994
15973
|
}, {
|
|
15995
15974
|
default: vue.withCtx(() => [
|
|
15996
|
-
vue.createVNode(_sfc_main$
|
|
15975
|
+
vue.createVNode(_sfc_main$b, {
|
|
15997
15976
|
product,
|
|
15998
15977
|
options: _ctx.options,
|
|
15999
15978
|
"click-tracking-settings": clickTrackingSettings.value
|
|
@@ -16036,7 +16015,7 @@ exports.DocumentElementType = DocumentElementType;
|
|
|
16036
16015
|
exports.LupaSearch = LupaSearch;
|
|
16037
16016
|
exports.ProductList = _sfc_main$2;
|
|
16038
16017
|
exports.Recommendations = _sfc_main;
|
|
16039
|
-
exports.SearchBox = _sfc_main$
|
|
16018
|
+
exports.SearchBox = _sfc_main$R;
|
|
16040
16019
|
exports.SearchBoxPanelType = SearchBoxPanelType;
|
|
16041
16020
|
exports.SearchContainer = _sfc_main$1;
|
|
16042
16021
|
exports.SearchResults = _sfc_main$4;
|