@getlupa/vue 0.1.9 → 0.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/lupaSearch.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: {},
|
|
@@ -4684,8 +4698,9 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
|
|
|
4684
4698
|
}
|
|
4685
4699
|
};
|
|
4686
4700
|
const handleInput = (value) => {
|
|
4701
|
+
var _a2;
|
|
4687
4702
|
opened.value = true;
|
|
4688
|
-
inputValue.value = value.replace(/\s+$/, "");
|
|
4703
|
+
inputValue.value = (_a2 = value == null ? void 0 : value.replace(/\s+$/, "")) != null ? _a2 : "";
|
|
4689
4704
|
suggestedValue.value = defaultSuggestedValue;
|
|
4690
4705
|
trackSearchQuery(value);
|
|
4691
4706
|
if (props.isSearchContainer) {
|
|
@@ -4823,9 +4838,9 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
|
|
|
4823
4838
|
};
|
|
4824
4839
|
return (_ctx, _cache) => {
|
|
4825
4840
|
var _a2;
|
|
4826
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
4827
|
-
vue.createElementVNode("div", _hoisted_2$
|
|
4828
|
-
vue.createVNode(_sfc_main$
|
|
4841
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$O, [
|
|
4842
|
+
vue.createElementVNode("div", _hoisted_2$z, [
|
|
4843
|
+
vue.createVNode(_sfc_main$1a, {
|
|
4829
4844
|
options: inputOptions.value,
|
|
4830
4845
|
suggestedValue: suggestedValue.value,
|
|
4831
4846
|
"can-close": (_a2 = _ctx.isSearchContainer) != null ? _a2 : false,
|
|
@@ -4836,7 +4851,7 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
|
|
|
4836
4851
|
onFocus: _cache[0] || (_cache[0] = ($event) => opened.value = true),
|
|
4837
4852
|
onClose: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("close"))
|
|
4838
4853
|
}, null, 8, ["options", "suggestedValue", "can-close", "emit-input-on-focus"]),
|
|
4839
|
-
opened.value || _ctx.isSearchContainer ? (vue.openBlock(), vue.createBlock(_sfc_main$
|
|
4854
|
+
opened.value || _ctx.isSearchContainer ? (vue.openBlock(), vue.createBlock(_sfc_main$S, {
|
|
4840
4855
|
key: 0,
|
|
4841
4856
|
options: panelOptions.value,
|
|
4842
4857
|
inputValue: inputValue.value,
|
|
@@ -4939,11 +4954,11 @@ const getInitialSearchResults = (options, defaultData) => __async(exports, null,
|
|
|
4939
4954
|
options.options.onError(e);
|
|
4940
4955
|
}
|
|
4941
4956
|
});
|
|
4942
|
-
const _hoisted_1$
|
|
4957
|
+
const _hoisted_1$N = {
|
|
4943
4958
|
key: 0,
|
|
4944
4959
|
id: "lupa-search-results-did-you-mean"
|
|
4945
4960
|
};
|
|
4946
|
-
const _hoisted_2$
|
|
4961
|
+
const _hoisted_2$y = {
|
|
4947
4962
|
key: 0,
|
|
4948
4963
|
"data-cy": "suggested-search-text-label"
|
|
4949
4964
|
};
|
|
@@ -4952,7 +4967,7 @@ const _hoisted_3$p = {
|
|
|
4952
4967
|
"data-cy": "did-you-mean-label"
|
|
4953
4968
|
};
|
|
4954
4969
|
const _hoisted_4$j = { key: 1 };
|
|
4955
|
-
const _sfc_main$
|
|
4970
|
+
const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
|
|
4956
4971
|
__name: "SearchResultsDidYouMean",
|
|
4957
4972
|
props: {
|
|
4958
4973
|
labels: {}
|
|
@@ -4984,8 +4999,8 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
|
|
|
4984
4999
|
paramStore.goToResults({ searchText, facet });
|
|
4985
5000
|
};
|
|
4986
5001
|
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$
|
|
5002
|
+
return vue.unref(searchResult).suggestedSearchText || didYouMeanValue.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$N, [
|
|
5003
|
+
vue.unref(searchResult).suggestedSearchText ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$y, [
|
|
4989
5004
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.labels.noResultsSuggestion.split(" "), (label, index) => {
|
|
4990
5005
|
return vue.openBlock(), vue.createElementBlock("span", { key: index }, [
|
|
4991
5006
|
vue.createElementVNode("span", {
|
|
@@ -5010,12 +5025,12 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
|
|
|
5010
5025
|
};
|
|
5011
5026
|
}
|
|
5012
5027
|
});
|
|
5013
|
-
const _hoisted_1$
|
|
5028
|
+
const _hoisted_1$M = {
|
|
5014
5029
|
key: 0,
|
|
5015
5030
|
class: "lupa-search-results-summary"
|
|
5016
5031
|
};
|
|
5017
|
-
const _hoisted_2$
|
|
5018
|
-
const _sfc_main$
|
|
5032
|
+
const _hoisted_2$x = ["innerHTML"];
|
|
5033
|
+
const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
|
|
5019
5034
|
__name: "SearchResultsSummary",
|
|
5020
5035
|
props: {
|
|
5021
5036
|
label: {},
|
|
@@ -5030,8 +5045,8 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
|
|
|
5030
5045
|
return addParamsToLabel(props.label, range, `<span>${totalItems.value}</span>`);
|
|
5031
5046
|
});
|
|
5032
5047
|
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$
|
|
5048
|
+
return vue.unref(totalItems) > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$M, [
|
|
5049
|
+
vue.createElementVNode("div", { innerHTML: summaryLabel.value }, null, 8, _hoisted_2$x),
|
|
5035
5050
|
_ctx.clearable ? (vue.openBlock(), vue.createElementBlock("span", {
|
|
5036
5051
|
key: 0,
|
|
5037
5052
|
class: "lupa-filter-clear",
|
|
@@ -5042,18 +5057,18 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
|
|
|
5042
5057
|
};
|
|
5043
5058
|
}
|
|
5044
5059
|
});
|
|
5045
|
-
const _hoisted_1$
|
|
5060
|
+
const _hoisted_1$L = {
|
|
5046
5061
|
key: 0,
|
|
5047
5062
|
class: "lupa-result-page-title",
|
|
5048
5063
|
"data-cy": "lupa-result-page-title"
|
|
5049
5064
|
};
|
|
5050
|
-
const _hoisted_2$
|
|
5065
|
+
const _hoisted_2$w = { key: 0 };
|
|
5051
5066
|
const _hoisted_3$o = {
|
|
5052
5067
|
key: 1,
|
|
5053
5068
|
class: "lupa-results-total-count"
|
|
5054
5069
|
};
|
|
5055
5070
|
const _hoisted_4$i = ["innerHTML"];
|
|
5056
|
-
const _sfc_main$
|
|
5071
|
+
const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
|
|
5057
5072
|
__name: "SearchResultsTitle",
|
|
5058
5073
|
props: {
|
|
5059
5074
|
options: {},
|
|
@@ -5088,12 +5103,12 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
|
|
|
5088
5103
|
});
|
|
5089
5104
|
return (_ctx, _cache) => {
|
|
5090
5105
|
return vue.openBlock(), vue.createElementBlock("div", null, [
|
|
5091
|
-
showSearchTitle.value ? (vue.openBlock(), vue.createElementBlock("h1", _hoisted_1$
|
|
5106
|
+
showSearchTitle.value ? (vue.openBlock(), vue.createElementBlock("h1", _hoisted_1$L, [
|
|
5092
5107
|
vue.createTextVNode(vue.toDisplayString(_ctx.options.labels.searchResults), 1),
|
|
5093
|
-
queryText.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$
|
|
5108
|
+
queryText.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$w, "'" + vue.toDisplayString(queryText.value) + "'", 1)) : vue.createCommentVNode("", true),
|
|
5094
5109
|
showProductCount.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$o, "(" + vue.toDisplayString(vue.unref(totalItems)) + ")", 1)) : vue.createCommentVNode("", true)
|
|
5095
5110
|
])) : vue.createCommentVNode("", true),
|
|
5096
|
-
_ctx.showSummary ? (vue.openBlock(), vue.createBlock(_sfc_main$
|
|
5111
|
+
_ctx.showSummary ? (vue.openBlock(), vue.createBlock(_sfc_main$P, {
|
|
5097
5112
|
key: 1,
|
|
5098
5113
|
label: summaryLabel.value
|
|
5099
5114
|
}, null, 8, ["label"])) : vue.createCommentVNode("", true),
|
|
@@ -5106,8 +5121,8 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
|
|
|
5106
5121
|
};
|
|
5107
5122
|
}
|
|
5108
5123
|
});
|
|
5109
|
-
const _hoisted_1$
|
|
5110
|
-
const _hoisted_2$
|
|
5124
|
+
const _hoisted_1$K = { class: "lupa-search-result-filter-value" };
|
|
5125
|
+
const _hoisted_2$v = {
|
|
5111
5126
|
class: "lupa-current-filter-label",
|
|
5112
5127
|
"data-cy": "lupa-current-filter-label"
|
|
5113
5128
|
};
|
|
@@ -5115,7 +5130,7 @@ const _hoisted_3$n = {
|
|
|
5115
5130
|
class: "lupa-current-filter-value",
|
|
5116
5131
|
"data-cy": "lupa-current-filter-value"
|
|
5117
5132
|
};
|
|
5118
|
-
const _sfc_main$
|
|
5133
|
+
const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
|
|
5119
5134
|
__name: "CurrentFilterDisplay",
|
|
5120
5135
|
props: {
|
|
5121
5136
|
filter: {}
|
|
@@ -5127,19 +5142,19 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
|
|
|
5127
5142
|
emit("remove", { filter: props.filter });
|
|
5128
5143
|
};
|
|
5129
5144
|
return (_ctx, _cache) => {
|
|
5130
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
5145
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$K, [
|
|
5131
5146
|
vue.createElementVNode("div", {
|
|
5132
5147
|
class: "lupa-current-filter-action",
|
|
5133
5148
|
onClick: handleClick
|
|
5134
5149
|
}, "⨉"),
|
|
5135
|
-
vue.createElementVNode("div", _hoisted_2$
|
|
5150
|
+
vue.createElementVNode("div", _hoisted_2$v, vue.toDisplayString(_ctx.filter.label) + ": ", 1),
|
|
5136
5151
|
vue.createElementVNode("div", _hoisted_3$n, vue.toDisplayString(_ctx.filter.value), 1)
|
|
5137
5152
|
]);
|
|
5138
5153
|
};
|
|
5139
5154
|
}
|
|
5140
5155
|
});
|
|
5141
|
-
const _hoisted_1$
|
|
5142
|
-
const _hoisted_2$
|
|
5156
|
+
const _hoisted_1$J = { class: "lupa-filter-title-text" };
|
|
5157
|
+
const _hoisted_2$u = {
|
|
5143
5158
|
key: 0,
|
|
5144
5159
|
class: "lupa-filter-count"
|
|
5145
5160
|
};
|
|
@@ -5148,7 +5163,7 @@ const _hoisted_3$m = {
|
|
|
5148
5163
|
class: "filter-values"
|
|
5149
5164
|
};
|
|
5150
5165
|
const _hoisted_4$h = { class: "lupa-current-filter-list" };
|
|
5151
|
-
const _sfc_main$
|
|
5166
|
+
const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
|
|
5152
5167
|
__name: "CurrentFilters",
|
|
5153
5168
|
props: {
|
|
5154
5169
|
options: {},
|
|
@@ -5203,9 +5218,9 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
|
|
|
5203
5218
|
class: "lupa-current-filter-title",
|
|
5204
5219
|
onClick: _cache[0] || (_cache[0] = ($event) => isOpen.value = !isOpen.value)
|
|
5205
5220
|
}, [
|
|
5206
|
-
vue.createElementVNode("div", _hoisted_1$
|
|
5221
|
+
vue.createElementVNode("div", _hoisted_1$J, [
|
|
5207
5222
|
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$
|
|
5223
|
+
_ctx.expandable ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$u, " (" + vue.toDisplayString(vue.unref(currentFilterCount)) + ") ", 1)) : vue.createCommentVNode("", true)
|
|
5209
5224
|
]),
|
|
5210
5225
|
_ctx.expandable ? (vue.openBlock(), vue.createElementBlock("div", {
|
|
5211
5226
|
key: 0,
|
|
@@ -5215,7 +5230,7 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
|
|
|
5215
5230
|
!_ctx.expandable || isOpen.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$m, [
|
|
5216
5231
|
vue.createElementVNode("div", _hoisted_4$h, [
|
|
5217
5232
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(displayFilters), (filter) => {
|
|
5218
|
-
return vue.openBlock(), vue.createBlock(_sfc_main$
|
|
5233
|
+
return vue.openBlock(), vue.createBlock(_sfc_main$N, {
|
|
5219
5234
|
key: filter.key + "_" + filter.value,
|
|
5220
5235
|
filter,
|
|
5221
5236
|
onRemove: handleRemove
|
|
@@ -5232,8 +5247,8 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
|
|
|
5232
5247
|
};
|
|
5233
5248
|
}
|
|
5234
5249
|
});
|
|
5235
|
-
const _hoisted_1$
|
|
5236
|
-
const _sfc_main$
|
|
5250
|
+
const _hoisted_1$I = ["href"];
|
|
5251
|
+
const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
|
|
5237
5252
|
__name: "CategoryFilterItem",
|
|
5238
5253
|
props: {
|
|
5239
5254
|
options: {},
|
|
@@ -5270,20 +5285,20 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
|
|
|
5270
5285
|
"data-cy": "lupa-child-category-item",
|
|
5271
5286
|
href: urlLink.value,
|
|
5272
5287
|
onClick: handleNavigation
|
|
5273
|
-
}, vue.toDisplayString(title.value), 9, _hoisted_1$
|
|
5288
|
+
}, vue.toDisplayString(title.value), 9, _hoisted_1$I)
|
|
5274
5289
|
], 2);
|
|
5275
5290
|
};
|
|
5276
5291
|
}
|
|
5277
5292
|
});
|
|
5278
|
-
const _hoisted_1$
|
|
5293
|
+
const _hoisted_1$H = {
|
|
5279
5294
|
class: "lupa-category-filter",
|
|
5280
5295
|
"data-cy": "lupa-category-filter"
|
|
5281
5296
|
};
|
|
5282
|
-
const _hoisted_2$
|
|
5297
|
+
const _hoisted_2$t = { class: "lupa-category-back" };
|
|
5283
5298
|
const _hoisted_3$l = ["href"];
|
|
5284
5299
|
const _hoisted_4$g = ["href"];
|
|
5285
5300
|
const _hoisted_5$9 = { class: "lupa-child-category-list" };
|
|
5286
|
-
const _sfc_main$
|
|
5301
|
+
const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
|
|
5287
5302
|
__name: "CategoryFilter",
|
|
5288
5303
|
props: {
|
|
5289
5304
|
options: {}
|
|
@@ -5369,8 +5384,8 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
|
|
|
5369
5384
|
};
|
|
5370
5385
|
__expose({ fetch: fetch2 });
|
|
5371
5386
|
return (_ctx, _cache) => {
|
|
5372
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
5373
|
-
vue.createElementVNode("div", _hoisted_2$
|
|
5387
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$H, [
|
|
5388
|
+
vue.createElementVNode("div", _hoisted_2$t, [
|
|
5374
5389
|
hasBackButton.value ? (vue.openBlock(), vue.createElementBlock("a", {
|
|
5375
5390
|
key: 0,
|
|
5376
5391
|
"data-cy": "lupa-category-back",
|
|
@@ -5390,7 +5405,7 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
|
|
|
5390
5405
|
], 2),
|
|
5391
5406
|
vue.createElementVNode("div", _hoisted_5$9, [
|
|
5392
5407
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(categoryChildren.value, (child) => {
|
|
5393
|
-
return vue.openBlock(), vue.createBlock(_sfc_main$
|
|
5408
|
+
return vue.openBlock(), vue.createBlock(_sfc_main$L, {
|
|
5394
5409
|
key: getCategoryKey(child),
|
|
5395
5410
|
item: child,
|
|
5396
5411
|
options: _ctx.options
|
|
@@ -5401,23 +5416,23 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
|
|
|
5401
5416
|
};
|
|
5402
5417
|
}
|
|
5403
5418
|
});
|
|
5404
|
-
const _hoisted_1$
|
|
5419
|
+
const _hoisted_1$G = {
|
|
5405
5420
|
class: "lupa-search-result-facet-term-values",
|
|
5406
5421
|
"data-cy": "lupa-search-result-facet-term-values"
|
|
5407
5422
|
};
|
|
5408
|
-
const _hoisted_2$
|
|
5423
|
+
const _hoisted_2$s = ["placeholder"];
|
|
5409
5424
|
const _hoisted_3$k = { class: "lupa-terms-list" };
|
|
5410
5425
|
const _hoisted_4$f = ["onClick"];
|
|
5411
5426
|
const _hoisted_5$8 = { class: "lupa-term-checkbox-wrapper" };
|
|
5412
5427
|
const _hoisted_6$5 = { class: "lupa-term-checkbox-label" };
|
|
5413
5428
|
const _hoisted_7$5 = { class: "lupa-term-label" };
|
|
5414
|
-
const _hoisted_8$
|
|
5429
|
+
const _hoisted_8$1 = {
|
|
5415
5430
|
key: 0,
|
|
5416
5431
|
class: "lupa-term-count"
|
|
5417
5432
|
};
|
|
5418
5433
|
const _hoisted_9$1 = { key: 0 };
|
|
5419
5434
|
const _hoisted_10$1 = { key: 1 };
|
|
5420
|
-
const _sfc_main$
|
|
5435
|
+
const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
|
|
5421
5436
|
__name: "TermFacet",
|
|
5422
5437
|
props: {
|
|
5423
5438
|
options: {},
|
|
@@ -5486,14 +5501,14 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
|
|
|
5486
5501
|
return selectedItems == null ? void 0 : selectedItems.includes((_b = item.title) == null ? void 0 : _b.toString());
|
|
5487
5502
|
};
|
|
5488
5503
|
return (_ctx, _cache) => {
|
|
5489
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
5504
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$G, [
|
|
5490
5505
|
isFilterable.value ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
|
|
5491
5506
|
key: 0,
|
|
5492
5507
|
class: "lupa-term-filter",
|
|
5493
5508
|
"data-cy": "lupa-term-filter",
|
|
5494
5509
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => termFilter.value = $event),
|
|
5495
5510
|
placeholder: _ctx.options.labels.facetFilter
|
|
5496
|
-
}, null, 8, _hoisted_2$
|
|
5511
|
+
}, null, 8, _hoisted_2$s)), [
|
|
5497
5512
|
[vue.vModelText, termFilter.value]
|
|
5498
5513
|
]) : vue.createCommentVNode("", true),
|
|
5499
5514
|
vue.createElementVNode("div", _hoisted_3$k, [
|
|
@@ -5511,7 +5526,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
|
|
|
5511
5526
|
]),
|
|
5512
5527
|
vue.createElementVNode("div", _hoisted_6$5, [
|
|
5513
5528
|
vue.createElementVNode("span", _hoisted_7$5, vue.toDisplayString(item.title), 1),
|
|
5514
|
-
_ctx.options.showDocumentCount ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_8$
|
|
5529
|
+
_ctx.options.showDocumentCount ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_8$1, "(" + vue.toDisplayString(item.count) + ")", 1)) : vue.createCommentVNode("", true)
|
|
5515
5530
|
])
|
|
5516
5531
|
], 10, _hoisted_4$f);
|
|
5517
5532
|
}), 128))
|
|
@@ -6504,8 +6519,8 @@ var m = { name: "Slider", emits: ["input", "update:modelValue", "start", "slide"
|
|
|
6504
6519
|
m.render = function(e, t, r, i, n, o) {
|
|
6505
6520
|
return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps(e.sliderProps, { ref: "slider" }), null, 16);
|
|
6506
6521
|
}, m.__file = "src/Slider.vue";
|
|
6507
|
-
const _hoisted_1$
|
|
6508
|
-
const _hoisted_2$
|
|
6522
|
+
const _hoisted_1$F = { class: "lupa-search-result-facet-stats-values" };
|
|
6523
|
+
const _hoisted_2$r = {
|
|
6509
6524
|
key: 0,
|
|
6510
6525
|
class: "lupa-stats-facet-summary"
|
|
6511
6526
|
};
|
|
@@ -6520,7 +6535,7 @@ const _hoisted_4$e = {
|
|
|
6520
6535
|
const _hoisted_5$7 = { class: "lupa-stats-from" };
|
|
6521
6536
|
const _hoisted_6$4 = ["max", "min", "pattern"];
|
|
6522
6537
|
const _hoisted_7$4 = { key: 0 };
|
|
6523
|
-
const _hoisted_8
|
|
6538
|
+
const _hoisted_8 = /* @__PURE__ */ vue.createElementVNode("div", { class: "lupa-stats-separator" }, null, -1);
|
|
6524
6539
|
const _hoisted_9 = {
|
|
6525
6540
|
key: 0,
|
|
6526
6541
|
class: "lupa-stats-range-label"
|
|
@@ -6532,7 +6547,7 @@ const _hoisted_13 = {
|
|
|
6532
6547
|
key: 2,
|
|
6533
6548
|
class: "lupa-stats-slider-wrapper"
|
|
6534
6549
|
};
|
|
6535
|
-
const _sfc_main$
|
|
6550
|
+
const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
|
|
6536
6551
|
__name: "StatsFacet",
|
|
6537
6552
|
props: {
|
|
6538
6553
|
options: {},
|
|
@@ -6680,8 +6695,8 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
|
|
|
6680
6695
|
innerSliderRange.value = value;
|
|
6681
6696
|
};
|
|
6682
6697
|
return (_ctx, _cache) => {
|
|
6683
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
6684
|
-
!isInputVisible.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$
|
|
6698
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$F, [
|
|
6699
|
+
!isInputVisible.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$r, vue.toDisplayString(statsSummary.value), 1)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$j, [
|
|
6685
6700
|
vue.createElementVNode("div", null, [
|
|
6686
6701
|
rangeLabelFrom.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$e, vue.toDisplayString(rangeLabelFrom.value), 1)) : vue.createCommentVNode("", true),
|
|
6687
6702
|
vue.createElementVNode("div", _hoisted_5$7, [
|
|
@@ -6703,7 +6718,7 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
|
|
|
6703
6718
|
isPrice.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$4, vue.toDisplayString(currency.value), 1)) : vue.createCommentVNode("", true)
|
|
6704
6719
|
])
|
|
6705
6720
|
]),
|
|
6706
|
-
_hoisted_8
|
|
6721
|
+
_hoisted_8,
|
|
6707
6722
|
vue.createElementVNode("div", null, [
|
|
6708
6723
|
rangeLabelTo.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9, vue.toDisplayString(rangeLabelTo.value), 1)) : vue.createCommentVNode("", true),
|
|
6709
6724
|
vue.createElementVNode("div", _hoisted_10, [
|
|
@@ -6744,8 +6759,8 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
|
|
|
6744
6759
|
};
|
|
6745
6760
|
}
|
|
6746
6761
|
});
|
|
6747
|
-
const _hoisted_1$
|
|
6748
|
-
const _hoisted_2$
|
|
6762
|
+
const _hoisted_1$E = { class: "lupa-term-checkbox-wrapper" };
|
|
6763
|
+
const _hoisted_2$q = { class: "lupa-term-checkbox-label" };
|
|
6749
6764
|
const _hoisted_3$i = { class: "lupa-term-label" };
|
|
6750
6765
|
const _hoisted_4$d = {
|
|
6751
6766
|
key: 0,
|
|
@@ -6755,7 +6770,7 @@ const _hoisted_5$6 = {
|
|
|
6755
6770
|
key: 0,
|
|
6756
6771
|
class: "lupa-facet-level"
|
|
6757
6772
|
};
|
|
6758
|
-
const _sfc_main$
|
|
6773
|
+
const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
|
|
6759
6774
|
__name: "HierarchyFacetLevel",
|
|
6760
6775
|
props: {
|
|
6761
6776
|
options: {},
|
|
@@ -6801,12 +6816,12 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
|
|
|
6801
6816
|
"data-cy": "lupa-facet-term",
|
|
6802
6817
|
onClick: _cache[0] || (_cache[0] = ($event) => handleFacetClick(_ctx.item))
|
|
6803
6818
|
}, [
|
|
6804
|
-
vue.createElementVNode("div", _hoisted_1$
|
|
6819
|
+
vue.createElementVNode("div", _hoisted_1$E, [
|
|
6805
6820
|
vue.createElementVNode("span", {
|
|
6806
6821
|
class: vue.normalizeClass(["lupa-term-checkbox", { checked: isChecked.value }])
|
|
6807
6822
|
}, null, 2)
|
|
6808
6823
|
]),
|
|
6809
|
-
vue.createElementVNode("div", _hoisted_2$
|
|
6824
|
+
vue.createElementVNode("div", _hoisted_2$q, [
|
|
6810
6825
|
vue.createElementVNode("span", _hoisted_3$i, vue.toDisplayString(_ctx.item.title) + vue.toDisplayString(" "), 1),
|
|
6811
6826
|
_ctx.options.showDocumentCount ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$d, "(" + vue.toDisplayString(_ctx.item.count) + ")", 1)) : vue.createCommentVNode("", true)
|
|
6812
6827
|
])
|
|
@@ -6827,13 +6842,13 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
|
|
|
6827
6842
|
};
|
|
6828
6843
|
}
|
|
6829
6844
|
});
|
|
6830
|
-
const _hoisted_1$
|
|
6845
|
+
const _hoisted_1$D = {
|
|
6831
6846
|
class: "lupa-search-result-facet-term-values lupa-search-result-facet-hierarchy-values",
|
|
6832
6847
|
"data-cy": "lupa-search-result-facet-term-values"
|
|
6833
6848
|
};
|
|
6834
|
-
const _hoisted_2$
|
|
6849
|
+
const _hoisted_2$p = { key: 0 };
|
|
6835
6850
|
const _hoisted_3$h = ["placeholder"];
|
|
6836
|
-
const _sfc_main$
|
|
6851
|
+
const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
|
|
6837
6852
|
__name: "HierarchyFacet",
|
|
6838
6853
|
props: {
|
|
6839
6854
|
options: {},
|
|
@@ -6883,8 +6898,8 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
|
|
|
6883
6898
|
showAll.value = true;
|
|
6884
6899
|
};
|
|
6885
6900
|
return (_ctx, _cache) => {
|
|
6886
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
6887
|
-
isFilterable.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$
|
|
6901
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$D, [
|
|
6902
|
+
isFilterable.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$p, [
|
|
6888
6903
|
vue.withDirectives(vue.createElementVNode("input", {
|
|
6889
6904
|
class: "lupa-term-filter",
|
|
6890
6905
|
"data-cy": "lupa-term-filter",
|
|
@@ -6895,7 +6910,7 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
|
|
|
6895
6910
|
])
|
|
6896
6911
|
])) : vue.createCommentVNode("", true),
|
|
6897
6912
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(displayValues.value, (item) => {
|
|
6898
|
-
return vue.openBlock(), vue.createBlock(_sfc_main$
|
|
6913
|
+
return vue.openBlock(), vue.createBlock(_sfc_main$H, {
|
|
6899
6914
|
key: item.title,
|
|
6900
6915
|
options: _ctx.options,
|
|
6901
6916
|
item,
|
|
@@ -6915,20 +6930,20 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
|
|
|
6915
6930
|
};
|
|
6916
6931
|
}
|
|
6917
6932
|
});
|
|
6918
|
-
const _hoisted_1$
|
|
6919
|
-
const _hoisted_2$
|
|
6933
|
+
const _hoisted_1$C = { class: "lupa-facet-label-text" };
|
|
6934
|
+
const _hoisted_2$o = {
|
|
6920
6935
|
key: 0,
|
|
6921
6936
|
class: "lupa-facet-content",
|
|
6922
6937
|
"data-cy": "lupa-facet-content"
|
|
6923
6938
|
};
|
|
6924
6939
|
const __default__$2 = {
|
|
6925
6940
|
components: {
|
|
6926
|
-
TermFacet: _sfc_main$
|
|
6927
|
-
StatsFacet: _sfc_main$
|
|
6928
|
-
HierarchyFacet: _sfc_main$
|
|
6941
|
+
TermFacet: _sfc_main$J,
|
|
6942
|
+
StatsFacet: _sfc_main$I,
|
|
6943
|
+
HierarchyFacet: _sfc_main$G
|
|
6929
6944
|
}
|
|
6930
6945
|
};
|
|
6931
|
-
const _sfc_main$
|
|
6946
|
+
const _sfc_main$F = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, __default__$2), {
|
|
6932
6947
|
__name: "FacetDisplay",
|
|
6933
6948
|
props: {
|
|
6934
6949
|
options: {},
|
|
@@ -7039,12 +7054,12 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadVa
|
|
|
7039
7054
|
"data-cy": "lupa-search-result-facet-label",
|
|
7040
7055
|
onClick: toggleFacet
|
|
7041
7056
|
}, [
|
|
7042
|
-
vue.createElementVNode("div", _hoisted_1$
|
|
7057
|
+
vue.createElementVNode("div", _hoisted_1$C, vue.toDisplayString(facet.value.label), 1),
|
|
7043
7058
|
vue.createElementVNode("div", {
|
|
7044
7059
|
class: vue.normalizeClass(["lupa-facet-label-caret", isOpen.value && "open"])
|
|
7045
7060
|
}, null, 2)
|
|
7046
7061
|
], 2),
|
|
7047
|
-
isOpen.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$
|
|
7062
|
+
isOpen.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$o, [
|
|
7048
7063
|
(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(facetType.value), {
|
|
7049
7064
|
facet: facet.value,
|
|
7050
7065
|
currentFilters: currentFilters.value[facet.value.key],
|
|
@@ -7062,12 +7077,12 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadVa
|
|
|
7062
7077
|
};
|
|
7063
7078
|
}
|
|
7064
7079
|
}));
|
|
7065
|
-
const _hoisted_1$
|
|
7066
|
-
const _hoisted_2$
|
|
7080
|
+
const _hoisted_1$B = { class: "lupa-search-result-facet-section" };
|
|
7081
|
+
const _hoisted_2$n = {
|
|
7067
7082
|
key: 0,
|
|
7068
7083
|
class: "lupa-facets-title"
|
|
7069
7084
|
};
|
|
7070
|
-
const _sfc_main$
|
|
7085
|
+
const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
|
|
7071
7086
|
__name: "FacetList",
|
|
7072
7087
|
props: {
|
|
7073
7088
|
options: {},
|
|
@@ -7101,14 +7116,14 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
|
|
|
7101
7116
|
};
|
|
7102
7117
|
return (_ctx, _cache) => {
|
|
7103
7118
|
var _a;
|
|
7104
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
7105
|
-
_ctx.options.labels.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$
|
|
7119
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$B, [
|
|
7120
|
+
_ctx.options.labels.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$n, vue.toDisplayString(_ctx.options.labels.title), 1)) : vue.createCommentVNode("", true),
|
|
7106
7121
|
vue.createElementVNode("div", {
|
|
7107
7122
|
class: vue.normalizeClass(["lupa-search-result-facet-list", "lupa-" + ((_a = _ctx.facetStyle) != null ? _a : "")])
|
|
7108
7123
|
}, [
|
|
7109
7124
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(displayFacets.value, (facet) => {
|
|
7110
7125
|
var _a2;
|
|
7111
|
-
return vue.openBlock(), vue.createBlock(_sfc_main$
|
|
7126
|
+
return vue.openBlock(), vue.createBlock(_sfc_main$F, {
|
|
7112
7127
|
key: facet.key,
|
|
7113
7128
|
facet,
|
|
7114
7129
|
currentFilters: currentFiltersValue.value,
|
|
@@ -7123,8 +7138,8 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
|
|
|
7123
7138
|
};
|
|
7124
7139
|
}
|
|
7125
7140
|
});
|
|
7126
|
-
const _hoisted_1$
|
|
7127
|
-
const _sfc_main$
|
|
7141
|
+
const _hoisted_1$A = { class: "lupa-search-result-facets" };
|
|
7142
|
+
const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
|
|
7128
7143
|
__name: "Facets",
|
|
7129
7144
|
props: {
|
|
7130
7145
|
options: {},
|
|
@@ -7170,8 +7185,8 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
|
|
|
7170
7185
|
paramStore.removeParameters({ paramsToRemove: [param] });
|
|
7171
7186
|
};
|
|
7172
7187
|
return (_ctx, _cache) => {
|
|
7173
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
7174
|
-
regularFacets.value ? (vue.openBlock(), vue.createBlock(_sfc_main$
|
|
7188
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$A, [
|
|
7189
|
+
regularFacets.value ? (vue.openBlock(), vue.createBlock(_sfc_main$E, {
|
|
7175
7190
|
key: 0,
|
|
7176
7191
|
options: _ctx.options,
|
|
7177
7192
|
facets: regularFacets.value,
|
|
@@ -7185,11 +7200,11 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
|
|
|
7185
7200
|
};
|
|
7186
7201
|
}
|
|
7187
7202
|
});
|
|
7188
|
-
const _hoisted_1$
|
|
7203
|
+
const _hoisted_1$z = {
|
|
7189
7204
|
id: "lupa-search-result-filters",
|
|
7190
7205
|
class: "lupa-search-result-filters"
|
|
7191
7206
|
};
|
|
7192
|
-
const _sfc_main$
|
|
7207
|
+
const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
|
|
7193
7208
|
__name: "SearchResultsFilters",
|
|
7194
7209
|
props: {
|
|
7195
7210
|
options: {},
|
|
@@ -7218,19 +7233,19 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
|
|
|
7218
7233
|
__expose({ fetch: fetch2 });
|
|
7219
7234
|
return (_ctx, _cache) => {
|
|
7220
7235
|
var _a;
|
|
7221
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
7222
|
-
showCurrentFilters.value ? (vue.openBlock(), vue.createBlock(_sfc_main$
|
|
7236
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$z, [
|
|
7237
|
+
showCurrentFilters.value ? (vue.openBlock(), vue.createBlock(_sfc_main$M, {
|
|
7223
7238
|
key: 0,
|
|
7224
7239
|
options: _ctx.options.currentFilters,
|
|
7225
7240
|
expandable: (_a = _ctx.expandable) != null ? _a : false
|
|
7226
7241
|
}, null, 8, ["options", "expandable"])) : vue.createCommentVNode("", true),
|
|
7227
|
-
_ctx.options.categories ? (vue.openBlock(), vue.createBlock(_sfc_main$
|
|
7242
|
+
_ctx.options.categories ? (vue.openBlock(), vue.createBlock(_sfc_main$K, {
|
|
7228
7243
|
key: 1,
|
|
7229
7244
|
options: _ctx.options.categories,
|
|
7230
7245
|
ref_key: "categoryFilters",
|
|
7231
7246
|
ref: categoryFilters
|
|
7232
7247
|
}, null, 8, ["options"])) : vue.createCommentVNode("", true),
|
|
7233
|
-
_ctx.options.facets ? (vue.openBlock(), vue.createBlock(_sfc_main$
|
|
7248
|
+
_ctx.options.facets ? (vue.openBlock(), vue.createBlock(_sfc_main$D, {
|
|
7234
7249
|
key: 2,
|
|
7235
7250
|
options: _ctx.options.facets
|
|
7236
7251
|
}, null, 8, ["options"])) : vue.createCommentVNode("", true)
|
|
@@ -7238,11 +7253,11 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
|
|
|
7238
7253
|
};
|
|
7239
7254
|
}
|
|
7240
7255
|
});
|
|
7241
|
-
const _hoisted_1$
|
|
7256
|
+
const _hoisted_1$y = {
|
|
7242
7257
|
key: 0,
|
|
7243
7258
|
class: "lupa-mobile-filter-sidebar"
|
|
7244
7259
|
};
|
|
7245
|
-
const _hoisted_2$
|
|
7260
|
+
const _hoisted_2$m = ["onClick"];
|
|
7246
7261
|
const _hoisted_3$g = { class: "lupa-mobile-sidebar-content" };
|
|
7247
7262
|
const _hoisted_4$c = { class: "lupa-sidebar-top" };
|
|
7248
7263
|
const _hoisted_5$5 = { class: "lupa-sidebar-title" };
|
|
@@ -7251,7 +7266,7 @@ const _hoisted_6$3 = {
|
|
|
7251
7266
|
class: "lupa-sidebar-filter-count"
|
|
7252
7267
|
};
|
|
7253
7268
|
const _hoisted_7$3 = { class: "lupa-sidebar-filter-options" };
|
|
7254
|
-
const _sfc_main$
|
|
7269
|
+
const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
|
|
7255
7270
|
__name: "MobileFilterSidebar",
|
|
7256
7271
|
props: {
|
|
7257
7272
|
options: {}
|
|
@@ -7277,11 +7292,11 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
|
|
|
7277
7292
|
searchResultStore.setSidebarState({ visible: false });
|
|
7278
7293
|
};
|
|
7279
7294
|
return (_ctx, _cache) => {
|
|
7280
|
-
return isMobileSidebarVisible.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
7295
|
+
return isMobileSidebarVisible.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$y, [
|
|
7281
7296
|
vue.createElementVNode("div", {
|
|
7282
7297
|
class: "lupa-sidebar-close",
|
|
7283
7298
|
onClick: vue.withModifiers(handleMobileToggle, ["stop"])
|
|
7284
|
-
}, null, 8, _hoisted_2$
|
|
7299
|
+
}, null, 8, _hoisted_2$m),
|
|
7285
7300
|
vue.createElementVNode("div", _hoisted_3$g, [
|
|
7286
7301
|
vue.createElementVNode("div", _hoisted_4$c, [
|
|
7287
7302
|
vue.createElementVNode("div", _hoisted_5$5, [
|
|
@@ -7294,7 +7309,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
|
|
|
7294
7309
|
})
|
|
7295
7310
|
]),
|
|
7296
7311
|
vue.createElementVNode("div", _hoisted_7$3, [
|
|
7297
|
-
vue.createVNode(_sfc_main$
|
|
7312
|
+
vue.createVNode(_sfc_main$C, {
|
|
7298
7313
|
options: _ctx.options,
|
|
7299
7314
|
expandable: isActiveFiltersExpanded.value
|
|
7300
7315
|
}, null, 8, ["options", "expandable"])
|
|
@@ -7304,14 +7319,14 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
|
|
|
7304
7319
|
};
|
|
7305
7320
|
}
|
|
7306
7321
|
});
|
|
7307
|
-
const _hoisted_1$
|
|
7308
|
-
const _hoisted_2$
|
|
7322
|
+
const _hoisted_1$x = { id: "lupa-search-results-breadcrumbs" };
|
|
7323
|
+
const _hoisted_2$l = ["href", "onClick"];
|
|
7309
7324
|
const _hoisted_3$f = {
|
|
7310
7325
|
key: 1,
|
|
7311
7326
|
class: "lupa-search-results-breadcrumb-text"
|
|
7312
7327
|
};
|
|
7313
7328
|
const _hoisted_4$b = { key: 2 };
|
|
7314
|
-
const _sfc_main$
|
|
7329
|
+
const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
|
|
7315
7330
|
__name: "SearchResultsBreadcrumbs",
|
|
7316
7331
|
props: {
|
|
7317
7332
|
breadcrumbs: {}
|
|
@@ -7336,7 +7351,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
|
|
|
7336
7351
|
handleRoutingEvent(link, event, hasEventRouting.value);
|
|
7337
7352
|
};
|
|
7338
7353
|
return (_ctx, _cache) => {
|
|
7339
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
7354
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$x, [
|
|
7340
7355
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(breadcrumbsValue.value, (breadcrumb, index) => {
|
|
7341
7356
|
return vue.openBlock(), vue.createElementBlock("span", {
|
|
7342
7357
|
class: "lupa-search-results-breadcrumb",
|
|
@@ -7350,7 +7365,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
|
|
|
7350
7365
|
var _a;
|
|
7351
7366
|
return handleNavigation(e, (_a = breadcrumb == null ? void 0 : breadcrumb.link) != null ? _a : "");
|
|
7352
7367
|
}
|
|
7353
|
-
}, vue.toDisplayString(getLabel(breadcrumb.label)), 9, _hoisted_2$
|
|
7368
|
+
}, vue.toDisplayString(getLabel(breadcrumb.label)), 9, _hoisted_2$l)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$f, vue.toDisplayString(getLabel(breadcrumb.label)), 1)),
|
|
7354
7369
|
index < breadcrumbsValue.value.length - 1 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$b, " / ")) : vue.createCommentVNode("", true)
|
|
7355
7370
|
]);
|
|
7356
7371
|
}), 128))
|
|
@@ -7358,11 +7373,11 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
|
|
|
7358
7373
|
};
|
|
7359
7374
|
}
|
|
7360
7375
|
});
|
|
7361
|
-
const _hoisted_1$
|
|
7376
|
+
const _hoisted_1$w = {
|
|
7362
7377
|
id: "lupa-search-result-filters",
|
|
7363
7378
|
class: "lupa-search-result-filters"
|
|
7364
7379
|
};
|
|
7365
|
-
const _sfc_main$
|
|
7380
|
+
const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
|
|
7366
7381
|
__name: "FiltersTopDropdown",
|
|
7367
7382
|
props: {
|
|
7368
7383
|
options: {}
|
|
@@ -7370,8 +7385,8 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
|
|
|
7370
7385
|
setup(__props) {
|
|
7371
7386
|
return (_ctx, _cache) => {
|
|
7372
7387
|
var _a;
|
|
7373
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
7374
|
-
_ctx.options.facets ? (vue.openBlock(), vue.createBlock(_sfc_main$
|
|
7388
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$w, [
|
|
7389
|
+
_ctx.options.facets ? (vue.openBlock(), vue.createBlock(_sfc_main$D, {
|
|
7375
7390
|
key: 0,
|
|
7376
7391
|
options: _ctx.options.facets,
|
|
7377
7392
|
"facet-style": (_a = _ctx.options.facets.style) == null ? void 0 : _a.type,
|
|
@@ -7381,8 +7396,8 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
|
|
|
7381
7396
|
};
|
|
7382
7397
|
}
|
|
7383
7398
|
});
|
|
7384
|
-
const _hoisted_1$
|
|
7385
|
-
const _sfc_main$
|
|
7399
|
+
const _hoisted_1$v = { id: "lupa-search-results-layout-selection" };
|
|
7400
|
+
const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
|
|
7386
7401
|
__name: "SearchResultsLayoutSelection",
|
|
7387
7402
|
setup(__props) {
|
|
7388
7403
|
const searchResultStore = useSearchResultStore();
|
|
@@ -7393,7 +7408,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
|
|
|
7393
7408
|
searchResultStore.setLayout(layout2);
|
|
7394
7409
|
};
|
|
7395
7410
|
return (_ctx, _cache) => {
|
|
7396
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
7411
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$v, [
|
|
7397
7412
|
vue.createElementVNode("div", {
|
|
7398
7413
|
class: vue.normalizeClass([
|
|
7399
7414
|
"lupa-layout-selection-grid",
|
|
@@ -7415,11 +7430,11 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
|
|
|
7415
7430
|
};
|
|
7416
7431
|
}
|
|
7417
7432
|
});
|
|
7418
|
-
const _hoisted_1$
|
|
7433
|
+
const _hoisted_1$u = {
|
|
7419
7434
|
key: 0,
|
|
7420
7435
|
class: "lupa-mobile-toggle-filter-count"
|
|
7421
7436
|
};
|
|
7422
|
-
const _sfc_main$
|
|
7437
|
+
const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
|
|
7423
7438
|
__name: "SearchResultsMobileToggle",
|
|
7424
7439
|
props: {
|
|
7425
7440
|
label: {},
|
|
@@ -7437,17 +7452,17 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
|
|
|
7437
7452
|
onClick: handleMobileToggle
|
|
7438
7453
|
}, [
|
|
7439
7454
|
vue.createTextVNode(vue.toDisplayString(_ctx.label) + " ", 1),
|
|
7440
|
-
_ctx.showFilterCount && vue.unref(currentFilterCount) > 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$
|
|
7455
|
+
_ctx.showFilterCount && vue.unref(currentFilterCount) > 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$u, vue.toDisplayString(vue.unref(currentFilterCount)), 1)) : vue.createCommentVNode("", true)
|
|
7441
7456
|
], 2);
|
|
7442
7457
|
};
|
|
7443
7458
|
}
|
|
7444
7459
|
});
|
|
7445
|
-
const _hoisted_1$
|
|
7460
|
+
const _hoisted_1$t = {
|
|
7446
7461
|
key: 0,
|
|
7447
7462
|
id: "lupa-search-results-page-select",
|
|
7448
7463
|
"data-cy": "lupa-search-results-page-select"
|
|
7449
7464
|
};
|
|
7450
|
-
const _hoisted_2$
|
|
7465
|
+
const _hoisted_2$k = {
|
|
7451
7466
|
key: 0,
|
|
7452
7467
|
class: "lupa-page-number-separator"
|
|
7453
7468
|
};
|
|
@@ -7456,7 +7471,7 @@ const _hoisted_4$a = {
|
|
|
7456
7471
|
key: 0,
|
|
7457
7472
|
class: "lupa-page-number-separator"
|
|
7458
7473
|
};
|
|
7459
|
-
const _sfc_main$
|
|
7474
|
+
const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
|
|
7460
7475
|
__name: "SearchResultsPageSelect",
|
|
7461
7476
|
props: {
|
|
7462
7477
|
lastPageLabel: {},
|
|
@@ -7518,7 +7533,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
|
|
|
7518
7533
|
}
|
|
7519
7534
|
};
|
|
7520
7535
|
return (_ctx, _cache) => {
|
|
7521
|
-
return showPagination.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
7536
|
+
return showPagination.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$t, [
|
|
7522
7537
|
showBack.value ? (vue.openBlock(), vue.createElementBlock("div", {
|
|
7523
7538
|
key: 0,
|
|
7524
7539
|
class: vue.normalizeClass(firstPageLabel.value === "<" ? "lupa-page-arrow" : "lupa-show-less"),
|
|
@@ -7529,7 +7544,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
|
|
|
7529
7544
|
class: "lupa-page-number lupa-page-number-first",
|
|
7530
7545
|
onClick: _cache[1] || (_cache[1] = () => handlePageChange(1))
|
|
7531
7546
|
}, " 1 "),
|
|
7532
|
-
showFirstPageSeparator.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$
|
|
7547
|
+
showFirstPageSeparator.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$k, "...")) : vue.createCommentVNode("", true)
|
|
7533
7548
|
], 64)) : vue.createCommentVNode("", true),
|
|
7534
7549
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(pages.value, (page) => {
|
|
7535
7550
|
return vue.openBlock(), vue.createElementBlock("div", {
|
|
@@ -7562,13 +7577,13 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
|
|
|
7562
7577
|
};
|
|
7563
7578
|
}
|
|
7564
7579
|
});
|
|
7565
|
-
const _hoisted_1$
|
|
7580
|
+
const _hoisted_1$s = {
|
|
7566
7581
|
id: "lupa-search-results-page-size",
|
|
7567
7582
|
"data-cy": "lupa-search-results-page-size"
|
|
7568
7583
|
};
|
|
7569
|
-
const _hoisted_2$
|
|
7584
|
+
const _hoisted_2$j = { id: "lupa-select" };
|
|
7570
7585
|
const _hoisted_3$d = { class: "lupa-select-label" };
|
|
7571
|
-
const _sfc_main$
|
|
7586
|
+
const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
|
|
7572
7587
|
__name: "SearchResultsPageSize",
|
|
7573
7588
|
props: {
|
|
7574
7589
|
label: {},
|
|
@@ -7585,8 +7600,8 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
|
|
|
7585
7600
|
});
|
|
7586
7601
|
};
|
|
7587
7602
|
return (_ctx, _cache) => {
|
|
7588
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
7589
|
-
vue.createElementVNode("div", _hoisted_2$
|
|
7603
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$s, [
|
|
7604
|
+
vue.createElementVNode("div", _hoisted_2$j, [
|
|
7590
7605
|
vue.createElementVNode("label", _hoisted_3$d, vue.toDisplayString(_ctx.label), 1),
|
|
7591
7606
|
vue.createElementVNode("select", {
|
|
7592
7607
|
class: "lupa-select-dropdown",
|
|
@@ -7604,14 +7619,14 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
|
|
|
7604
7619
|
};
|
|
7605
7620
|
}
|
|
7606
7621
|
});
|
|
7607
|
-
const _hoisted_1$
|
|
7622
|
+
const _hoisted_1$r = {
|
|
7608
7623
|
id: "lupa-search-results-sort",
|
|
7609
7624
|
class: "lupa-search-results-sort"
|
|
7610
7625
|
};
|
|
7611
|
-
const _hoisted_2$
|
|
7626
|
+
const _hoisted_2$i = { id: "lupa-select" };
|
|
7612
7627
|
const _hoisted_3$c = { class: "lupa-select-label" };
|
|
7613
7628
|
const _hoisted_4$9 = ["value"];
|
|
7614
|
-
const _sfc_main$
|
|
7629
|
+
const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
|
|
7615
7630
|
__name: "SearchResultsSort",
|
|
7616
7631
|
props: {
|
|
7617
7632
|
options: {}
|
|
@@ -7653,8 +7668,8 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
|
|
|
7653
7668
|
});
|
|
7654
7669
|
};
|
|
7655
7670
|
return (_ctx, _cache) => {
|
|
7656
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
7657
|
-
vue.createElementVNode("div", _hoisted_2$
|
|
7671
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$r, [
|
|
7672
|
+
vue.createElementVNode("div", _hoisted_2$i, [
|
|
7658
7673
|
vue.createElementVNode("label", _hoisted_3$c, vue.toDisplayString(_ctx.options.label), 1),
|
|
7659
7674
|
vue.withDirectives(vue.createElementVNode("select", {
|
|
7660
7675
|
class: "lupa-select-dropdown",
|
|
@@ -7677,14 +7692,14 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
|
|
|
7677
7692
|
};
|
|
7678
7693
|
}
|
|
7679
7694
|
});
|
|
7680
|
-
const _hoisted_1$
|
|
7681
|
-
const _hoisted_2$
|
|
7695
|
+
const _hoisted_1$q = { class: "lupa-toolbar-left" };
|
|
7696
|
+
const _hoisted_2$h = { key: 1 };
|
|
7682
7697
|
const _hoisted_3$b = { key: 3 };
|
|
7683
7698
|
const _hoisted_4$8 = { key: 5 };
|
|
7684
7699
|
const _hoisted_5$4 = { class: "lupa-toolbar-right" };
|
|
7685
7700
|
const _hoisted_6$2 = { key: 1 };
|
|
7686
7701
|
const _hoisted_7$2 = { key: 3 };
|
|
7687
|
-
const _sfc_main$
|
|
7702
|
+
const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
|
|
7688
7703
|
__name: "SearchResultsToolbar",
|
|
7689
7704
|
props: {
|
|
7690
7705
|
options: {},
|
|
@@ -7781,15 +7796,15 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
|
|
|
7781
7796
|
id: "lupa-search-results-toolbar",
|
|
7782
7797
|
class: vue.normalizeClass({ "lupa-filter-no-results": !hasResults.value })
|
|
7783
7798
|
}, [
|
|
7784
|
-
vue.createElementVNode("div", _hoisted_1$
|
|
7785
|
-
showLayoutSelection.value ? (vue.openBlock(), vue.createBlock(_sfc_main$
|
|
7786
|
-
showItemSummary.value ? (vue.openBlock(), vue.createBlock(_sfc_main$
|
|
7799
|
+
vue.createElementVNode("div", _hoisted_1$q, [
|
|
7800
|
+
showLayoutSelection.value ? (vue.openBlock(), vue.createBlock(_sfc_main$y, { key: 0 })) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$h)),
|
|
7801
|
+
showItemSummary.value ? (vue.openBlock(), vue.createBlock(_sfc_main$P, {
|
|
7787
7802
|
key: 2,
|
|
7788
7803
|
label: searchSummaryLabel.value,
|
|
7789
7804
|
clearable: vue.unref(hasAnyFilter) && showFilterClear.value,
|
|
7790
7805
|
onClear: handleClearAll
|
|
7791
7806
|
}, null, 8, ["label", "clearable"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$b)),
|
|
7792
|
-
displayPageSelect.value ? (vue.openBlock(), vue.createBlock(_sfc_main$
|
|
7807
|
+
displayPageSelect.value ? (vue.openBlock(), vue.createBlock(_sfc_main$w, {
|
|
7793
7808
|
key: 4,
|
|
7794
7809
|
options: paginationOptions.value.pageSelect,
|
|
7795
7810
|
"last-page-label": paginationOptions.value.labels.showMore,
|
|
@@ -7797,16 +7812,16 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
|
|
|
7797
7812
|
}, null, 8, ["options", "last-page-label", "first-page-label"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$8))
|
|
7798
7813
|
]),
|
|
7799
7814
|
vue.createElementVNode("div", _hoisted_5$4, [
|
|
7800
|
-
vue.createVNode(_sfc_main$
|
|
7815
|
+
vue.createVNode(_sfc_main$x, {
|
|
7801
7816
|
label: optionsValue.value.labels.mobileFilterButton,
|
|
7802
7817
|
"show-filter-count": showMobileFilterCount.value
|
|
7803
7818
|
}, null, 8, ["label", "show-filter-count"]),
|
|
7804
|
-
paginationDisplay.value.pageSize ? (vue.openBlock(), vue.createBlock(_sfc_main$
|
|
7819
|
+
paginationDisplay.value.pageSize ? (vue.openBlock(), vue.createBlock(_sfc_main$v, {
|
|
7805
7820
|
key: 0,
|
|
7806
7821
|
options: paginationOptions.value.pageSize,
|
|
7807
7822
|
label: paginationOptions.value.labels.pageSize
|
|
7808
7823
|
}, null, 8, ["options", "label"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$2)),
|
|
7809
|
-
sortOptions.value ? (vue.openBlock(), vue.createBlock(_sfc_main$
|
|
7824
|
+
sortOptions.value ? (vue.openBlock(), vue.createBlock(_sfc_main$u, {
|
|
7810
7825
|
key: 2,
|
|
7811
7826
|
options: sortOptions.value
|
|
7812
7827
|
}, null, 8, ["options"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$2))
|
|
@@ -7815,14 +7830,14 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
|
|
|
7815
7830
|
};
|
|
7816
7831
|
}
|
|
7817
7832
|
});
|
|
7818
|
-
const _hoisted_1$
|
|
7819
|
-
const _hoisted_2$
|
|
7833
|
+
const _hoisted_1$p = { class: "lupa-badge-title" };
|
|
7834
|
+
const _hoisted_2$g = ["src"];
|
|
7820
7835
|
const _hoisted_3$a = { key: 1 };
|
|
7821
7836
|
const _hoisted_4$7 = {
|
|
7822
7837
|
key: 0,
|
|
7823
7838
|
class: "lupa-badge-full-text"
|
|
7824
7839
|
};
|
|
7825
|
-
const _sfc_main$
|
|
7840
|
+
const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
|
|
7826
7841
|
__name: "SearchResultGeneratedBadge",
|
|
7827
7842
|
props: {
|
|
7828
7843
|
options: {},
|
|
@@ -7855,11 +7870,11 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
|
|
|
7855
7870
|
class: vue.normalizeClass(["lupa-dynamic-badge", customClassName.value]),
|
|
7856
7871
|
style: vue.normalizeStyle({ background: _ctx.badge.backgroundColor, color: _ctx.badge.color })
|
|
7857
7872
|
}, [
|
|
7858
|
-
vue.createElementVNode("span", _hoisted_1$
|
|
7873
|
+
vue.createElementVNode("span", _hoisted_1$p, [
|
|
7859
7874
|
image.value ? (vue.openBlock(), vue.createElementBlock("img", {
|
|
7860
7875
|
key: 0,
|
|
7861
7876
|
src: image.value
|
|
7862
|
-
}, null, 8, _hoisted_2$
|
|
7877
|
+
}, null, 8, _hoisted_2$g)) : vue.createCommentVNode("", true),
|
|
7863
7878
|
hasTitleText.value && showTitle.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$a, vue.toDisplayString(_ctx.badge.titleText), 1)) : vue.createCommentVNode("", true)
|
|
7864
7879
|
]),
|
|
7865
7880
|
hasAdditionalText.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$7, vue.toDisplayString(_ctx.badge.additionalText), 1)) : vue.createCommentVNode("", true)
|
|
@@ -7867,8 +7882,8 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
|
|
|
7867
7882
|
};
|
|
7868
7883
|
}
|
|
7869
7884
|
});
|
|
7870
|
-
const _hoisted_1$
|
|
7871
|
-
const _sfc_main$
|
|
7885
|
+
const _hoisted_1$o = { class: "lupa-generated-badges" };
|
|
7886
|
+
const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
|
|
7872
7887
|
__name: "SearchResultGeneratedBadges",
|
|
7873
7888
|
props: {
|
|
7874
7889
|
options: {}
|
|
@@ -7894,9 +7909,9 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
|
|
|
7894
7909
|
})).filter((b) => Boolean(b.id));
|
|
7895
7910
|
});
|
|
7896
7911
|
return (_ctx, _cache) => {
|
|
7897
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
7912
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$o, [
|
|
7898
7913
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(badges.value, (badge) => {
|
|
7899
|
-
return vue.openBlock(), vue.createBlock(_sfc_main$
|
|
7914
|
+
return vue.openBlock(), vue.createBlock(_sfc_main$s, {
|
|
7900
7915
|
key: badge.id,
|
|
7901
7916
|
badge,
|
|
7902
7917
|
options: _ctx.options
|
|
@@ -7906,8 +7921,8 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
|
|
|
7906
7921
|
};
|
|
7907
7922
|
}
|
|
7908
7923
|
});
|
|
7909
|
-
const _hoisted_1$
|
|
7910
|
-
const _sfc_main$
|
|
7924
|
+
const _hoisted_1$n = ["innerHTML"];
|
|
7925
|
+
const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
|
|
7911
7926
|
__name: "CustomBadge",
|
|
7912
7927
|
props: {
|
|
7913
7928
|
badge: {}
|
|
@@ -7926,12 +7941,12 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
|
|
|
7926
7941
|
return vue.openBlock(), vue.createElementBlock("div", {
|
|
7927
7942
|
class: vue.normalizeClass(className.value),
|
|
7928
7943
|
innerHTML: text.value
|
|
7929
|
-
}, null, 10, _hoisted_1$
|
|
7944
|
+
}, null, 10, _hoisted_1$n);
|
|
7930
7945
|
};
|
|
7931
7946
|
}
|
|
7932
7947
|
});
|
|
7933
|
-
const _hoisted_1$
|
|
7934
|
-
const _sfc_main$
|
|
7948
|
+
const _hoisted_1$m = { class: "lupa-text-badges" };
|
|
7949
|
+
const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
|
|
7935
7950
|
__name: "TextBadge",
|
|
7936
7951
|
props: {
|
|
7937
7952
|
badge: {}
|
|
@@ -7946,7 +7961,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
|
|
|
7946
7961
|
return badges.value.slice(0, props.badge.maxItems);
|
|
7947
7962
|
});
|
|
7948
7963
|
return (_ctx, _cache) => {
|
|
7949
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
7964
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$m, [
|
|
7950
7965
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(displayBadges.value, (item) => {
|
|
7951
7966
|
return vue.openBlock(), vue.createElementBlock("div", {
|
|
7952
7967
|
class: "lupa-badge lupa-text-badge",
|
|
@@ -7957,9 +7972,9 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
|
|
|
7957
7972
|
};
|
|
7958
7973
|
}
|
|
7959
7974
|
});
|
|
7960
|
-
const _hoisted_1$
|
|
7961
|
-
const _hoisted_2$
|
|
7962
|
-
const _sfc_main$
|
|
7975
|
+
const _hoisted_1$l = { class: "lupa-image-badges" };
|
|
7976
|
+
const _hoisted_2$f = ["src"];
|
|
7977
|
+
const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
|
|
7963
7978
|
__name: "ImageBadge",
|
|
7964
7979
|
props: {
|
|
7965
7980
|
badge: {}
|
|
@@ -7979,7 +7994,7 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
|
|
|
7979
7994
|
return `${props.badge.rootImageUrl}${src}`;
|
|
7980
7995
|
};
|
|
7981
7996
|
return (_ctx, _cache) => {
|
|
7982
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
7997
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$l, [
|
|
7983
7998
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(displayBadges.value, (item) => {
|
|
7984
7999
|
return vue.openBlock(), vue.createElementBlock("div", {
|
|
7985
8000
|
class: "lupa-badge lupa-image-badge",
|
|
@@ -7987,22 +8002,22 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
|
|
|
7987
8002
|
}, [
|
|
7988
8003
|
vue.createElementVNode("img", {
|
|
7989
8004
|
src: getImageUrl(item)
|
|
7990
|
-
}, null, 8, _hoisted_2$
|
|
8005
|
+
}, null, 8, _hoisted_2$f)
|
|
7991
8006
|
]);
|
|
7992
8007
|
}), 128))
|
|
7993
8008
|
]);
|
|
7994
8009
|
};
|
|
7995
8010
|
}
|
|
7996
8011
|
});
|
|
7997
|
-
const _hoisted_1$
|
|
8012
|
+
const _hoisted_1$k = { id: "lupa-search-results-badges" };
|
|
7998
8013
|
const __default__$1 = {
|
|
7999
8014
|
components: {
|
|
8000
|
-
CustomBadge: _sfc_main$
|
|
8001
|
-
TextBadge: _sfc_main$
|
|
8002
|
-
ImageBadge: _sfc_main$
|
|
8015
|
+
CustomBadge: _sfc_main$q,
|
|
8016
|
+
TextBadge: _sfc_main$p,
|
|
8017
|
+
ImageBadge: _sfc_main$o
|
|
8003
8018
|
}
|
|
8004
8019
|
};
|
|
8005
|
-
const _sfc_main$
|
|
8020
|
+
const _sfc_main$n = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, __default__$1), {
|
|
8006
8021
|
__name: "SearchResultsBadgeWrapper",
|
|
8007
8022
|
props: {
|
|
8008
8023
|
position: {},
|
|
@@ -8048,7 +8063,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadVa
|
|
|
8048
8063
|
}
|
|
8049
8064
|
};
|
|
8050
8065
|
return (_ctx, _cache) => {
|
|
8051
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
8066
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$k, [
|
|
8052
8067
|
vue.createElementVNode("div", {
|
|
8053
8068
|
id: "lupa-badges",
|
|
8054
8069
|
class: vue.normalizeClass(anchorPosition.value)
|
|
@@ -8059,7 +8074,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadVa
|
|
|
8059
8074
|
badge
|
|
8060
8075
|
}, null, 8, ["badge"]);
|
|
8061
8076
|
}), 128)),
|
|
8062
|
-
positionValue.value === "card" ? (vue.openBlock(), vue.createBlock(_sfc_main$
|
|
8077
|
+
positionValue.value === "card" ? (vue.openBlock(), vue.createBlock(_sfc_main$r, {
|
|
8063
8078
|
key: 0,
|
|
8064
8079
|
options: _ctx.options
|
|
8065
8080
|
}, null, 8, ["options"])) : vue.createCommentVNode("", true)
|
|
@@ -8068,7 +8083,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadVa
|
|
|
8068
8083
|
};
|
|
8069
8084
|
}
|
|
8070
8085
|
}));
|
|
8071
|
-
const _sfc_main$
|
|
8086
|
+
const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
|
|
8072
8087
|
__name: "SearchResultsProductImage",
|
|
8073
8088
|
props: {
|
|
8074
8089
|
item: {},
|
|
@@ -8076,7 +8091,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
|
|
|
8076
8091
|
},
|
|
8077
8092
|
setup(__props) {
|
|
8078
8093
|
return (_ctx, _cache) => {
|
|
8079
|
-
return vue.openBlock(), vue.createBlock(_sfc_main$
|
|
8094
|
+
return vue.openBlock(), vue.createBlock(_sfc_main$13, {
|
|
8080
8095
|
item: _ctx.item,
|
|
8081
8096
|
options: _ctx.options,
|
|
8082
8097
|
"wrapper-class": "lupa-search-results-image-wrapper",
|
|
@@ -8085,14 +8100,14 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
|
|
|
8085
8100
|
};
|
|
8086
8101
|
}
|
|
8087
8102
|
});
|
|
8088
|
-
const _hoisted_1$
|
|
8089
|
-
const _hoisted_2$
|
|
8103
|
+
const _hoisted_1$j = ["innerHTML"];
|
|
8104
|
+
const _hoisted_2$e = ["title"];
|
|
8090
8105
|
const _hoisted_3$9 = {
|
|
8091
8106
|
key: 0,
|
|
8092
8107
|
class: "lupa-search-results-product-title-text"
|
|
8093
8108
|
};
|
|
8094
8109
|
const _hoisted_4$6 = ["href"];
|
|
8095
|
-
const _sfc_main$
|
|
8110
|
+
const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
|
|
8096
8111
|
__name: "SearchResultsProductTitle",
|
|
8097
8112
|
props: {
|
|
8098
8113
|
item: {},
|
|
@@ -8125,7 +8140,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
|
|
|
8125
8140
|
class: "lupa-search-results-product-title",
|
|
8126
8141
|
style: vue.normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`),
|
|
8127
8142
|
innerHTML: title.value
|
|
8128
|
-
}, null, 12, _hoisted_1$
|
|
8143
|
+
}, null, 12, _hoisted_1$j)) : (vue.openBlock(), vue.createElementBlock("div", {
|
|
8129
8144
|
key: 1,
|
|
8130
8145
|
class: "lupa-search-results-product-title",
|
|
8131
8146
|
style: vue.normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`),
|
|
@@ -8138,12 +8153,12 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
|
|
|
8138
8153
|
class: "lupa-search-results-product-title-text lupa-title-link",
|
|
8139
8154
|
onClick: handleNavigation
|
|
8140
8155
|
}, vue.toDisplayString(title.value), 9, _hoisted_4$6)) : vue.createCommentVNode("", true)
|
|
8141
|
-
], 12, _hoisted_2$
|
|
8156
|
+
], 12, _hoisted_2$e));
|
|
8142
8157
|
};
|
|
8143
8158
|
}
|
|
8144
8159
|
});
|
|
8145
|
-
const _hoisted_1$
|
|
8146
|
-
const _sfc_main$
|
|
8160
|
+
const _hoisted_1$i = ["innerHTML"];
|
|
8161
|
+
const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
|
|
8147
8162
|
__name: "SearchResultsProductDescription",
|
|
8148
8163
|
props: {
|
|
8149
8164
|
item: {},
|
|
@@ -8167,7 +8182,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
|
|
|
8167
8182
|
class: "lupa-search-results-product-description",
|
|
8168
8183
|
style: vue.normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`),
|
|
8169
8184
|
innerHTML: description.value
|
|
8170
|
-
}, null, 12, _hoisted_1$
|
|
8185
|
+
}, null, 12, _hoisted_1$i)) : (vue.openBlock(), vue.createElementBlock("div", {
|
|
8171
8186
|
key: 1,
|
|
8172
8187
|
class: "lupa-search-results-product-description",
|
|
8173
8188
|
style: vue.normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`)
|
|
@@ -8175,15 +8190,15 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
|
|
|
8175
8190
|
};
|
|
8176
8191
|
}
|
|
8177
8192
|
});
|
|
8178
|
-
const _hoisted_1$
|
|
8179
|
-
const _hoisted_2$
|
|
8193
|
+
const _hoisted_1$h = { id: "lupa-search-results-rating" };
|
|
8194
|
+
const _hoisted_2$d = { class: "lupa-ratings" };
|
|
8180
8195
|
const _hoisted_3$8 = { class: "lupa-ratings-base" };
|
|
8181
8196
|
const _hoisted_4$5 = ["innerHTML"];
|
|
8182
8197
|
const _hoisted_5$3 = { class: "lupa-rating-wrapper" };
|
|
8183
8198
|
const _hoisted_6$1 = ["innerHTML"];
|
|
8184
8199
|
const _hoisted_7$1 = ["href"];
|
|
8185
8200
|
const STAR_COUNT = 5;
|
|
8186
|
-
const _sfc_main$
|
|
8201
|
+
const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
|
|
8187
8202
|
__name: "SearchResultsProductRating",
|
|
8188
8203
|
props: {
|
|
8189
8204
|
item: {},
|
|
@@ -8214,8 +8229,8 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
|
|
|
8214
8229
|
return generateLink(props.options.links.ratingDetails, props.item);
|
|
8215
8230
|
});
|
|
8216
8231
|
return (_ctx, _cache) => {
|
|
8217
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
8218
|
-
vue.createElementVNode("div", _hoisted_2$
|
|
8232
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$h, [
|
|
8233
|
+
vue.createElementVNode("div", _hoisted_2$d, [
|
|
8219
8234
|
vue.createElementVNode("div", _hoisted_3$8, [
|
|
8220
8235
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(baseStars.value, (star, index) => {
|
|
8221
8236
|
return vue.openBlock(), vue.createElementBlock("div", {
|
|
@@ -8248,11 +8263,11 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
|
|
|
8248
8263
|
};
|
|
8249
8264
|
}
|
|
8250
8265
|
});
|
|
8251
|
-
const _hoisted_1$
|
|
8266
|
+
const _hoisted_1$g = {
|
|
8252
8267
|
class: "lupa-search-results-product-regular-price",
|
|
8253
8268
|
"data-cy": "lupa-search-results-product-regular-price"
|
|
8254
8269
|
};
|
|
8255
|
-
const _sfc_main$
|
|
8270
|
+
const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
|
|
8256
8271
|
__name: "SearchResultsProductRegularPrice",
|
|
8257
8272
|
props: {
|
|
8258
8273
|
item: {},
|
|
@@ -8270,15 +8285,15 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
|
|
|
8270
8285
|
);
|
|
8271
8286
|
});
|
|
8272
8287
|
return (_ctx, _cache) => {
|
|
8273
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
8288
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$g, vue.toDisplayString(price.value), 1);
|
|
8274
8289
|
};
|
|
8275
8290
|
}
|
|
8276
8291
|
});
|
|
8277
|
-
const _hoisted_1$
|
|
8292
|
+
const _hoisted_1$f = {
|
|
8278
8293
|
class: "lupa-search-results-product-price",
|
|
8279
8294
|
"data-cy": "lupa-search-results-product-price"
|
|
8280
8295
|
};
|
|
8281
|
-
const _sfc_main$
|
|
8296
|
+
const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
|
|
8282
8297
|
__name: "SearchResultsProductPrice",
|
|
8283
8298
|
props: {
|
|
8284
8299
|
item: {},
|
|
@@ -8296,16 +8311,16 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
|
|
|
8296
8311
|
);
|
|
8297
8312
|
});
|
|
8298
8313
|
return (_ctx, _cache) => {
|
|
8299
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
8314
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$f, [
|
|
8300
8315
|
vue.createElementVNode("strong", null, vue.toDisplayString(price.value), 1)
|
|
8301
8316
|
]);
|
|
8302
8317
|
};
|
|
8303
8318
|
}
|
|
8304
8319
|
});
|
|
8305
|
-
const _hoisted_1$
|
|
8306
|
-
const _hoisted_2$
|
|
8320
|
+
const _hoisted_1$e = { class: "lupa-search-results-add-to-cart-wrapper" };
|
|
8321
|
+
const _hoisted_2$c = { class: "lupa-search-results-product-addtocart" };
|
|
8307
8322
|
const _hoisted_3$7 = ["onClick", "disabled"];
|
|
8308
|
-
const _sfc_main$
|
|
8323
|
+
const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
|
|
8309
8324
|
__name: "SearchResultsProductAddToCart",
|
|
8310
8325
|
props: {
|
|
8311
8326
|
item: {},
|
|
@@ -8332,8 +8347,8 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
|
|
|
8332
8347
|
loading.value = false;
|
|
8333
8348
|
});
|
|
8334
8349
|
return (_ctx, _cache) => {
|
|
8335
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
8336
|
-
vue.createElementVNode("div", _hoisted_2$
|
|
8350
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$e, [
|
|
8351
|
+
vue.createElementVNode("div", _hoisted_2$c, [
|
|
8337
8352
|
vue.createElementVNode("button", {
|
|
8338
8353
|
onClick: vue.withModifiers(handleClick, ["stop"]),
|
|
8339
8354
|
class: vue.normalizeClass(loading.value ? "lupa-add-to-cart-loading" : "lupa-add-to-cart"),
|
|
@@ -8345,12 +8360,12 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
|
|
|
8345
8360
|
};
|
|
8346
8361
|
}
|
|
8347
8362
|
});
|
|
8348
|
-
const _hoisted_1$
|
|
8349
|
-
const _hoisted_2$
|
|
8363
|
+
const _hoisted_1$d = ["innerHTML"];
|
|
8364
|
+
const _hoisted_2$b = { key: 0 };
|
|
8350
8365
|
const _hoisted_3$6 = { key: 1 };
|
|
8351
8366
|
const _hoisted_4$4 = { class: "lupa-search-box-custom-label" };
|
|
8352
8367
|
const _hoisted_5$2 = { class: "lupa-search-box-custom-text" };
|
|
8353
|
-
const _sfc_main$
|
|
8368
|
+
const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
|
|
8354
8369
|
__name: "SearchResultsProductCustom",
|
|
8355
8370
|
props: {
|
|
8356
8371
|
item: {},
|
|
@@ -8388,11 +8403,11 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
|
|
|
8388
8403
|
key: 0,
|
|
8389
8404
|
class: className.value,
|
|
8390
8405
|
innerHTML: text.value
|
|
8391
|
-
}, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$
|
|
8406
|
+
}, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$d)) : (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
|
|
8392
8407
|
key: 1,
|
|
8393
8408
|
class: className.value
|
|
8394
8409
|
}, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
|
|
8395
|
-
!label.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$
|
|
8410
|
+
!label.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$b, vue.toDisplayString(text.value), 1)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$6, [
|
|
8396
8411
|
vue.createElementVNode("div", _hoisted_4$4, vue.toDisplayString(label.value), 1),
|
|
8397
8412
|
vue.createElementVNode("div", _hoisted_5$2, vue.toDisplayString(text.value), 1)
|
|
8398
8413
|
]))
|
|
@@ -8400,8 +8415,8 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
|
|
|
8400
8415
|
};
|
|
8401
8416
|
}
|
|
8402
8417
|
});
|
|
8403
|
-
const _hoisted_1$
|
|
8404
|
-
const _sfc_main$
|
|
8418
|
+
const _hoisted_1$c = ["innerHTML"];
|
|
8419
|
+
const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
|
|
8405
8420
|
__name: "SearchResultsProductCustomHtmlElement",
|
|
8406
8421
|
props: {
|
|
8407
8422
|
item: {},
|
|
@@ -8425,15 +8440,15 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
|
|
|
8425
8440
|
return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
|
|
8426
8441
|
class: className.value,
|
|
8427
8442
|
innerHTML: text.value
|
|
8428
|
-
}, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$
|
|
8443
|
+
}, vue.toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$c);
|
|
8429
8444
|
};
|
|
8430
8445
|
}
|
|
8431
8446
|
});
|
|
8432
|
-
const _hoisted_1$
|
|
8433
|
-
const _hoisted_2$
|
|
8447
|
+
const _hoisted_1$b = { id: "lupa-search-results-rating" };
|
|
8448
|
+
const _hoisted_2$a = ["innerHTML"];
|
|
8434
8449
|
const _hoisted_3$5 = { class: "lupa-ratings" };
|
|
8435
8450
|
const _hoisted_4$3 = ["href"];
|
|
8436
|
-
const _sfc_main$
|
|
8451
|
+
const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
|
|
8437
8452
|
__name: "SearchResultsProductSingleStarRating",
|
|
8438
8453
|
props: {
|
|
8439
8454
|
item: {},
|
|
@@ -8461,11 +8476,11 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
|
|
|
8461
8476
|
return RATING_STAR_HTML;
|
|
8462
8477
|
});
|
|
8463
8478
|
return (_ctx, _cache) => {
|
|
8464
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
8479
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [
|
|
8465
8480
|
vue.createElementVNode("div", {
|
|
8466
8481
|
innerHTML: star.value,
|
|
8467
8482
|
class: "lupa-rating lupa-rating-highlighted"
|
|
8468
|
-
}, null, 8, _hoisted_2$
|
|
8483
|
+
}, null, 8, _hoisted_2$a),
|
|
8469
8484
|
vue.createElementVNode("div", _hoisted_3$5, vue.toDisplayString(rating.value), 1),
|
|
8470
8485
|
vue.createElementVNode("a", {
|
|
8471
8486
|
href: ratingLink.value,
|
|
@@ -8477,19 +8492,19 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
|
|
|
8477
8492
|
});
|
|
8478
8493
|
const __default__ = {
|
|
8479
8494
|
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$
|
|
8495
|
+
SearchResultsProductImage: _sfc_main$m,
|
|
8496
|
+
SearchResultsProductTitle: _sfc_main$l,
|
|
8497
|
+
SearchResultsProductDescription: _sfc_main$k,
|
|
8498
|
+
SearchResultsProductRating: _sfc_main$j,
|
|
8499
|
+
SearchResultsProductRegularPrice: _sfc_main$i,
|
|
8500
|
+
SearchResultsProductPrice: _sfc_main$h,
|
|
8501
|
+
SearchResultsProductAddToCart: _sfc_main$g,
|
|
8502
|
+
SearchResultsProductCustom: _sfc_main$f,
|
|
8503
|
+
SearchResultsProductCustomHtmlElement: _sfc_main$e,
|
|
8504
|
+
SearchResultsProductSingleStarRating: _sfc_main$d
|
|
8505
|
+
}
|
|
8506
|
+
};
|
|
8507
|
+
const _sfc_main$c = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, __default__), {
|
|
8493
8508
|
__name: "SearchResultsProductCardElement",
|
|
8494
8509
|
props: {
|
|
8495
8510
|
item: {},
|
|
@@ -8559,13 +8574,13 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadVa
|
|
|
8559
8574
|
};
|
|
8560
8575
|
}
|
|
8561
8576
|
}));
|
|
8562
|
-
const _hoisted_1$
|
|
8563
|
-
const _hoisted_2$
|
|
8577
|
+
const _hoisted_1$a = ["href"];
|
|
8578
|
+
const _hoisted_2$9 = {
|
|
8564
8579
|
key: 0,
|
|
8565
8580
|
class: "lupa-out-of-stock"
|
|
8566
8581
|
};
|
|
8567
8582
|
const _hoisted_3$4 = { class: "lupa-search-result-product-details-section" };
|
|
8568
|
-
const _sfc_main$
|
|
8583
|
+
const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
|
|
8569
8584
|
__name: "SearchResultsProductCard",
|
|
8570
8585
|
props: {
|
|
8571
8586
|
product: {},
|
|
@@ -8710,7 +8725,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
|
|
|
8710
8725
|
class: vue.normalizeClass(["lupa-search-result-product-card", !isInStock.value ? "lupa-out-of-stock" : ""]),
|
|
8711
8726
|
onClick: handleClick
|
|
8712
8727
|
}, [
|
|
8713
|
-
vue.createVNode(_sfc_main$
|
|
8728
|
+
vue.createVNode(_sfc_main$n, { options: badgesOptions.value }, null, 8, ["options"]),
|
|
8714
8729
|
vue.createElementVNode("div", {
|
|
8715
8730
|
class: vue.normalizeClass(["lupa-search-result-product-contents", listLayoutClass.value])
|
|
8716
8731
|
}, [
|
|
@@ -8720,7 +8735,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
|
|
|
8720
8735
|
onClick: handleNavigation
|
|
8721
8736
|
}, [
|
|
8722
8737
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(imageElements.value, (element) => {
|
|
8723
|
-
return vue.openBlock(), vue.createBlock(_sfc_main$
|
|
8738
|
+
return vue.openBlock(), vue.createBlock(_sfc_main$c, {
|
|
8724
8739
|
class: "lupa-search-results-product-element",
|
|
8725
8740
|
item: _ctx.product,
|
|
8726
8741
|
element,
|
|
@@ -8730,16 +8745,16 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
|
|
|
8730
8745
|
link: link.value
|
|
8731
8746
|
}, null, 8, ["item", "element", "labels", "inStock", "link"]);
|
|
8732
8747
|
}), 128)),
|
|
8733
|
-
vue.createVNode(_sfc_main$
|
|
8748
|
+
vue.createVNode(_sfc_main$n, {
|
|
8734
8749
|
options: badgesOptions.value,
|
|
8735
8750
|
position: "image",
|
|
8736
8751
|
class: "lupa-image-badges"
|
|
8737
8752
|
}, 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$
|
|
8753
|
+
((_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)
|
|
8754
|
+
], 8, _hoisted_1$a),
|
|
8740
8755
|
vue.createElementVNode("div", _hoisted_3$4, [
|
|
8741
8756
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(detailElements.value, (element) => {
|
|
8742
|
-
return vue.openBlock(), vue.createBlock(_sfc_main$
|
|
8757
|
+
return vue.openBlock(), vue.createBlock(_sfc_main$c, {
|
|
8743
8758
|
class: "lupa-search-results-product-element",
|
|
8744
8759
|
item: _ctx.product,
|
|
8745
8760
|
element,
|
|
@@ -8757,7 +8772,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
|
|
|
8757
8772
|
class: vue.normalizeClass("lupa-element-group-" + group)
|
|
8758
8773
|
}, [
|
|
8759
8774
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getGroupElements(group), (element) => {
|
|
8760
|
-
return vue.openBlock(), vue.createBlock(_sfc_main$
|
|
8775
|
+
return vue.openBlock(), vue.createBlock(_sfc_main$c, {
|
|
8761
8776
|
class: "lupa-search-results-product-element",
|
|
8762
8777
|
item: _ctx.product,
|
|
8763
8778
|
element,
|
|
@@ -8775,42 +8790,6 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
|
|
|
8775
8790
|
};
|
|
8776
8791
|
}
|
|
8777
8792
|
});
|
|
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
8793
|
const _hoisted_1$9 = {
|
|
8815
8794
|
id: "lupa-search-results-similar-queries",
|
|
8816
8795
|
"data-cy": "lupa-search-results-similar-queries"
|
|
@@ -8821,10 +8800,9 @@ const _hoisted_3$3 = {
|
|
|
8821
8800
|
"data-cy": "lupa-similar-query-label"
|
|
8822
8801
|
};
|
|
8823
8802
|
const _hoisted_4$2 = ["onClick"];
|
|
8824
|
-
const _hoisted_5$1 =
|
|
8825
|
-
const _hoisted_6 = { key:
|
|
8826
|
-
const _hoisted_7 = {
|
|
8827
|
-
const _hoisted_8 = {
|
|
8803
|
+
const _hoisted_5$1 = ["innerHTML"];
|
|
8804
|
+
const _hoisted_6 = { key: 0 };
|
|
8805
|
+
const _hoisted_7 = {
|
|
8828
8806
|
class: "lupa-products",
|
|
8829
8807
|
"data-cy": "lupa-products"
|
|
8830
8808
|
};
|
|
@@ -8844,6 +8822,13 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
|
|
|
8844
8822
|
const getDocumentKey = (index, product) => {
|
|
8845
8823
|
return getProductKey(`${index}`, product, props.productCardOptions.idKey);
|
|
8846
8824
|
};
|
|
8825
|
+
const similarQueryLabel = vue.computed(() => {
|
|
8826
|
+
var _a, _b;
|
|
8827
|
+
return (_b = (_a = props.labels.similarQuery) == null ? void 0 : _a.replace("{1}", "")) != null ? _b : "";
|
|
8828
|
+
});
|
|
8829
|
+
const getSimilarQueryContent = (displayQuery) => {
|
|
8830
|
+
return escapeHtml(displayQuery);
|
|
8831
|
+
};
|
|
8847
8832
|
const goToResults = ({
|
|
8848
8833
|
searchText,
|
|
8849
8834
|
facet
|
|
@@ -8856,27 +8841,22 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
|
|
|
8856
8841
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(similarQueries.value, (similarQuery, index) => {
|
|
8857
8842
|
return vue.openBlock(), vue.createElementBlock("div", { key: index }, [
|
|
8858
8843
|
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
|
-
]))
|
|
8844
|
+
vue.createElementVNode("span", null, vue.toDisplayString(similarQueryLabel.value), 1),
|
|
8845
|
+
vue.createElementVNode("span", {
|
|
8846
|
+
id: "lupa-similar-query-text-component",
|
|
8847
|
+
class: "lupa-similar-query-value lupa-similar-query-link",
|
|
8848
|
+
onClick: ($event) => goToResults({ searchText: similarQuery.query }),
|
|
8849
|
+
"data-cy": "lupa-similar-query-value"
|
|
8850
|
+
}, [
|
|
8851
|
+
vue.createElementVNode("span", {
|
|
8852
|
+
innerHTML: getSimilarQueryContent(similarQuery.displayQuery)
|
|
8853
|
+
}, null, 8, _hoisted_5$1),
|
|
8854
|
+
similarQuery.count ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6, " (" + vue.toDisplayString(similarQuery.count) + ")", 1)) : vue.createCommentVNode("", true)
|
|
8855
|
+
], 8, _hoisted_4$2)
|
|
8876
8856
|
]),
|
|
8877
|
-
vue.createElementVNode("div",
|
|
8857
|
+
vue.createElementVNode("div", _hoisted_7, [
|
|
8878
8858
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(similarQuery.items, (product, index2) => {
|
|
8879
|
-
return vue.openBlock(), vue.createBlock(_sfc_main$
|
|
8859
|
+
return vue.openBlock(), vue.createBlock(_sfc_main$b, {
|
|
8880
8860
|
style: vue.normalizeStyle(_ctx.columnSize),
|
|
8881
8861
|
key: getDocumentKey(index2, product),
|
|
8882
8862
|
product,
|
|
@@ -8973,7 +8953,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
|
|
|
8973
8953
|
return hasResults.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$8, [
|
|
8974
8954
|
vue.createElementVNode("div", _hoisted_2$7, [
|
|
8975
8955
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(visibleItems.value, (item, index) => {
|
|
8976
|
-
return vue.openBlock(), vue.createBlock(_sfc_main$
|
|
8956
|
+
return vue.openBlock(), vue.createBlock(_sfc_main$b, {
|
|
8977
8957
|
key: index,
|
|
8978
8958
|
product: item,
|
|
8979
8959
|
options: _ctx.panel,
|
|
@@ -9157,17 +9137,17 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
|
|
|
9157
9137
|
class: "lupa-loader"
|
|
9158
9138
|
})) : vue.createCommentVNode("", true),
|
|
9159
9139
|
vue.unref(hasResults) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
|
|
9160
|
-
showTopFilters.value ? (vue.openBlock(), vue.createBlock(_sfc_main$
|
|
9140
|
+
showTopFilters.value ? (vue.openBlock(), vue.createBlock(_sfc_main$z, {
|
|
9161
9141
|
key: 0,
|
|
9162
9142
|
options: (_a = _ctx.options.filters) != null ? _a : {}
|
|
9163
9143
|
}, null, 8, ["options"])) : vue.createCommentVNode("", true),
|
|
9164
|
-
showMobileFilters.value ? (vue.openBlock(), vue.createBlock(_sfc_main$
|
|
9144
|
+
showMobileFilters.value ? (vue.openBlock(), vue.createBlock(_sfc_main$t, {
|
|
9165
9145
|
key: 1,
|
|
9166
9146
|
class: "lupa-toolbar-mobile",
|
|
9167
9147
|
options: _ctx.options,
|
|
9168
9148
|
"pagination-location": "top"
|
|
9169
9149
|
}, null, 8, ["options"])) : vue.createCommentVNode("", true),
|
|
9170
|
-
currentFilterOptions.value ? (vue.openBlock(), vue.createBlock(_sfc_main$
|
|
9150
|
+
currentFilterOptions.value ? (vue.openBlock(), vue.createBlock(_sfc_main$M, {
|
|
9171
9151
|
key: 2,
|
|
9172
9152
|
class: vue.normalizeClass(currentFiltersClass.value),
|
|
9173
9153
|
"data-cy": "lupa-search-result-filters-mobile-toolbar",
|
|
@@ -9181,7 +9161,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
|
|
|
9181
9161
|
sdkOptions: _ctx.options.options
|
|
9182
9162
|
}, null, 8, ["options", "sdkOptions"]),
|
|
9183
9163
|
vue.unref(hasResults) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
|
|
9184
|
-
vue.createVNode(_sfc_main$
|
|
9164
|
+
vue.createVNode(_sfc_main$t, {
|
|
9185
9165
|
class: "lupa-toolbar-top",
|
|
9186
9166
|
options: _ctx.options,
|
|
9187
9167
|
"pagination-location": "top"
|
|
@@ -9195,7 +9175,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
|
|
|
9195
9175
|
options: productCardOptions.value
|
|
9196
9176
|
});
|
|
9197
9177
|
}), 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$
|
|
9178
|
+
return vue.openBlock(), vue.createBlock(_sfc_main$b, {
|
|
9199
9179
|
style: vue.normalizeStyle(columnSize.value),
|
|
9200
9180
|
key: getProductKeyAction(index, product),
|
|
9201
9181
|
product,
|
|
@@ -9211,7 +9191,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
|
|
|
9211
9191
|
onClick: goToFirstPage
|
|
9212
9192
|
}, vue.toDisplayString(_ctx.options.labels.backToFirstPage), 1)) : vue.createCommentVNode("", true)
|
|
9213
9193
|
])) : vue.createCommentVNode("", true),
|
|
9214
|
-
vue.createVNode(_sfc_main$
|
|
9194
|
+
vue.createVNode(_sfc_main$t, {
|
|
9215
9195
|
class: "lupa-toolbar-bottom",
|
|
9216
9196
|
options: _ctx.options,
|
|
9217
9197
|
"pagination-location": "bottom"
|
|
@@ -9283,7 +9263,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
|
|
|
9283
9263
|
onClick: handleNavigationBack
|
|
9284
9264
|
}, vue.toDisplayString(backTitle.value), 9, _hoisted_3$1)
|
|
9285
9265
|
])) : vue.createCommentVNode("", true),
|
|
9286
|
-
vue.createVNode(_sfc_main$
|
|
9266
|
+
vue.createVNode(_sfc_main$t, {
|
|
9287
9267
|
class: "lupa-toolbar-mobile",
|
|
9288
9268
|
"pagination-location": "top",
|
|
9289
9269
|
options: _ctx.options
|
|
@@ -9494,8 +9474,8 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
|
|
|
9494
9474
|
class: vue.normalizeClass(["lupa-search-result-wrapper", { "lupa-search-wrapper-no-results": !vue.unref(hasResults) }])
|
|
9495
9475
|
}, [
|
|
9496
9476
|
_ctx.isContainer ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, [
|
|
9497
|
-
vue.createVNode(_sfc_main$
|
|
9498
|
-
vue.createVNode(_sfc_main$
|
|
9477
|
+
vue.createVNode(_sfc_main$Q, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
|
|
9478
|
+
vue.createVNode(_sfc_main$O, {
|
|
9499
9479
|
"show-summary": true,
|
|
9500
9480
|
options: _ctx.options,
|
|
9501
9481
|
"is-product-list": (_a = _ctx.isProductList) != null ? _a : false
|
|
@@ -9505,24 +9485,24 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
|
|
|
9505
9485
|
key: 1,
|
|
9506
9486
|
options: _ctx.options
|
|
9507
9487
|
}, null, 8, ["options"])) : vue.createCommentVNode("", true),
|
|
9508
|
-
_ctx.options.filters ? (vue.openBlock(), vue.createBlock(_sfc_main$
|
|
9488
|
+
_ctx.options.filters ? (vue.openBlock(), vue.createBlock(_sfc_main$B, {
|
|
9509
9489
|
key: 2,
|
|
9510
9490
|
options: _ctx.options.filters
|
|
9511
9491
|
}, null, 8, ["options"])) : vue.createCommentVNode("", true),
|
|
9512
|
-
vue.unref(currentQueryText) || _ctx.isProductList ? (vue.openBlock(), vue.createBlock(_sfc_main$
|
|
9492
|
+
vue.unref(currentQueryText) || _ctx.isProductList ? (vue.openBlock(), vue.createBlock(_sfc_main$A, {
|
|
9513
9493
|
key: 3,
|
|
9514
9494
|
breadcrumbs: _ctx.options.breadcrumbs
|
|
9515
9495
|
}, null, 8, ["breadcrumbs"])) : vue.createCommentVNode("", true),
|
|
9516
9496
|
isTitleResultTopPosition.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$3, [
|
|
9517
|
-
showFilterSidebar.value ? (vue.openBlock(), vue.createBlock(_sfc_main$
|
|
9497
|
+
showFilterSidebar.value ? (vue.openBlock(), vue.createBlock(_sfc_main$C, {
|
|
9518
9498
|
key: 0,
|
|
9519
9499
|
options: (_b = _ctx.options.filters) != null ? _b : {},
|
|
9520
9500
|
ref_key: "searchResultsFilters",
|
|
9521
9501
|
ref: searchResultsFilters
|
|
9522
9502
|
}, null, 8, ["options"])) : vue.createCommentVNode("", true),
|
|
9523
9503
|
vue.createElementVNode("div", _hoisted_3, [
|
|
9524
|
-
vue.createVNode(_sfc_main$
|
|
9525
|
-
vue.createVNode(_sfc_main$
|
|
9504
|
+
vue.createVNode(_sfc_main$Q, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
|
|
9505
|
+
vue.createVNode(_sfc_main$O, {
|
|
9526
9506
|
options: _ctx.options,
|
|
9527
9507
|
"is-product-list": (_c = _ctx.isProductList) != null ? _c : false
|
|
9528
9508
|
}, null, 8, ["options", "is-product-list"]),
|
|
@@ -9537,13 +9517,13 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
|
|
|
9537
9517
|
}, 8, ["options", "ssr"])
|
|
9538
9518
|
])
|
|
9539
9519
|
])) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 5 }, [
|
|
9540
|
-
vue.createVNode(_sfc_main$
|
|
9541
|
-
vue.createVNode(_sfc_main$
|
|
9520
|
+
vue.createVNode(_sfc_main$Q, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
|
|
9521
|
+
vue.createVNode(_sfc_main$O, {
|
|
9542
9522
|
options: _ctx.options,
|
|
9543
9523
|
"is-product-list": (_d = _ctx.isProductList) != null ? _d : false
|
|
9544
9524
|
}, null, 8, ["options", "is-product-list"]),
|
|
9545
9525
|
vue.createElementVNode("div", _hoisted_4, [
|
|
9546
|
-
showFilterSidebar.value ? (vue.openBlock(), vue.createBlock(_sfc_main$
|
|
9526
|
+
showFilterSidebar.value ? (vue.openBlock(), vue.createBlock(_sfc_main$C, {
|
|
9547
9527
|
key: 0,
|
|
9548
9528
|
options: (_e = _ctx.options.filters) != null ? _e : {},
|
|
9549
9529
|
ref_key: "searchResultsFilters",
|
|
@@ -15171,7 +15151,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
|
|
|
15171
15151
|
onClick: vue.withModifiers(innerClick, ["stop"])
|
|
15172
15152
|
}, [
|
|
15173
15153
|
vue.createElementVNode("div", _hoisted_2$1, [
|
|
15174
|
-
vue.createVNode(_sfc_main$
|
|
15154
|
+
vue.createVNode(_sfc_main$R, {
|
|
15175
15155
|
options: fullSearchBoxOptions.value,
|
|
15176
15156
|
"is-search-container": true,
|
|
15177
15157
|
ref_key: "searchBox",
|
|
@@ -15993,7 +15973,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
15993
15973
|
key: getProductKeyAction(index, product)
|
|
15994
15974
|
}, {
|
|
15995
15975
|
default: vue.withCtx(() => [
|
|
15996
|
-
vue.createVNode(_sfc_main$
|
|
15976
|
+
vue.createVNode(_sfc_main$b, {
|
|
15997
15977
|
product,
|
|
15998
15978
|
options: _ctx.options,
|
|
15999
15979
|
"click-tracking-settings": clickTrackingSettings.value
|
|
@@ -16036,7 +16016,7 @@ exports.DocumentElementType = DocumentElementType;
|
|
|
16036
16016
|
exports.LupaSearch = LupaSearch;
|
|
16037
16017
|
exports.ProductList = _sfc_main$2;
|
|
16038
16018
|
exports.Recommendations = _sfc_main;
|
|
16039
|
-
exports.SearchBox = _sfc_main$
|
|
16019
|
+
exports.SearchBox = _sfc_main$R;
|
|
16040
16020
|
exports.SearchBoxPanelType = SearchBoxPanelType;
|
|
16041
16021
|
exports.SearchContainer = _sfc_main$1;
|
|
16042
16022
|
exports.SearchResults = _sfc_main$4;
|