@getlupa/client 1.15.0 → 1.15.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/lupaSearch.iife.js +1040 -822
- package/dist/lupaSearch.js +1040 -822
- package/dist/lupaSearch.mjs +1040 -822
- package/dist/lupaSearch.umd.js +1040 -822
- package/dist/style.css +1 -1
- package/package.json +2 -2
package/dist/lupaSearch.mjs
CHANGED
|
@@ -6802,6 +6802,8 @@ const HISTORY_LOCAL_STORAGE_KEY = "LUPA_HISTORY";
|
|
|
6802
6802
|
const TRACKING_STORAGE_KEY = "LUPA_STATS";
|
|
6803
6803
|
const TRACKING_STORAGE_KEY_BASE = "LUPA_STATS_BASE";
|
|
6804
6804
|
const TRACKING_ANALYTICS_KEY = "LUPA_ANALYTICS";
|
|
6805
|
+
const TRACKING_CLICK_DELAYED = "LUPA_TRACKING_CLICK_DELAYED";
|
|
6806
|
+
const DELAYED_TRACKING_EVENTS_CACHE = "LUPA_DELAYED_TRACKING_EVENTS";
|
|
6805
6807
|
const TRACKING_KEY_LENGTH = 10;
|
|
6806
6808
|
const HISTORY_MAX_ITEMS = 7;
|
|
6807
6809
|
const S_MIN_WIDTH = 575;
|
|
@@ -7022,6 +7024,14 @@ const getNormalizedString = (str) => {
|
|
|
7022
7024
|
const transformedStr = typeof str === "string" ? str : str.toString();
|
|
7023
7025
|
return transformedStr.normalize === void 0 ? (_a = transformedStr.toLocaleLowerCase()) == null ? void 0 : _a.trim() : (_b = transformedStr.toLocaleLowerCase().normalize("NFKD").replace(/[^\w\s.-_/]/g, "")) == null ? void 0 : _b.trim();
|
|
7024
7026
|
};
|
|
7027
|
+
const getTransformedString = (str) => {
|
|
7028
|
+
var _a, _b;
|
|
7029
|
+
if (!str) {
|
|
7030
|
+
return "";
|
|
7031
|
+
}
|
|
7032
|
+
const transformedStr = typeof str === "string" ? str : str.toString();
|
|
7033
|
+
return transformedStr.normalize === void 0 ? (_a = transformedStr.toLocaleLowerCase()) == null ? void 0 : _a.trim() : (_b = transformedStr.toLocaleLowerCase().normalize("NFKD")) == null ? void 0 : _b.trim();
|
|
7034
|
+
};
|
|
7025
7035
|
const capitalize$1 = (str) => {
|
|
7026
7036
|
if (!str) {
|
|
7027
7037
|
return "";
|
|
@@ -7095,8 +7105,8 @@ const inputsAreEqual = (input2, possibleValues) => {
|
|
|
7095
7105
|
if (!input2) {
|
|
7096
7106
|
return false;
|
|
7097
7107
|
}
|
|
7098
|
-
const normalizedInput =
|
|
7099
|
-
return possibleValues.some((v) =>
|
|
7108
|
+
const normalizedInput = getTransformedString(input2);
|
|
7109
|
+
return possibleValues.some((v) => getTransformedString(v) === normalizedInput);
|
|
7100
7110
|
};
|
|
7101
7111
|
const levenshteinDistance = (s = "", t = "") => {
|
|
7102
7112
|
if (!(s == null ? void 0 : s.length)) {
|
|
@@ -7129,225 +7139,6 @@ const findClosestStringValue = (input2, possibleValues, key) => {
|
|
|
7129
7139
|
const closestValue = (_a = possibleValues.filter((_, i) => distances[i] === minDistance)) == null ? void 0 : _a[0];
|
|
7130
7140
|
return closestValue;
|
|
7131
7141
|
};
|
|
7132
|
-
const initAnalyticsTracking = (analyticsOptions) => {
|
|
7133
|
-
try {
|
|
7134
|
-
if (analyticsOptions == null ? void 0 : analyticsOptions.enabled) {
|
|
7135
|
-
window.sessionStorage.setItem(TRACKING_ANALYTICS_KEY, JSON.stringify(analyticsOptions));
|
|
7136
|
-
} else {
|
|
7137
|
-
window.sessionStorage.removeItem(TRACKING_ANALYTICS_KEY);
|
|
7138
|
-
}
|
|
7139
|
-
} catch (e2) {
|
|
7140
|
-
}
|
|
7141
|
-
};
|
|
7142
|
-
const initBaseTracking = (enabled) => {
|
|
7143
|
-
try {
|
|
7144
|
-
if (enabled) {
|
|
7145
|
-
window.sessionStorage.setItem(TRACKING_STORAGE_KEY_BASE, "1");
|
|
7146
|
-
} else {
|
|
7147
|
-
window.sessionStorage.removeItem(TRACKING_STORAGE_KEY_BASE);
|
|
7148
|
-
clearSessionTracking();
|
|
7149
|
-
clearUserTracking();
|
|
7150
|
-
}
|
|
7151
|
-
} catch (e2) {
|
|
7152
|
-
}
|
|
7153
|
-
};
|
|
7154
|
-
const clearSessionTracking = () => {
|
|
7155
|
-
try {
|
|
7156
|
-
window.sessionStorage.removeItem(TRACKING_STORAGE_KEY);
|
|
7157
|
-
} catch (e2) {
|
|
7158
|
-
}
|
|
7159
|
-
};
|
|
7160
|
-
const initSessionTracking = () => {
|
|
7161
|
-
try {
|
|
7162
|
-
if (getSessionKey()) {
|
|
7163
|
-
return;
|
|
7164
|
-
}
|
|
7165
|
-
const key = getRandomString(TRACKING_KEY_LENGTH);
|
|
7166
|
-
window.sessionStorage.setItem(TRACKING_STORAGE_KEY, key);
|
|
7167
|
-
} catch (e2) {
|
|
7168
|
-
}
|
|
7169
|
-
};
|
|
7170
|
-
const initUserTracking = (userKey) => {
|
|
7171
|
-
try {
|
|
7172
|
-
if (getUserKey()) {
|
|
7173
|
-
return;
|
|
7174
|
-
}
|
|
7175
|
-
const key = userKey || getRandomString(TRACKING_KEY_LENGTH);
|
|
7176
|
-
window.localStorage.setItem(TRACKING_STORAGE_KEY, key);
|
|
7177
|
-
} catch (e2) {
|
|
7178
|
-
}
|
|
7179
|
-
};
|
|
7180
|
-
const clearUserTracking = () => {
|
|
7181
|
-
try {
|
|
7182
|
-
window.localStorage.removeItem(TRACKING_STORAGE_KEY);
|
|
7183
|
-
} catch (e2) {
|
|
7184
|
-
}
|
|
7185
|
-
};
|
|
7186
|
-
const isTrackingEnabled = () => {
|
|
7187
|
-
try {
|
|
7188
|
-
return Boolean(window.sessionStorage.getItem(TRACKING_STORAGE_KEY_BASE));
|
|
7189
|
-
} catch (e2) {
|
|
7190
|
-
return false;
|
|
7191
|
-
}
|
|
7192
|
-
};
|
|
7193
|
-
const getSessionKey = () => {
|
|
7194
|
-
var _a;
|
|
7195
|
-
try {
|
|
7196
|
-
return (_a = window.sessionStorage.getItem(TRACKING_STORAGE_KEY)) != null ? _a : void 0;
|
|
7197
|
-
} catch (e2) {
|
|
7198
|
-
return void 0;
|
|
7199
|
-
}
|
|
7200
|
-
};
|
|
7201
|
-
const getUserKey = () => {
|
|
7202
|
-
var _a;
|
|
7203
|
-
try {
|
|
7204
|
-
return (_a = window.localStorage.getItem(TRACKING_STORAGE_KEY)) != null ? _a : void 0;
|
|
7205
|
-
} catch (e2) {
|
|
7206
|
-
return void 0;
|
|
7207
|
-
}
|
|
7208
|
-
};
|
|
7209
|
-
const initTracking = (options) => {
|
|
7210
|
-
initBaseTracking(Boolean(options.trackBase));
|
|
7211
|
-
if (options.trackSession) {
|
|
7212
|
-
initSessionTracking();
|
|
7213
|
-
} else {
|
|
7214
|
-
clearSessionTracking();
|
|
7215
|
-
}
|
|
7216
|
-
if (options.trackUser) {
|
|
7217
|
-
initUserTracking(options.userKey);
|
|
7218
|
-
} else {
|
|
7219
|
-
clearUserTracking();
|
|
7220
|
-
}
|
|
7221
|
-
if (options.analytics) {
|
|
7222
|
-
initAnalyticsTracking(options.analytics);
|
|
7223
|
-
}
|
|
7224
|
-
};
|
|
7225
|
-
const getLupaTrackingContext = () => {
|
|
7226
|
-
if (!isTrackingEnabled()) {
|
|
7227
|
-
return {};
|
|
7228
|
-
}
|
|
7229
|
-
return {
|
|
7230
|
-
userId: getUserKey(),
|
|
7231
|
-
sessionId: getSessionKey()
|
|
7232
|
-
};
|
|
7233
|
-
};
|
|
7234
|
-
const trackLupaEvent = (queryKey, data = {}, options) => {
|
|
7235
|
-
var _a, _b;
|
|
7236
|
-
if (!queryKey || !data.type) {
|
|
7237
|
-
return;
|
|
7238
|
-
}
|
|
7239
|
-
const eventData = {
|
|
7240
|
-
searchQuery: (_a = data.searchQuery) != null ? _a : "",
|
|
7241
|
-
itemId: (_b = data.itemId) != null ? _b : "",
|
|
7242
|
-
name: data.type,
|
|
7243
|
-
userId: getUserKey(),
|
|
7244
|
-
sessionId: getSessionKey(),
|
|
7245
|
-
filters: data.filters
|
|
7246
|
-
};
|
|
7247
|
-
LupaSearchSdk.track(queryKey, eventData, options);
|
|
7248
|
-
};
|
|
7249
|
-
const sendGa = (name, ...args) => {
|
|
7250
|
-
window.ga(() => {
|
|
7251
|
-
const trackers = window.ga.getAll();
|
|
7252
|
-
const firstTracker = trackers[0];
|
|
7253
|
-
if (!firstTracker) {
|
|
7254
|
-
console.error("GA tracker not found");
|
|
7255
|
-
}
|
|
7256
|
-
const trackerName = firstTracker.get("name");
|
|
7257
|
-
window.ga(`${trackerName}.${name}`, ...args);
|
|
7258
|
-
});
|
|
7259
|
-
};
|
|
7260
|
-
const trackAnalyticsEvent = (data) => {
|
|
7261
|
-
var _a, _b, _c;
|
|
7262
|
-
try {
|
|
7263
|
-
const options = JSON.parse(
|
|
7264
|
-
(_a = window.sessionStorage.getItem(TRACKING_ANALYTICS_KEY)) != null ? _a : "{}"
|
|
7265
|
-
);
|
|
7266
|
-
if (!data.analytics || !options.enabled || ((_c = options.ignoreEvents) == null ? void 0 : _c.includes((_b = data.analytics) == null ? void 0 : _b.type))) {
|
|
7267
|
-
return;
|
|
7268
|
-
}
|
|
7269
|
-
switch (options.type) {
|
|
7270
|
-
case "ua":
|
|
7271
|
-
sendUaAnalyticsEvent(data, options);
|
|
7272
|
-
break;
|
|
7273
|
-
case "ga4":
|
|
7274
|
-
sendGa4AnalyticsEvent(data, options);
|
|
7275
|
-
break;
|
|
7276
|
-
case "debug":
|
|
7277
|
-
processDebugEvent(data);
|
|
7278
|
-
break;
|
|
7279
|
-
default:
|
|
7280
|
-
sendUaAnalyticsEvent(data, options);
|
|
7281
|
-
}
|
|
7282
|
-
} catch (e2) {
|
|
7283
|
-
console.error("Unable to send an event to google analytics");
|
|
7284
|
-
}
|
|
7285
|
-
};
|
|
7286
|
-
const parseEcommerceData = (data, title) => {
|
|
7287
|
-
var _a, _b;
|
|
7288
|
-
return ((_a = data.analytics) == null ? void 0 : _a.items) ? {
|
|
7289
|
-
item_list_name: title,
|
|
7290
|
-
items: (_b = data.analytics) == null ? void 0 : _b.items
|
|
7291
|
-
} : void 0;
|
|
7292
|
-
};
|
|
7293
|
-
const sendUaAnalyticsEvent = (data, options) => {
|
|
7294
|
-
var _a, _b, _c, _d;
|
|
7295
|
-
const ga = window.ga;
|
|
7296
|
-
if (!ga) {
|
|
7297
|
-
console.error("Google Analytics object not found");
|
|
7298
|
-
return;
|
|
7299
|
-
}
|
|
7300
|
-
sendGa(
|
|
7301
|
-
"send",
|
|
7302
|
-
"event",
|
|
7303
|
-
options.parentEventName,
|
|
7304
|
-
(_b = (_a = data.analytics) == null ? void 0 : _a.type) != null ? _b : "",
|
|
7305
|
-
(_d = (_c = data.analytics) == null ? void 0 : _c.label) != null ? _d : ""
|
|
7306
|
-
);
|
|
7307
|
-
};
|
|
7308
|
-
const sendGa4AnalyticsEvent = (data, options) => {
|
|
7309
|
-
var _a, _b, _c, _d, _e, _f, _g;
|
|
7310
|
-
if (!window || !window.dataLayer) {
|
|
7311
|
-
console.error("dataLayer object not found.");
|
|
7312
|
-
return;
|
|
7313
|
-
}
|
|
7314
|
-
const sendItemTitle = data.searchQuery !== ((_a = data.analytics) == null ? void 0 : _a.label);
|
|
7315
|
-
const title = sendItemTitle ? (_b = data.analytics) == null ? void 0 : _b.label : void 0;
|
|
7316
|
-
const params = __spreadValues2({
|
|
7317
|
-
search_text: data.searchQuery,
|
|
7318
|
-
item_title: title,
|
|
7319
|
-
item_id: data.itemId,
|
|
7320
|
-
ecommerce: parseEcommerceData(data, (_c = data.analytics) == null ? void 0 : _c.listLabel)
|
|
7321
|
-
}, (_e = (_d = data.analytics) == null ? void 0 : _d.additionalParams) != null ? _e : {});
|
|
7322
|
-
window.dataLayer.push(__spreadValues2({
|
|
7323
|
-
event: (_g = (_f = data.analytics) == null ? void 0 : _f.type) != null ? _g : options.parentEventName
|
|
7324
|
-
}, params));
|
|
7325
|
-
};
|
|
7326
|
-
const processDebugEvent = (data) => {
|
|
7327
|
-
var _a, _b, _c, _d;
|
|
7328
|
-
const sendItemTitle = data.searchQuery !== ((_a = data.analytics) == null ? void 0 : _a.label);
|
|
7329
|
-
const title = sendItemTitle ? (_b = data.analytics) == null ? void 0 : _b.label : void 0;
|
|
7330
|
-
const params = {
|
|
7331
|
-
event: (_c = data.analytics) == null ? void 0 : _c.type,
|
|
7332
|
-
search_text: data.searchQuery,
|
|
7333
|
-
item_title: title,
|
|
7334
|
-
item_id: data.itemId,
|
|
7335
|
-
ecommerce: parseEcommerceData(data, (_d = data.analytics) == null ? void 0 : _d.listLabel)
|
|
7336
|
-
};
|
|
7337
|
-
console.debug("Analytics debug event:", params);
|
|
7338
|
-
};
|
|
7339
|
-
const track = (queryKey, data = {}, options) => {
|
|
7340
|
-
var _a;
|
|
7341
|
-
if (!isTrackingEnabled()) {
|
|
7342
|
-
return;
|
|
7343
|
-
}
|
|
7344
|
-
const hasSearchQuery = data.searchQuery;
|
|
7345
|
-
if (!hasSearchQuery && !((_a = data.options) == null ? void 0 : _a.allowEmptySearchQuery)) {
|
|
7346
|
-
return;
|
|
7347
|
-
}
|
|
7348
|
-
trackAnalyticsEvent(data);
|
|
7349
|
-
trackLupaEvent(queryKey, data, options);
|
|
7350
|
-
};
|
|
7351
7142
|
const DEFAULT_SEARCH_BOX_OPTIONS$1 = {
|
|
7352
7143
|
inputSelector: "#searchBox",
|
|
7353
7144
|
options: {
|
|
@@ -7552,83 +7343,343 @@ const useOptionsStore = defineStore("options", () => {
|
|
|
7552
7343
|
var _a;
|
|
7553
7344
|
return (_a = searchBoxOptions.value.options) != null ? _a : searchResultOptions.value.options;
|
|
7554
7345
|
}
|
|
7555
|
-
);
|
|
7556
|
-
const classMap = computed(() => {
|
|
7557
|
-
var _a;
|
|
7558
|
-
return (_a = searchResultOptions.value.classMap) != null ? _a : {};
|
|
7559
|
-
});
|
|
7560
|
-
const initialFilters = computed(() => searchResultInitialFilters.value);
|
|
7561
|
-
const boxRoutingBehavior = computed(() => {
|
|
7562
|
-
var _a;
|
|
7563
|
-
return (_a = searchBoxOptions.value.routingBehavior) != null ? _a : "direct-link";
|
|
7346
|
+
);
|
|
7347
|
+
const classMap = computed(() => {
|
|
7348
|
+
var _a;
|
|
7349
|
+
return (_a = searchResultOptions.value.classMap) != null ? _a : {};
|
|
7350
|
+
});
|
|
7351
|
+
const initialFilters = computed(() => searchResultInitialFilters.value);
|
|
7352
|
+
const boxRoutingBehavior = computed(() => {
|
|
7353
|
+
var _a;
|
|
7354
|
+
return (_a = searchBoxOptions.value.routingBehavior) != null ? _a : "direct-link";
|
|
7355
|
+
});
|
|
7356
|
+
const searchResultsRoutingBehavior = computed(
|
|
7357
|
+
() => {
|
|
7358
|
+
var _a;
|
|
7359
|
+
return (_a = searchResultOptions.value.routingBehavior) != null ? _a : "direct-link";
|
|
7360
|
+
}
|
|
7361
|
+
);
|
|
7362
|
+
const defaultSearchResultPageSize = computed(
|
|
7363
|
+
() => {
|
|
7364
|
+
var _a, _b;
|
|
7365
|
+
return (_b = (_a = currentResolutionPageSizes.value) == null ? void 0 : _a[0]) != null ? _b : DEFAULT_PAGE_SIZE;
|
|
7366
|
+
}
|
|
7367
|
+
);
|
|
7368
|
+
const currentResolutionPageSizes = computed(() => {
|
|
7369
|
+
var _a, _b, _c, _d;
|
|
7370
|
+
const pageSizes = (_d = (_c = (_b = (_a = searchResultOptions.value) == null ? void 0 : _a.pagination) == null ? void 0 : _b.sizeSelection) == null ? void 0 : _c.sizes) != null ? _d : DEFAULT_PAGE_SIZE_SELECTION;
|
|
7371
|
+
if (Array.isArray(pageSizes)) {
|
|
7372
|
+
return pageSizes;
|
|
7373
|
+
}
|
|
7374
|
+
const screenSize = screenStore.currentScreenWidth;
|
|
7375
|
+
switch (screenSize) {
|
|
7376
|
+
case "xs":
|
|
7377
|
+
return pageSizes.xs;
|
|
7378
|
+
case "sm":
|
|
7379
|
+
return pageSizes.sm;
|
|
7380
|
+
case "md":
|
|
7381
|
+
return pageSizes.md;
|
|
7382
|
+
case "l":
|
|
7383
|
+
return pageSizes.l;
|
|
7384
|
+
case "xl":
|
|
7385
|
+
return pageSizes.xl;
|
|
7386
|
+
}
|
|
7387
|
+
});
|
|
7388
|
+
const setSearchBoxOptions = ({ options }) => {
|
|
7389
|
+
searchBoxOptions.value = options;
|
|
7390
|
+
};
|
|
7391
|
+
const setTrackingOptions = ({ options }) => {
|
|
7392
|
+
trackingOptions.value = options;
|
|
7393
|
+
};
|
|
7394
|
+
const setSearchResultOptions = ({ options }) => {
|
|
7395
|
+
searchResultOptions.value = options;
|
|
7396
|
+
};
|
|
7397
|
+
const setInitialFilters = ({ initialFilters: initialFilters2 }) => {
|
|
7398
|
+
searchResultInitialFilters.value = initialFilters2;
|
|
7399
|
+
};
|
|
7400
|
+
const getQueryParamName = (param) => {
|
|
7401
|
+
var _a;
|
|
7402
|
+
const nameMap = searchBoxOptions.value.queryParameterNames;
|
|
7403
|
+
return (_a = nameMap == null ? void 0 : nameMap[param]) != null ? _a : param;
|
|
7404
|
+
};
|
|
7405
|
+
return {
|
|
7406
|
+
searchBoxOptions,
|
|
7407
|
+
searchResultOptions,
|
|
7408
|
+
trackingOptions,
|
|
7409
|
+
envOptions,
|
|
7410
|
+
classMap,
|
|
7411
|
+
initialFilters,
|
|
7412
|
+
boxRoutingBehavior,
|
|
7413
|
+
searchResultsRoutingBehavior,
|
|
7414
|
+
defaultSearchResultPageSize,
|
|
7415
|
+
currentResolutionPageSizes,
|
|
7416
|
+
setSearchBoxOptions,
|
|
7417
|
+
setTrackingOptions,
|
|
7418
|
+
setSearchResultOptions,
|
|
7419
|
+
setInitialFilters,
|
|
7420
|
+
getQueryParamName
|
|
7421
|
+
};
|
|
7422
|
+
});
|
|
7423
|
+
const initAnalyticsTracking = (analyticsOptions) => {
|
|
7424
|
+
try {
|
|
7425
|
+
if (analyticsOptions == null ? void 0 : analyticsOptions.enabled) {
|
|
7426
|
+
window.sessionStorage.setItem(TRACKING_ANALYTICS_KEY, JSON.stringify(analyticsOptions));
|
|
7427
|
+
} else {
|
|
7428
|
+
window.sessionStorage.removeItem(TRACKING_ANALYTICS_KEY);
|
|
7429
|
+
}
|
|
7430
|
+
} catch (e2) {
|
|
7431
|
+
}
|
|
7432
|
+
};
|
|
7433
|
+
const initBaseTracking = (enabled) => {
|
|
7434
|
+
try {
|
|
7435
|
+
if (enabled) {
|
|
7436
|
+
window.sessionStorage.setItem(TRACKING_STORAGE_KEY_BASE, "1");
|
|
7437
|
+
} else {
|
|
7438
|
+
window.sessionStorage.removeItem(TRACKING_STORAGE_KEY_BASE);
|
|
7439
|
+
clearSessionTracking();
|
|
7440
|
+
clearUserTracking();
|
|
7441
|
+
}
|
|
7442
|
+
} catch (e2) {
|
|
7443
|
+
}
|
|
7444
|
+
};
|
|
7445
|
+
const clearSessionTracking = () => {
|
|
7446
|
+
try {
|
|
7447
|
+
window.sessionStorage.removeItem(TRACKING_STORAGE_KEY);
|
|
7448
|
+
} catch (e2) {
|
|
7449
|
+
}
|
|
7450
|
+
};
|
|
7451
|
+
const initSessionTracking = () => {
|
|
7452
|
+
try {
|
|
7453
|
+
if (getSessionKey()) {
|
|
7454
|
+
return;
|
|
7455
|
+
}
|
|
7456
|
+
const key = getRandomString(TRACKING_KEY_LENGTH);
|
|
7457
|
+
window.sessionStorage.setItem(TRACKING_STORAGE_KEY, key);
|
|
7458
|
+
} catch (e2) {
|
|
7459
|
+
}
|
|
7460
|
+
};
|
|
7461
|
+
const initUserTracking = (userKey) => {
|
|
7462
|
+
try {
|
|
7463
|
+
if (getUserKey()) {
|
|
7464
|
+
return;
|
|
7465
|
+
}
|
|
7466
|
+
const key = userKey || getRandomString(TRACKING_KEY_LENGTH);
|
|
7467
|
+
window.localStorage.setItem(TRACKING_STORAGE_KEY, key);
|
|
7468
|
+
} catch (e2) {
|
|
7469
|
+
}
|
|
7470
|
+
};
|
|
7471
|
+
const clearUserTracking = () => {
|
|
7472
|
+
try {
|
|
7473
|
+
window.localStorage.removeItem(TRACKING_STORAGE_KEY);
|
|
7474
|
+
} catch (e2) {
|
|
7475
|
+
}
|
|
7476
|
+
};
|
|
7477
|
+
const isTrackingEnabled = () => {
|
|
7478
|
+
try {
|
|
7479
|
+
return Boolean(window.sessionStorage.getItem(TRACKING_STORAGE_KEY_BASE));
|
|
7480
|
+
} catch (e2) {
|
|
7481
|
+
return false;
|
|
7482
|
+
}
|
|
7483
|
+
};
|
|
7484
|
+
const isDelayedClickTracking = () => {
|
|
7485
|
+
try {
|
|
7486
|
+
return Boolean(window.localStorage.getItem(TRACKING_CLICK_DELAYED));
|
|
7487
|
+
} catch (e2) {
|
|
7488
|
+
return false;
|
|
7489
|
+
}
|
|
7490
|
+
};
|
|
7491
|
+
const getSessionKey = () => {
|
|
7492
|
+
var _a;
|
|
7493
|
+
try {
|
|
7494
|
+
return (_a = window.sessionStorage.getItem(TRACKING_STORAGE_KEY)) != null ? _a : void 0;
|
|
7495
|
+
} catch (e2) {
|
|
7496
|
+
return void 0;
|
|
7497
|
+
}
|
|
7498
|
+
};
|
|
7499
|
+
const getUserKey = () => {
|
|
7500
|
+
var _a;
|
|
7501
|
+
try {
|
|
7502
|
+
return (_a = window.localStorage.getItem(TRACKING_STORAGE_KEY)) != null ? _a : void 0;
|
|
7503
|
+
} catch (e2) {
|
|
7504
|
+
return void 0;
|
|
7505
|
+
}
|
|
7506
|
+
};
|
|
7507
|
+
const initTracking = (options) => {
|
|
7508
|
+
initBaseTracking(Boolean(options.trackBase));
|
|
7509
|
+
if (options.trackSession) {
|
|
7510
|
+
initSessionTracking();
|
|
7511
|
+
} else {
|
|
7512
|
+
clearSessionTracking();
|
|
7513
|
+
}
|
|
7514
|
+
if (options.trackUser) {
|
|
7515
|
+
initUserTracking(options.userKey);
|
|
7516
|
+
} else {
|
|
7517
|
+
clearUserTracking();
|
|
7518
|
+
}
|
|
7519
|
+
if (options.analytics) {
|
|
7520
|
+
initAnalyticsTracking(options.analytics);
|
|
7521
|
+
}
|
|
7522
|
+
if (options.delayedClickTracking) {
|
|
7523
|
+
window.localStorage.setItem(TRACKING_CLICK_DELAYED, "1");
|
|
7524
|
+
checkAndDispatchDelayedEvents();
|
|
7525
|
+
} else {
|
|
7526
|
+
window.localStorage.removeItem(TRACKING_CLICK_DELAYED);
|
|
7527
|
+
}
|
|
7528
|
+
};
|
|
7529
|
+
const getLupaTrackingContext = () => {
|
|
7530
|
+
if (!isTrackingEnabled()) {
|
|
7531
|
+
return {};
|
|
7532
|
+
}
|
|
7533
|
+
return {
|
|
7534
|
+
userId: getUserKey(),
|
|
7535
|
+
sessionId: getSessionKey()
|
|
7536
|
+
};
|
|
7537
|
+
};
|
|
7538
|
+
const trackLupaEvent = (queryKey, data = {}, options) => {
|
|
7539
|
+
var _a, _b;
|
|
7540
|
+
if (!queryKey || !data.type) {
|
|
7541
|
+
return;
|
|
7542
|
+
}
|
|
7543
|
+
const eventData = {
|
|
7544
|
+
searchQuery: (_a = data.searchQuery) != null ? _a : "",
|
|
7545
|
+
itemId: (_b = data.itemId) != null ? _b : "",
|
|
7546
|
+
name: data.type,
|
|
7547
|
+
userId: getUserKey(),
|
|
7548
|
+
sessionId: getSessionKey(),
|
|
7549
|
+
filters: data.filters
|
|
7550
|
+
};
|
|
7551
|
+
LupaSearchSdk.track(queryKey, eventData, options);
|
|
7552
|
+
};
|
|
7553
|
+
const sendGa = (name, ...args) => {
|
|
7554
|
+
window.ga(() => {
|
|
7555
|
+
const trackers = window.ga.getAll();
|
|
7556
|
+
const firstTracker = trackers[0];
|
|
7557
|
+
if (!firstTracker) {
|
|
7558
|
+
console.error("GA tracker not found");
|
|
7559
|
+
}
|
|
7560
|
+
const trackerName = firstTracker.get("name");
|
|
7561
|
+
window.ga(`${trackerName}.${name}`, ...args);
|
|
7564
7562
|
});
|
|
7565
|
-
|
|
7566
|
-
|
|
7567
|
-
|
|
7568
|
-
|
|
7563
|
+
};
|
|
7564
|
+
const trackAnalyticsEvent = (data) => {
|
|
7565
|
+
var _a, _b, _c;
|
|
7566
|
+
try {
|
|
7567
|
+
const options = JSON.parse(
|
|
7568
|
+
(_a = window.sessionStorage.getItem(TRACKING_ANALYTICS_KEY)) != null ? _a : "{}"
|
|
7569
|
+
);
|
|
7570
|
+
if (!data.analytics || !options.enabled || ((_c = options.ignoreEvents) == null ? void 0 : _c.includes((_b = data.analytics) == null ? void 0 : _b.type))) {
|
|
7571
|
+
return;
|
|
7569
7572
|
}
|
|
7570
|
-
|
|
7571
|
-
|
|
7572
|
-
|
|
7573
|
-
|
|
7574
|
-
|
|
7573
|
+
switch (options.type) {
|
|
7574
|
+
case "ua":
|
|
7575
|
+
sendUaAnalyticsEvent(data, options);
|
|
7576
|
+
break;
|
|
7577
|
+
case "ga4":
|
|
7578
|
+
sendGa4AnalyticsEvent(data, options);
|
|
7579
|
+
break;
|
|
7580
|
+
case "debug":
|
|
7581
|
+
processDebugEvent(data);
|
|
7582
|
+
break;
|
|
7583
|
+
default:
|
|
7584
|
+
sendUaAnalyticsEvent(data, options);
|
|
7575
7585
|
}
|
|
7586
|
+
} catch (e2) {
|
|
7587
|
+
console.error("Unable to send an event to google analytics");
|
|
7588
|
+
}
|
|
7589
|
+
};
|
|
7590
|
+
const parseEcommerceData = (data, title) => {
|
|
7591
|
+
var _a, _b;
|
|
7592
|
+
return ((_a = data.analytics) == null ? void 0 : _a.items) ? {
|
|
7593
|
+
item_list_name: title,
|
|
7594
|
+
items: (_b = data.analytics) == null ? void 0 : _b.items
|
|
7595
|
+
} : void 0;
|
|
7596
|
+
};
|
|
7597
|
+
const sendUaAnalyticsEvent = (data, options) => {
|
|
7598
|
+
var _a, _b, _c, _d;
|
|
7599
|
+
const ga = window.ga;
|
|
7600
|
+
if (!ga) {
|
|
7601
|
+
console.error("Google Analytics object not found");
|
|
7602
|
+
return;
|
|
7603
|
+
}
|
|
7604
|
+
sendGa(
|
|
7605
|
+
"send",
|
|
7606
|
+
"event",
|
|
7607
|
+
options.parentEventName,
|
|
7608
|
+
(_b = (_a = data.analytics) == null ? void 0 : _a.type) != null ? _b : "",
|
|
7609
|
+
(_d = (_c = data.analytics) == null ? void 0 : _c.label) != null ? _d : ""
|
|
7576
7610
|
);
|
|
7577
|
-
|
|
7578
|
-
|
|
7579
|
-
|
|
7580
|
-
|
|
7581
|
-
|
|
7582
|
-
|
|
7583
|
-
|
|
7584
|
-
|
|
7585
|
-
|
|
7586
|
-
|
|
7587
|
-
|
|
7588
|
-
|
|
7589
|
-
|
|
7590
|
-
|
|
7591
|
-
|
|
7592
|
-
|
|
7593
|
-
|
|
7594
|
-
|
|
7595
|
-
|
|
7596
|
-
|
|
7597
|
-
|
|
7598
|
-
|
|
7599
|
-
|
|
7600
|
-
const
|
|
7601
|
-
|
|
7602
|
-
|
|
7603
|
-
|
|
7604
|
-
|
|
7605
|
-
|
|
7606
|
-
const setInitialFilters = ({ initialFilters: initialFilters2 }) => {
|
|
7607
|
-
searchResultInitialFilters.value = initialFilters2;
|
|
7608
|
-
};
|
|
7609
|
-
const getQueryParamName = (param) => {
|
|
7610
|
-
var _a;
|
|
7611
|
-
const nameMap = searchBoxOptions.value.queryParameterNames;
|
|
7612
|
-
return (_a = nameMap == null ? void 0 : nameMap[param]) != null ? _a : param;
|
|
7613
|
-
};
|
|
7614
|
-
return {
|
|
7615
|
-
searchBoxOptions,
|
|
7616
|
-
searchResultOptions,
|
|
7617
|
-
trackingOptions,
|
|
7618
|
-
envOptions,
|
|
7619
|
-
classMap,
|
|
7620
|
-
initialFilters,
|
|
7621
|
-
boxRoutingBehavior,
|
|
7622
|
-
searchResultsRoutingBehavior,
|
|
7623
|
-
defaultSearchResultPageSize,
|
|
7624
|
-
currentResolutionPageSizes,
|
|
7625
|
-
setSearchBoxOptions,
|
|
7626
|
-
setTrackingOptions,
|
|
7627
|
-
setSearchResultOptions,
|
|
7628
|
-
setInitialFilters,
|
|
7629
|
-
getQueryParamName
|
|
7611
|
+
};
|
|
7612
|
+
const sendGa4AnalyticsEvent = (data, options) => {
|
|
7613
|
+
var _a, _b, _c, _d, _e, _f, _g;
|
|
7614
|
+
if (!window || !window.dataLayer) {
|
|
7615
|
+
console.error("dataLayer object not found.");
|
|
7616
|
+
return;
|
|
7617
|
+
}
|
|
7618
|
+
const sendItemTitle = data.searchQuery !== ((_a = data.analytics) == null ? void 0 : _a.label);
|
|
7619
|
+
const title = sendItemTitle ? (_b = data.analytics) == null ? void 0 : _b.label : void 0;
|
|
7620
|
+
const params = __spreadValues2({
|
|
7621
|
+
search_text: data.searchQuery,
|
|
7622
|
+
item_title: title,
|
|
7623
|
+
item_id: data.itemId,
|
|
7624
|
+
ecommerce: parseEcommerceData(data, (_c = data.analytics) == null ? void 0 : _c.listLabel)
|
|
7625
|
+
}, (_e = (_d = data.analytics) == null ? void 0 : _d.additionalParams) != null ? _e : {});
|
|
7626
|
+
window.dataLayer.push(__spreadValues2({
|
|
7627
|
+
event: (_g = (_f = data.analytics) == null ? void 0 : _f.type) != null ? _g : options.parentEventName
|
|
7628
|
+
}, params));
|
|
7629
|
+
};
|
|
7630
|
+
const processDebugEvent = (data) => {
|
|
7631
|
+
var _a, _b, _c, _d;
|
|
7632
|
+
const sendItemTitle = data.searchQuery !== ((_a = data.analytics) == null ? void 0 : _a.label);
|
|
7633
|
+
const title = sendItemTitle ? (_b = data.analytics) == null ? void 0 : _b.label : void 0;
|
|
7634
|
+
const params = {
|
|
7635
|
+
event: (_c = data.analytics) == null ? void 0 : _c.type,
|
|
7636
|
+
search_text: data.searchQuery,
|
|
7637
|
+
item_title: title,
|
|
7638
|
+
item_id: data.itemId,
|
|
7639
|
+
ecommerce: parseEcommerceData(data, (_d = data.analytics) == null ? void 0 : _d.listLabel)
|
|
7630
7640
|
};
|
|
7631
|
-
|
|
7641
|
+
console.debug("Analytics debug event:", params);
|
|
7642
|
+
};
|
|
7643
|
+
const getDelayedEventsCache = () => {
|
|
7644
|
+
var _a;
|
|
7645
|
+
try {
|
|
7646
|
+
return JSON.parse((_a = window.localStorage.getItem(DELAYED_TRACKING_EVENTS_CACHE)) != null ? _a : "{}");
|
|
7647
|
+
} catch (e2) {
|
|
7648
|
+
return {};
|
|
7649
|
+
}
|
|
7650
|
+
};
|
|
7651
|
+
const storeDelayedEventCache = (cache) => {
|
|
7652
|
+
try {
|
|
7653
|
+
window.localStorage.setItem(DELAYED_TRACKING_EVENTS_CACHE, JSON.stringify(cache));
|
|
7654
|
+
} catch (e2) {
|
|
7655
|
+
}
|
|
7656
|
+
};
|
|
7657
|
+
const checkAndDispatchDelayedEvents = () => {
|
|
7658
|
+
var _a, _b;
|
|
7659
|
+
const optionsStore = useOptionsStore();
|
|
7660
|
+
const eventCache = getDelayedEventsCache();
|
|
7661
|
+
const urls = Object.keys(eventCache);
|
|
7662
|
+
for (const url of urls) {
|
|
7663
|
+
if ((_a = window.location.href) == null ? void 0 : _a.includes(url)) {
|
|
7664
|
+
const options = (_b = optionsStore.envOptions) != null ? _b : { environment: "production" };
|
|
7665
|
+
const { queryKey, data } = eventCache[url];
|
|
7666
|
+
track(queryKey, data, options);
|
|
7667
|
+
}
|
|
7668
|
+
}
|
|
7669
|
+
storeDelayedEventCache({});
|
|
7670
|
+
};
|
|
7671
|
+
const track = (queryKey, data = {}, options) => {
|
|
7672
|
+
var _a;
|
|
7673
|
+
if (!isTrackingEnabled()) {
|
|
7674
|
+
return;
|
|
7675
|
+
}
|
|
7676
|
+
const hasSearchQuery = data.searchQuery;
|
|
7677
|
+
if (!hasSearchQuery && !((_a = data.options) == null ? void 0 : _a.allowEmptySearchQuery)) {
|
|
7678
|
+
return;
|
|
7679
|
+
}
|
|
7680
|
+
trackAnalyticsEvent(data);
|
|
7681
|
+
trackLupaEvent(queryKey, data, options);
|
|
7682
|
+
};
|
|
7632
7683
|
var DocumentElementType = /* @__PURE__ */ ((DocumentElementType2) => {
|
|
7633
7684
|
DocumentElementType2["IMAGE"] = "image";
|
|
7634
7685
|
DocumentElementType2["TITLE"] = "title";
|
|
@@ -8137,7 +8188,11 @@ const useRedirectionStore = defineStore("redirections", () => {
|
|
|
8137
8188
|
try {
|
|
8138
8189
|
localStorage.setItem(
|
|
8139
8190
|
CACHE_KEY,
|
|
8140
|
-
JSON.stringify({
|
|
8191
|
+
JSON.stringify({
|
|
8192
|
+
redirections: redirections.value,
|
|
8193
|
+
savedAt: Date.now(),
|
|
8194
|
+
queryKey: redirectionOptions.value.queryKey
|
|
8195
|
+
})
|
|
8141
8196
|
);
|
|
8142
8197
|
} catch (e2) {
|
|
8143
8198
|
}
|
|
@@ -8148,6 +8203,9 @@ const useRedirectionStore = defineStore("redirections", () => {
|
|
|
8148
8203
|
return false;
|
|
8149
8204
|
try {
|
|
8150
8205
|
const data = JSON.parse((_a = localStorage.getItem(CACHE_KEY)) != null ? _a : "");
|
|
8206
|
+
if (data.queryKey !== config.queryKey) {
|
|
8207
|
+
return false;
|
|
8208
|
+
}
|
|
8151
8209
|
if ((data == null ? void 0 : data.redirections) && Date.now() - data.savedAt < 1e3 * config.cacheSeconds) {
|
|
8152
8210
|
redirections.value = data.redirections;
|
|
8153
8211
|
return true;
|
|
@@ -8172,6 +8230,7 @@ const useRedirectionStore = defineStore("redirections", () => {
|
|
|
8172
8230
|
try {
|
|
8173
8231
|
const result2 = yield LupaSearchSdk.loadRedirectionRules(config.queryKey, options);
|
|
8174
8232
|
if (!((_d = result2 == null ? void 0 : result2.rules) == null ? void 0 : _d.length)) {
|
|
8233
|
+
redirections.value = { rules: [] };
|
|
8175
8234
|
return;
|
|
8176
8235
|
}
|
|
8177
8236
|
redirections.value = result2;
|
|
@@ -8609,10 +8668,10 @@ const useSearchBoxStore = defineStore("searchBox", () => {
|
|
|
8609
8668
|
resetHighlightIndex
|
|
8610
8669
|
};
|
|
8611
8670
|
});
|
|
8612
|
-
const _hoisted_1$
|
|
8613
|
-
const _hoisted_2$
|
|
8614
|
-
const _hoisted_3$
|
|
8615
|
-
const _hoisted_4$
|
|
8671
|
+
const _hoisted_1$1h = { id: "lupa-search-box-input-container" };
|
|
8672
|
+
const _hoisted_2$V = { class: "lupa-input-clear" };
|
|
8673
|
+
const _hoisted_3$E = { id: "lupa-search-box-input" };
|
|
8674
|
+
const _hoisted_4$t = ["value"];
|
|
8616
8675
|
const _hoisted_5$j = ["aria-label", "placeholder"];
|
|
8617
8676
|
const _hoisted_6$9 = /* @__PURE__ */ createBaseVNode("span", { class: "lupa-search-submit-icon" }, null, -1);
|
|
8618
8677
|
const _hoisted_7$7 = [
|
|
@@ -8622,7 +8681,7 @@ const _hoisted_8$3 = {
|
|
|
8622
8681
|
key: 0,
|
|
8623
8682
|
class: "lupa-close-label"
|
|
8624
8683
|
};
|
|
8625
|
-
const _sfc_main$
|
|
8684
|
+
const _sfc_main$1t = /* @__PURE__ */ defineComponent({
|
|
8626
8685
|
__name: "SearchBoxInput",
|
|
8627
8686
|
props: {
|
|
8628
8687
|
options: {},
|
|
@@ -8706,20 +8765,20 @@ const _sfc_main$1s = /* @__PURE__ */ defineComponent({
|
|
|
8706
8765
|
};
|
|
8707
8766
|
__expose({ focus });
|
|
8708
8767
|
return (_ctx, _cache) => {
|
|
8709
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
8710
|
-
createBaseVNode("div", _hoisted_2$
|
|
8768
|
+
return openBlock(), createElementBlock("div", _hoisted_1$1h, [
|
|
8769
|
+
createBaseVNode("div", _hoisted_2$V, [
|
|
8711
8770
|
createBaseVNode("div", {
|
|
8712
8771
|
class: normalizeClass(["lupa-input-clear-content", { "lupa-input-clear-filled": inputValue.value }]),
|
|
8713
8772
|
onClick: clear2
|
|
8714
8773
|
}, null, 2)
|
|
8715
8774
|
]),
|
|
8716
|
-
createBaseVNode("div", _hoisted_3$
|
|
8775
|
+
createBaseVNode("div", _hoisted_3$E, [
|
|
8717
8776
|
createBaseVNode("input", {
|
|
8718
8777
|
class: "lupa-hint",
|
|
8719
8778
|
"aria-hidden": "true",
|
|
8720
8779
|
value: showHint.value ? suggestedValue.value.item.suggestion : "",
|
|
8721
8780
|
disabled: ""
|
|
8722
|
-
}, null, 8, _hoisted_4$
|
|
8781
|
+
}, null, 8, _hoisted_4$t),
|
|
8723
8782
|
withDirectives(createBaseVNode("input", mergeProps({
|
|
8724
8783
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event)
|
|
8725
8784
|
}, inputAttributes.value, {
|
|
@@ -8752,7 +8811,7 @@ const _sfc_main$1s = /* @__PURE__ */ defineComponent({
|
|
|
8752
8811
|
};
|
|
8753
8812
|
}
|
|
8754
8813
|
});
|
|
8755
|
-
const _sfc_main$
|
|
8814
|
+
const _sfc_main$1s = /* @__PURE__ */ defineComponent({
|
|
8756
8815
|
__name: "SearchBoxMoreResults",
|
|
8757
8816
|
props: {
|
|
8758
8817
|
labels: {},
|
|
@@ -8784,9 +8843,9 @@ const _sfc_main$1r = /* @__PURE__ */ defineComponent({
|
|
|
8784
8843
|
};
|
|
8785
8844
|
}
|
|
8786
8845
|
});
|
|
8787
|
-
const _hoisted_1$
|
|
8788
|
-
const _hoisted_2$
|
|
8789
|
-
const _sfc_main$
|
|
8846
|
+
const _hoisted_1$1g = { class: "lupa-search-box-history-item" };
|
|
8847
|
+
const _hoisted_2$U = { class: "lupa-search-box-history-item-content" };
|
|
8848
|
+
const _sfc_main$1r = /* @__PURE__ */ defineComponent({
|
|
8790
8849
|
__name: "SearchBoxHistoryItem",
|
|
8791
8850
|
props: {
|
|
8792
8851
|
item: {},
|
|
@@ -8802,8 +8861,8 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
|
|
|
8802
8861
|
emit2("click", { query: props.item });
|
|
8803
8862
|
};
|
|
8804
8863
|
return (_ctx, _cache) => {
|
|
8805
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
8806
|
-
createBaseVNode("div", _hoisted_2$
|
|
8864
|
+
return openBlock(), createElementBlock("div", _hoisted_1$1g, [
|
|
8865
|
+
createBaseVNode("div", _hoisted_2$U, [
|
|
8807
8866
|
createBaseVNode("div", {
|
|
8808
8867
|
class: normalizeClass(["lupa-search-box-history-item-text", { "lupa-search-box-history-item-highlighted": _ctx.highlighted }]),
|
|
8809
8868
|
onClick: click2
|
|
@@ -8817,11 +8876,11 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
|
|
|
8817
8876
|
};
|
|
8818
8877
|
}
|
|
8819
8878
|
});
|
|
8820
|
-
const _hoisted_1$
|
|
8879
|
+
const _hoisted_1$1f = {
|
|
8821
8880
|
key: 0,
|
|
8822
8881
|
class: "lupa-search-box-history-panel"
|
|
8823
8882
|
};
|
|
8824
|
-
const _sfc_main$
|
|
8883
|
+
const _sfc_main$1q = /* @__PURE__ */ defineComponent({
|
|
8825
8884
|
__name: "SearchBoxHistoryPanel",
|
|
8826
8885
|
props: {
|
|
8827
8886
|
options: {}
|
|
@@ -8862,9 +8921,9 @@ const _sfc_main$1p = /* @__PURE__ */ defineComponent({
|
|
|
8862
8921
|
}
|
|
8863
8922
|
};
|
|
8864
8923
|
return (_ctx, _cache) => {
|
|
8865
|
-
return hasHistory.value ? (openBlock(), createElementBlock("div", _hoisted_1$
|
|
8924
|
+
return hasHistory.value ? (openBlock(), createElementBlock("div", _hoisted_1$1f, [
|
|
8866
8925
|
(openBlock(true), createElementBlock(Fragment, null, renderList(unref(history), (item, index) => {
|
|
8867
|
-
return openBlock(), createBlock(_sfc_main$
|
|
8926
|
+
return openBlock(), createBlock(_sfc_main$1r, {
|
|
8868
8927
|
key: item,
|
|
8869
8928
|
item,
|
|
8870
8929
|
highlighted: index === highlightIndex.value,
|
|
@@ -8880,15 +8939,15 @@ const _sfc_main$1p = /* @__PURE__ */ defineComponent({
|
|
|
8880
8939
|
};
|
|
8881
8940
|
}
|
|
8882
8941
|
});
|
|
8883
|
-
const _hoisted_1$
|
|
8884
|
-
const _sfc_main$
|
|
8942
|
+
const _hoisted_1$1e = { class: "lupa-search-box-no-results" };
|
|
8943
|
+
const _sfc_main$1p = /* @__PURE__ */ defineComponent({
|
|
8885
8944
|
__name: "SearchBoxNoResults",
|
|
8886
8945
|
props: {
|
|
8887
8946
|
labels: {}
|
|
8888
8947
|
},
|
|
8889
8948
|
setup(__props) {
|
|
8890
8949
|
return (_ctx, _cache) => {
|
|
8891
|
-
return openBlock(), createElementBlock("p", _hoisted_1$
|
|
8950
|
+
return openBlock(), createElementBlock("p", _hoisted_1$1e, toDisplayString(_ctx.labels.noResults), 1);
|
|
8892
8951
|
};
|
|
8893
8952
|
}
|
|
8894
8953
|
});
|
|
@@ -8920,18 +8979,18 @@ const generateGridTemplate = (elements) => {
|
|
|
8920
8979
|
}
|
|
8921
8980
|
return gridTemplate.join(" ");
|
|
8922
8981
|
};
|
|
8923
|
-
const _hoisted_1$
|
|
8924
|
-
const _hoisted_2$
|
|
8982
|
+
const _hoisted_1$1d = ["innerHTML"];
|
|
8983
|
+
const _hoisted_2$T = {
|
|
8925
8984
|
key: 1,
|
|
8926
8985
|
"data-cy": "lupa-suggestion-value",
|
|
8927
8986
|
class: "lupa-suggestion-value"
|
|
8928
8987
|
};
|
|
8929
|
-
const _hoisted_3$
|
|
8988
|
+
const _hoisted_3$D = {
|
|
8930
8989
|
key: 2,
|
|
8931
8990
|
class: "lupa-suggestion-facet",
|
|
8932
8991
|
"data-cy": "lupa-suggestion-facet"
|
|
8933
8992
|
};
|
|
8934
|
-
const _hoisted_4$
|
|
8993
|
+
const _hoisted_4$s = {
|
|
8935
8994
|
class: "lupa-suggestion-facet-label",
|
|
8936
8995
|
"data-cy": "lupa-suggestion-facet-label"
|
|
8937
8996
|
};
|
|
@@ -8939,7 +8998,7 @@ const _hoisted_5$i = {
|
|
|
8939
8998
|
class: "lupa-suggestion-facet-value",
|
|
8940
8999
|
"data-cy": "lupa-suggestion-facet-value"
|
|
8941
9000
|
};
|
|
8942
|
-
const _sfc_main$
|
|
9001
|
+
const _sfc_main$1o = /* @__PURE__ */ defineComponent({
|
|
8943
9002
|
__name: "SearchBoxSuggestion",
|
|
8944
9003
|
props: {
|
|
8945
9004
|
suggestion: {},
|
|
@@ -8975,20 +9034,20 @@ const _sfc_main$1n = /* @__PURE__ */ defineComponent({
|
|
|
8975
9034
|
class: "lupa-suggestion-value",
|
|
8976
9035
|
"data-cy": "lupa-suggestion-value",
|
|
8977
9036
|
innerHTML: _ctx.suggestion.displayHighlight
|
|
8978
|
-
}, null, 8, _hoisted_1$
|
|
8979
|
-
_ctx.suggestion.facet ? (openBlock(), createElementBlock("div", _hoisted_3$
|
|
8980
|
-
createBaseVNode("span", _hoisted_4$
|
|
9037
|
+
}, null, 8, _hoisted_1$1d)) : (openBlock(), createElementBlock("div", _hoisted_2$T, toDisplayString(_ctx.suggestion.display), 1)),
|
|
9038
|
+
_ctx.suggestion.facet ? (openBlock(), createElementBlock("div", _hoisted_3$D, [
|
|
9039
|
+
createBaseVNode("span", _hoisted_4$s, toDisplayString(facetLabel.value), 1),
|
|
8981
9040
|
createBaseVNode("span", _hoisted_5$i, toDisplayString(_ctx.suggestion.facet.title), 1)
|
|
8982
9041
|
])) : createCommentVNode("", true)
|
|
8983
9042
|
]);
|
|
8984
9043
|
};
|
|
8985
9044
|
}
|
|
8986
9045
|
});
|
|
8987
|
-
const _hoisted_1$
|
|
9046
|
+
const _hoisted_1$1c = {
|
|
8988
9047
|
id: "lupa-search-box-suggestions",
|
|
8989
9048
|
"data-cy": "lupa-search-box-suggestions"
|
|
8990
9049
|
};
|
|
8991
|
-
const _sfc_main$
|
|
9050
|
+
const _sfc_main$1n = /* @__PURE__ */ defineComponent({
|
|
8992
9051
|
__name: "SearchBoxSuggestions",
|
|
8993
9052
|
props: {
|
|
8994
9053
|
items: {},
|
|
@@ -9048,9 +9107,9 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
|
|
|
9048
9107
|
});
|
|
9049
9108
|
});
|
|
9050
9109
|
return (_ctx, _cache) => {
|
|
9051
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
9110
|
+
return openBlock(), createElementBlock("div", _hoisted_1$1c, [
|
|
9052
9111
|
(openBlock(true), createElementBlock(Fragment, null, renderList(items.value, (item, index) => {
|
|
9053
|
-
return openBlock(), createBlock(_sfc_main$
|
|
9112
|
+
return openBlock(), createBlock(_sfc_main$1o, {
|
|
9054
9113
|
key: getSuggestionKey(item),
|
|
9055
9114
|
class: normalizeClass(["lupa-suggestion", index === highlightedIndex.value ? "lupa-suggestion-highlighted" : ""]),
|
|
9056
9115
|
suggestion: item,
|
|
@@ -9078,7 +9137,7 @@ const debounce$1 = (func, timeout) => {
|
|
|
9078
9137
|
}, timeout);
|
|
9079
9138
|
};
|
|
9080
9139
|
};
|
|
9081
|
-
const _sfc_main$
|
|
9140
|
+
const _sfc_main$1m = /* @__PURE__ */ defineComponent({
|
|
9082
9141
|
__name: "SearchBoxSuggestionsWrapper",
|
|
9083
9142
|
props: {
|
|
9084
9143
|
panel: {},
|
|
@@ -9120,7 +9179,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
|
|
|
9120
9179
|
const getSuggestionsDebounced = debounce$1(getSuggestions, props.debounce);
|
|
9121
9180
|
watch(() => props.panel.limit, getSuggestionsDebounced);
|
|
9122
9181
|
return (_ctx, _cache) => {
|
|
9123
|
-
return openBlock(), createBlock(_sfc_main$
|
|
9182
|
+
return openBlock(), createBlock(_sfc_main$1n, {
|
|
9124
9183
|
items: searchResult.value,
|
|
9125
9184
|
highlight: _ctx.panel.highlight,
|
|
9126
9185
|
queryKey: _ctx.panel.queryKey,
|
|
@@ -18198,9 +18257,9 @@ const replaceImageWithPlaceholder = (e2, placeholder) => {
|
|
|
18198
18257
|
targetImage.src = placeholder;
|
|
18199
18258
|
}
|
|
18200
18259
|
};
|
|
18201
|
-
const _hoisted_1$
|
|
18202
|
-
const _hoisted_2$
|
|
18203
|
-
const _sfc_main$
|
|
18260
|
+
const _hoisted_1$1b = ["src"];
|
|
18261
|
+
const _hoisted_2$S = ["src"];
|
|
18262
|
+
const _sfc_main$1l = /* @__PURE__ */ defineComponent({
|
|
18204
18263
|
__name: "ProductImage",
|
|
18205
18264
|
props: {
|
|
18206
18265
|
item: {},
|
|
@@ -18342,7 +18401,7 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
|
|
|
18342
18401
|
}, { alt: imageAlt.value ? imageAlt.value : void 0 }, {
|
|
18343
18402
|
onError: replaceWithPlaceholder,
|
|
18344
18403
|
key: finalUrl.value
|
|
18345
|
-
}), null, 16, _hoisted_1$
|
|
18404
|
+
}), null, 16, _hoisted_1$1b))
|
|
18346
18405
|
]),
|
|
18347
18406
|
_: 1
|
|
18348
18407
|
})) : (openBlock(), createElementBlock("img", mergeProps({
|
|
@@ -18350,12 +18409,12 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
|
|
|
18350
18409
|
class: ["lupa-images-main-image", { [_ctx.imageClass]: true }],
|
|
18351
18410
|
style: styleOverride.value,
|
|
18352
18411
|
src: finalMainImageUrl.value
|
|
18353
|
-
}, { alt: imageAlt.value ? imageAlt.value : void 0 }, { onError: replaceWithPlaceholder }), null, 16, _hoisted_2$
|
|
18412
|
+
}, { alt: imageAlt.value ? imageAlt.value : void 0 }, { onError: replaceWithPlaceholder }), null, 16, _hoisted_2$S))
|
|
18354
18413
|
], 38);
|
|
18355
18414
|
};
|
|
18356
18415
|
}
|
|
18357
18416
|
});
|
|
18358
|
-
const _sfc_main$
|
|
18417
|
+
const _sfc_main$1k = /* @__PURE__ */ defineComponent({
|
|
18359
18418
|
__name: "SearchBoxProductImage",
|
|
18360
18419
|
props: {
|
|
18361
18420
|
item: {},
|
|
@@ -18363,7 +18422,7 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
|
|
|
18363
18422
|
},
|
|
18364
18423
|
setup(__props) {
|
|
18365
18424
|
return (_ctx, _cache) => {
|
|
18366
|
-
return openBlock(), createBlock(_sfc_main$
|
|
18425
|
+
return openBlock(), createBlock(_sfc_main$1l, {
|
|
18367
18426
|
item: _ctx.item,
|
|
18368
18427
|
options: _ctx.options,
|
|
18369
18428
|
"wrapper-class": "lupa-search-box-image-wrapper",
|
|
@@ -18372,12 +18431,12 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
|
|
|
18372
18431
|
};
|
|
18373
18432
|
}
|
|
18374
18433
|
});
|
|
18375
|
-
const _hoisted_1$
|
|
18376
|
-
const _hoisted_2$
|
|
18434
|
+
const _hoisted_1$1a = ["innerHTML"];
|
|
18435
|
+
const _hoisted_2$R = {
|
|
18377
18436
|
key: 1,
|
|
18378
18437
|
class: "lupa-search-box-product-title"
|
|
18379
18438
|
};
|
|
18380
|
-
const _sfc_main$
|
|
18439
|
+
const _sfc_main$1j = /* @__PURE__ */ defineComponent({
|
|
18381
18440
|
__name: "SearchBoxProductTitle",
|
|
18382
18441
|
props: {
|
|
18383
18442
|
item: {},
|
|
@@ -18400,18 +18459,18 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
|
|
|
18400
18459
|
key: 0,
|
|
18401
18460
|
class: "lupa-search-box-product-title",
|
|
18402
18461
|
innerHTML: sanitizedTitle.value
|
|
18403
|
-
}, null, 8, _hoisted_1$
|
|
18462
|
+
}, null, 8, _hoisted_1$1a)) : (openBlock(), createElementBlock("div", _hoisted_2$R, [
|
|
18404
18463
|
createBaseVNode("strong", null, toDisplayString(title.value), 1)
|
|
18405
18464
|
]));
|
|
18406
18465
|
};
|
|
18407
18466
|
}
|
|
18408
18467
|
});
|
|
18409
|
-
const _hoisted_1$
|
|
18410
|
-
const _hoisted_2$
|
|
18468
|
+
const _hoisted_1$19 = ["innerHTML"];
|
|
18469
|
+
const _hoisted_2$Q = {
|
|
18411
18470
|
key: 1,
|
|
18412
18471
|
class: "lupa-search-box-product-description"
|
|
18413
18472
|
};
|
|
18414
|
-
const _sfc_main$
|
|
18473
|
+
const _sfc_main$1i = /* @__PURE__ */ defineComponent({
|
|
18415
18474
|
__name: "SearchBoxProductDescription",
|
|
18416
18475
|
props: {
|
|
18417
18476
|
item: {},
|
|
@@ -18434,12 +18493,12 @@ const _sfc_main$1h = /* @__PURE__ */ defineComponent({
|
|
|
18434
18493
|
key: 0,
|
|
18435
18494
|
class: "lupa-search-box-product-description",
|
|
18436
18495
|
innerHTML: sanitizedDescription.value
|
|
18437
|
-
}, null, 8, _hoisted_1$
|
|
18496
|
+
}, null, 8, _hoisted_1$19)) : (openBlock(), createElementBlock("div", _hoisted_2$Q, toDisplayString(description.value), 1));
|
|
18438
18497
|
};
|
|
18439
18498
|
}
|
|
18440
18499
|
});
|
|
18441
|
-
const _hoisted_1$
|
|
18442
|
-
const _sfc_main$
|
|
18500
|
+
const _hoisted_1$18 = { class: "lupa-search-box-product-price" };
|
|
18501
|
+
const _sfc_main$1h = /* @__PURE__ */ defineComponent({
|
|
18443
18502
|
__name: "SearchBoxProductPrice",
|
|
18444
18503
|
props: {
|
|
18445
18504
|
item: {},
|
|
@@ -18457,13 +18516,13 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
|
|
|
18457
18516
|
);
|
|
18458
18517
|
});
|
|
18459
18518
|
return (_ctx, _cache) => {
|
|
18460
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
18519
|
+
return openBlock(), createElementBlock("div", _hoisted_1$18, [
|
|
18461
18520
|
createBaseVNode("strong", null, toDisplayString(price.value), 1)
|
|
18462
18521
|
]);
|
|
18463
18522
|
};
|
|
18464
18523
|
}
|
|
18465
18524
|
});
|
|
18466
|
-
const _sfc_main$
|
|
18525
|
+
const _sfc_main$1g = /* @__PURE__ */ defineComponent({
|
|
18467
18526
|
__name: "SearchBoxProductRegularPrice",
|
|
18468
18527
|
props: {
|
|
18469
18528
|
item: {},
|
|
@@ -18490,12 +18549,12 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
|
|
|
18490
18549
|
};
|
|
18491
18550
|
}
|
|
18492
18551
|
});
|
|
18493
|
-
const _hoisted_1$
|
|
18494
|
-
const _hoisted_2$
|
|
18495
|
-
const _hoisted_3$
|
|
18496
|
-
const _hoisted_4$
|
|
18552
|
+
const _hoisted_1$17 = ["innerHTML"];
|
|
18553
|
+
const _hoisted_2$P = { key: 0 };
|
|
18554
|
+
const _hoisted_3$C = { key: 1 };
|
|
18555
|
+
const _hoisted_4$r = { class: "lupa-search-box-custom-label" };
|
|
18497
18556
|
const _hoisted_5$h = { class: "lupa-search-box-custom-text" };
|
|
18498
|
-
const _sfc_main$
|
|
18557
|
+
const _sfc_main$1f = /* @__PURE__ */ defineComponent({
|
|
18499
18558
|
__name: "SearchBoxProductCustom",
|
|
18500
18559
|
props: {
|
|
18501
18560
|
item: {},
|
|
@@ -18521,20 +18580,20 @@ const _sfc_main$1e = /* @__PURE__ */ defineComponent({
|
|
|
18521
18580
|
key: 0,
|
|
18522
18581
|
class: [className.value, "lupa-search-box-product-custom"],
|
|
18523
18582
|
innerHTML: text.value
|
|
18524
|
-
}, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$
|
|
18583
|
+
}, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$17)) : (openBlock(), createElementBlock("div", mergeProps({
|
|
18525
18584
|
key: 1,
|
|
18526
18585
|
class: [className.value, "lupa-search-box-product-custom"]
|
|
18527
18586
|
}, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
|
|
18528
|
-
!label.value ? (openBlock(), createElementBlock("div", _hoisted_2$
|
|
18529
|
-
createBaseVNode("div", _hoisted_4$
|
|
18587
|
+
!label.value ? (openBlock(), createElementBlock("div", _hoisted_2$P, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$C, [
|
|
18588
|
+
createBaseVNode("div", _hoisted_4$r, toDisplayString(label.value), 1),
|
|
18530
18589
|
createBaseVNode("div", _hoisted_5$h, toDisplayString(text.value), 1)
|
|
18531
18590
|
]))
|
|
18532
18591
|
], 16));
|
|
18533
18592
|
};
|
|
18534
18593
|
}
|
|
18535
18594
|
});
|
|
18536
|
-
const _hoisted_1$
|
|
18537
|
-
const _sfc_main$
|
|
18595
|
+
const _hoisted_1$16 = ["innerHTML"];
|
|
18596
|
+
const _sfc_main$1e = /* @__PURE__ */ defineComponent({
|
|
18538
18597
|
__name: "SearchBoxProductCustomHtml",
|
|
18539
18598
|
props: {
|
|
18540
18599
|
item: {},
|
|
@@ -18559,7 +18618,7 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
|
|
|
18559
18618
|
return openBlock(), createElementBlock("div", mergeProps({
|
|
18560
18619
|
class: className.value,
|
|
18561
18620
|
innerHTML: text.value
|
|
18562
|
-
}, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$
|
|
18621
|
+
}, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$16);
|
|
18563
18622
|
};
|
|
18564
18623
|
}
|
|
18565
18624
|
});
|
|
@@ -18793,10 +18852,10 @@ const useSearchResultStore = defineStore("searchResult", () => {
|
|
|
18793
18852
|
setRelatedCategoryChildren
|
|
18794
18853
|
};
|
|
18795
18854
|
});
|
|
18796
|
-
const _hoisted_1$
|
|
18797
|
-
const _hoisted_2$
|
|
18798
|
-
const _hoisted_3$
|
|
18799
|
-
const _sfc_main$
|
|
18855
|
+
const _hoisted_1$15 = { class: "lupa-search-box-add-to-cart-wrapper" };
|
|
18856
|
+
const _hoisted_2$O = { class: "lupa-search-box-product-addtocart" };
|
|
18857
|
+
const _hoisted_3$B = ["onClick", "disabled"];
|
|
18858
|
+
const _sfc_main$1d = /* @__PURE__ */ defineComponent({
|
|
18800
18859
|
__name: "SearchBoxProductAddToCart",
|
|
18801
18860
|
props: {
|
|
18802
18861
|
item: {},
|
|
@@ -18829,37 +18888,37 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
|
|
|
18829
18888
|
loading.value = false;
|
|
18830
18889
|
});
|
|
18831
18890
|
return (_ctx, _cache) => {
|
|
18832
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
18833
|
-
createBaseVNode("div", _hoisted_2$
|
|
18891
|
+
return openBlock(), createElementBlock("div", _hoisted_1$15, [
|
|
18892
|
+
createBaseVNode("div", _hoisted_2$O, [
|
|
18834
18893
|
createBaseVNode("button", {
|
|
18835
18894
|
onClick: withModifiers(handleClick, ["stop", "prevent"]),
|
|
18836
18895
|
class: normalizeClass(loading.value ? "lupa-add-to-cart-loading" : "lupa-add-to-cart"),
|
|
18837
18896
|
"data-cy": "lupa-add-to-cart",
|
|
18838
18897
|
type: "button",
|
|
18839
18898
|
disabled: !inStockValue.value || loading.value
|
|
18840
|
-
}, toDisplayString(label.value), 11, _hoisted_3$
|
|
18899
|
+
}, toDisplayString(label.value), 11, _hoisted_3$B)
|
|
18841
18900
|
])
|
|
18842
18901
|
]);
|
|
18843
18902
|
};
|
|
18844
18903
|
}
|
|
18845
18904
|
});
|
|
18846
|
-
const _hoisted_1$
|
|
18905
|
+
const _hoisted_1$14 = {
|
|
18847
18906
|
key: 1,
|
|
18848
18907
|
class: "lupa-search-box-element-badge-wrapper"
|
|
18849
18908
|
};
|
|
18850
18909
|
const __default__$4 = {
|
|
18851
18910
|
components: {
|
|
18852
|
-
SearchBoxProductImage: _sfc_main$
|
|
18853
|
-
SearchBoxProductTitle: _sfc_main$
|
|
18854
|
-
SearchBoxProductDescription: _sfc_main$
|
|
18855
|
-
SearchBoxProductPrice: _sfc_main$
|
|
18856
|
-
SearchBoxProductRegularPrice: _sfc_main$
|
|
18857
|
-
SearchBoxProductCustom: _sfc_main$
|
|
18858
|
-
SearchBoxProductCustomHtml: _sfc_main$
|
|
18859
|
-
SearchBoxProductAddToCart: _sfc_main$
|
|
18911
|
+
SearchBoxProductImage: _sfc_main$1k,
|
|
18912
|
+
SearchBoxProductTitle: _sfc_main$1j,
|
|
18913
|
+
SearchBoxProductDescription: _sfc_main$1i,
|
|
18914
|
+
SearchBoxProductPrice: _sfc_main$1h,
|
|
18915
|
+
SearchBoxProductRegularPrice: _sfc_main$1g,
|
|
18916
|
+
SearchBoxProductCustom: _sfc_main$1f,
|
|
18917
|
+
SearchBoxProductCustomHtml: _sfc_main$1e,
|
|
18918
|
+
SearchBoxProductAddToCart: _sfc_main$1d
|
|
18860
18919
|
}
|
|
18861
18920
|
};
|
|
18862
|
-
const _sfc_main$
|
|
18921
|
+
const _sfc_main$1c = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$4), {
|
|
18863
18922
|
__name: "SearchBoxProductElement",
|
|
18864
18923
|
props: {
|
|
18865
18924
|
item: {},
|
|
@@ -18922,7 +18981,7 @@ const _sfc_main$1b = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValu
|
|
|
18922
18981
|
class: normalizeClass({ "lupa-loading-dynamic-data": isLoadingDynamicData((_a = _ctx.item) == null ? void 0 : _a.id) }),
|
|
18923
18982
|
inStock: _ctx.isInStock
|
|
18924
18983
|
}, null, 8, ["item", "options", "labels", "class", "inStock"])) : createCommentVNode("", true)
|
|
18925
|
-
], 64)) : (openBlock(), createElementBlock("div", _hoisted_1$
|
|
18984
|
+
], 64)) : (openBlock(), createElementBlock("div", _hoisted_1$14, [
|
|
18926
18985
|
displayElement.value ? (openBlock(), createBlock(resolveDynamicComponent(elementComponent.value), {
|
|
18927
18986
|
key: 0,
|
|
18928
18987
|
item: enhancedItem.value,
|
|
@@ -18936,14 +18995,14 @@ const _sfc_main$1b = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValu
|
|
|
18936
18995
|
};
|
|
18937
18996
|
}
|
|
18938
18997
|
}));
|
|
18939
|
-
const _hoisted_1$
|
|
18940
|
-
const _hoisted_2$
|
|
18941
|
-
const _hoisted_3$
|
|
18942
|
-
const _hoisted_4$
|
|
18998
|
+
const _hoisted_1$13 = { class: "lupa-badge-title" };
|
|
18999
|
+
const _hoisted_2$N = ["src"];
|
|
19000
|
+
const _hoisted_3$A = { key: 1 };
|
|
19001
|
+
const _hoisted_4$q = {
|
|
18943
19002
|
key: 0,
|
|
18944
19003
|
class: "lupa-badge-full-text"
|
|
18945
19004
|
};
|
|
18946
|
-
const _sfc_main$
|
|
19005
|
+
const _sfc_main$1b = /* @__PURE__ */ defineComponent({
|
|
18947
19006
|
__name: "SearchResultGeneratedBadge",
|
|
18948
19007
|
props: {
|
|
18949
19008
|
options: {},
|
|
@@ -18976,20 +19035,20 @@ const _sfc_main$1a = /* @__PURE__ */ defineComponent({
|
|
|
18976
19035
|
class: normalizeClass(["lupa-dynamic-badge", customClassName.value]),
|
|
18977
19036
|
style: normalizeStyle({ background: _ctx.badge.backgroundColor, color: _ctx.badge.color })
|
|
18978
19037
|
}, [
|
|
18979
|
-
createBaseVNode("span", _hoisted_1$
|
|
19038
|
+
createBaseVNode("span", _hoisted_1$13, [
|
|
18980
19039
|
image.value ? (openBlock(), createElementBlock("img", {
|
|
18981
19040
|
key: 0,
|
|
18982
19041
|
src: image.value
|
|
18983
|
-
}, null, 8, _hoisted_2$
|
|
18984
|
-
hasTitleText.value && showTitle.value ? (openBlock(), createElementBlock("span", _hoisted_3$
|
|
19042
|
+
}, null, 8, _hoisted_2$N)) : createCommentVNode("", true),
|
|
19043
|
+
hasTitleText.value && showTitle.value ? (openBlock(), createElementBlock("span", _hoisted_3$A, toDisplayString(_ctx.badge.titleText), 1)) : createCommentVNode("", true)
|
|
18985
19044
|
]),
|
|
18986
|
-
hasAdditionalText.value ? (openBlock(), createElementBlock("span", _hoisted_4$
|
|
19045
|
+
hasAdditionalText.value ? (openBlock(), createElementBlock("span", _hoisted_4$q, toDisplayString(_ctx.badge.additionalText), 1)) : createCommentVNode("", true)
|
|
18987
19046
|
], 6);
|
|
18988
19047
|
};
|
|
18989
19048
|
}
|
|
18990
19049
|
});
|
|
18991
|
-
const _hoisted_1$
|
|
18992
|
-
const _sfc_main$
|
|
19050
|
+
const _hoisted_1$12 = { class: "lupa-generated-badges" };
|
|
19051
|
+
const _sfc_main$1a = /* @__PURE__ */ defineComponent({
|
|
18993
19052
|
__name: "SearchResultGeneratedBadges",
|
|
18994
19053
|
props: {
|
|
18995
19054
|
options: {}
|
|
@@ -19015,9 +19074,9 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
|
|
|
19015
19074
|
})).filter((b) => Boolean(b.id));
|
|
19016
19075
|
});
|
|
19017
19076
|
return (_ctx, _cache) => {
|
|
19018
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
19077
|
+
return openBlock(), createElementBlock("div", _hoisted_1$12, [
|
|
19019
19078
|
(openBlock(true), createElementBlock(Fragment, null, renderList(badges.value, (badge) => {
|
|
19020
|
-
return openBlock(), createBlock(_sfc_main$
|
|
19079
|
+
return openBlock(), createBlock(_sfc_main$1b, {
|
|
19021
19080
|
key: badge.id,
|
|
19022
19081
|
badge,
|
|
19023
19082
|
options: _ctx.options
|
|
@@ -19027,8 +19086,8 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
|
|
|
19027
19086
|
};
|
|
19028
19087
|
}
|
|
19029
19088
|
});
|
|
19030
|
-
const _hoisted_1$
|
|
19031
|
-
const _sfc_main$
|
|
19089
|
+
const _hoisted_1$11 = ["innerHTML"];
|
|
19090
|
+
const _sfc_main$19 = /* @__PURE__ */ defineComponent({
|
|
19032
19091
|
__name: "CustomBadge",
|
|
19033
19092
|
props: {
|
|
19034
19093
|
badge: {}
|
|
@@ -19049,12 +19108,12 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
|
|
|
19049
19108
|
return openBlock(), createElementBlock("div", {
|
|
19050
19109
|
class: normalizeClass(className.value),
|
|
19051
19110
|
innerHTML: text.value
|
|
19052
|
-
}, null, 10, _hoisted_1$
|
|
19111
|
+
}, null, 10, _hoisted_1$11);
|
|
19053
19112
|
};
|
|
19054
19113
|
}
|
|
19055
19114
|
});
|
|
19056
|
-
const _hoisted_1
|
|
19057
|
-
const _sfc_main$
|
|
19115
|
+
const _hoisted_1$10 = { class: "lupa-text-badges" };
|
|
19116
|
+
const _sfc_main$18 = /* @__PURE__ */ defineComponent({
|
|
19058
19117
|
__name: "TextBadge",
|
|
19059
19118
|
props: {
|
|
19060
19119
|
badge: {}
|
|
@@ -19068,7 +19127,7 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
|
|
|
19068
19127
|
return badges.value.slice(0, props.badge.maxItems);
|
|
19069
19128
|
});
|
|
19070
19129
|
return (_ctx, _cache) => {
|
|
19071
|
-
return openBlock(), createElementBlock("div", _hoisted_1
|
|
19130
|
+
return openBlock(), createElementBlock("div", _hoisted_1$10, [
|
|
19072
19131
|
(openBlock(true), createElementBlock(Fragment, null, renderList(displayBadges.value, (item) => {
|
|
19073
19132
|
return openBlock(), createElementBlock("div", {
|
|
19074
19133
|
class: "lupa-badge lupa-text-badge",
|
|
@@ -19079,9 +19138,9 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
|
|
|
19079
19138
|
};
|
|
19080
19139
|
}
|
|
19081
19140
|
});
|
|
19082
|
-
const _hoisted_1
|
|
19083
|
-
const _hoisted_2$
|
|
19084
|
-
const _sfc_main$
|
|
19141
|
+
const _hoisted_1$$ = { class: "lupa-image-badges" };
|
|
19142
|
+
const _hoisted_2$M = ["src"];
|
|
19143
|
+
const _sfc_main$17 = /* @__PURE__ */ defineComponent({
|
|
19085
19144
|
__name: "ImageBadge",
|
|
19086
19145
|
props: {
|
|
19087
19146
|
badge: {}
|
|
@@ -19101,7 +19160,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
|
|
|
19101
19160
|
return `${props.badge.rootImageUrl}${src}`;
|
|
19102
19161
|
};
|
|
19103
19162
|
return (_ctx, _cache) => {
|
|
19104
|
-
return openBlock(), createElementBlock("div", _hoisted_1
|
|
19163
|
+
return openBlock(), createElementBlock("div", _hoisted_1$$, [
|
|
19105
19164
|
(openBlock(true), createElementBlock(Fragment, null, renderList(displayBadges.value, (item) => {
|
|
19106
19165
|
return openBlock(), createElementBlock("div", {
|
|
19107
19166
|
class: "lupa-badge lupa-image-badge",
|
|
@@ -19109,14 +19168,14 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
|
|
|
19109
19168
|
}, [
|
|
19110
19169
|
createBaseVNode("img", {
|
|
19111
19170
|
src: getImageUrl(item)
|
|
19112
|
-
}, null, 8, _hoisted_2$
|
|
19171
|
+
}, null, 8, _hoisted_2$M)
|
|
19113
19172
|
]);
|
|
19114
19173
|
}), 128))
|
|
19115
19174
|
]);
|
|
19116
19175
|
};
|
|
19117
19176
|
}
|
|
19118
19177
|
});
|
|
19119
|
-
const _sfc_main$
|
|
19178
|
+
const _sfc_main$16 = /* @__PURE__ */ defineComponent({
|
|
19120
19179
|
__name: "DiscountBadge",
|
|
19121
19180
|
props: {
|
|
19122
19181
|
badge: {}
|
|
@@ -19174,16 +19233,16 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
|
|
|
19174
19233
|
};
|
|
19175
19234
|
}
|
|
19176
19235
|
});
|
|
19177
|
-
const _hoisted_1$
|
|
19236
|
+
const _hoisted_1$_ = { id: "lupa-search-results-badges" };
|
|
19178
19237
|
const __default__$3 = {
|
|
19179
19238
|
components: {
|
|
19180
|
-
CustomBadge: _sfc_main$
|
|
19181
|
-
TextBadge: _sfc_main$
|
|
19182
|
-
ImageBadge: _sfc_main$
|
|
19183
|
-
DiscountBadge: _sfc_main$
|
|
19239
|
+
CustomBadge: _sfc_main$19,
|
|
19240
|
+
TextBadge: _sfc_main$18,
|
|
19241
|
+
ImageBadge: _sfc_main$17,
|
|
19242
|
+
DiscountBadge: _sfc_main$16
|
|
19184
19243
|
}
|
|
19185
19244
|
};
|
|
19186
|
-
const _sfc_main$
|
|
19245
|
+
const _sfc_main$15 = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$3), {
|
|
19187
19246
|
__name: "SearchResultsBadgeWrapper",
|
|
19188
19247
|
props: {
|
|
19189
19248
|
position: {},
|
|
@@ -19246,7 +19305,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValu
|
|
|
19246
19305
|
}
|
|
19247
19306
|
};
|
|
19248
19307
|
return (_ctx, _cache) => {
|
|
19249
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
19308
|
+
return openBlock(), createElementBlock("div", _hoisted_1$_, [
|
|
19250
19309
|
createBaseVNode("div", {
|
|
19251
19310
|
id: "lupa-badges",
|
|
19252
19311
|
class: normalizeClass(anchorPosition.value)
|
|
@@ -19257,7 +19316,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValu
|
|
|
19257
19316
|
badge
|
|
19258
19317
|
}, null, 8, ["badge"]);
|
|
19259
19318
|
}), 128)),
|
|
19260
|
-
positionValue.value === "card" ? (openBlock(), createBlock(_sfc_main$
|
|
19319
|
+
positionValue.value === "card" ? (openBlock(), createBlock(_sfc_main$1a, {
|
|
19261
19320
|
key: 0,
|
|
19262
19321
|
options: _ctx.options
|
|
19263
19322
|
}, null, 8, ["options"])) : createCommentVNode("", true)
|
|
@@ -19266,13 +19325,13 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValu
|
|
|
19266
19325
|
};
|
|
19267
19326
|
}
|
|
19268
19327
|
}));
|
|
19269
|
-
const _hoisted_1$
|
|
19270
|
-
const _hoisted_2$
|
|
19271
|
-
const _hoisted_3$
|
|
19328
|
+
const _hoisted_1$Z = ["href"];
|
|
19329
|
+
const _hoisted_2$L = { class: "lupa-search-box-product-details-section" };
|
|
19330
|
+
const _hoisted_3$z = {
|
|
19272
19331
|
key: 0,
|
|
19273
19332
|
class: "lupa-search-box-product-add-to-cart-section"
|
|
19274
19333
|
};
|
|
19275
|
-
const _sfc_main$
|
|
19334
|
+
const _sfc_main$14 = /* @__PURE__ */ defineComponent({
|
|
19276
19335
|
__name: "SearchBoxProduct",
|
|
19277
19336
|
props: {
|
|
19278
19337
|
item: {},
|
|
@@ -19358,7 +19417,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
|
|
|
19358
19417
|
style: normalizeStyle(imageStyleOverride.value)
|
|
19359
19418
|
}, [
|
|
19360
19419
|
(openBlock(true), createElementBlock(Fragment, null, renderList(imageElements.value, (element) => {
|
|
19361
|
-
return openBlock(), createBlock(_sfc_main$
|
|
19420
|
+
return openBlock(), createBlock(_sfc_main$1c, {
|
|
19362
19421
|
class: "lupa-search-box-product-element",
|
|
19363
19422
|
item: _ctx.item,
|
|
19364
19423
|
element,
|
|
@@ -19368,10 +19427,10 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
|
|
|
19368
19427
|
}, null, 8, ["item", "element", "labels", "link"]);
|
|
19369
19428
|
}), 128))
|
|
19370
19429
|
], 4),
|
|
19371
|
-
createBaseVNode("div", _hoisted_2$
|
|
19430
|
+
createBaseVNode("div", _hoisted_2$L, [
|
|
19372
19431
|
(openBlock(true), createElementBlock(Fragment, null, renderList(detailElements.value, (element) => {
|
|
19373
19432
|
var _a;
|
|
19374
|
-
return openBlock(), createBlock(_sfc_main$
|
|
19433
|
+
return openBlock(), createBlock(_sfc_main$1c, {
|
|
19375
19434
|
key: element.key,
|
|
19376
19435
|
class: "lupa-search-box-product-element",
|
|
19377
19436
|
item: _ctx.item,
|
|
@@ -19382,7 +19441,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
|
|
|
19382
19441
|
badgeOptions.value && ((_a = badgeOptions.value) == null ? void 0 : _a.anchorElementKey) === element.key ? {
|
|
19383
19442
|
name: "badges",
|
|
19384
19443
|
fn: withCtx(() => [
|
|
19385
|
-
createVNode(_sfc_main$
|
|
19444
|
+
createVNode(_sfc_main$15, {
|
|
19386
19445
|
options: badgeOptions.value,
|
|
19387
19446
|
position: "card"
|
|
19388
19447
|
}, null, 8, ["options"])
|
|
@@ -19392,8 +19451,8 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
|
|
|
19392
19451
|
]), 1032, ["item", "element", "labels", "link"]);
|
|
19393
19452
|
}), 128))
|
|
19394
19453
|
]),
|
|
19395
|
-
addToCartElement.value ? (openBlock(), createElementBlock("div", _hoisted_3$
|
|
19396
|
-
createVNode(_sfc_main$
|
|
19454
|
+
addToCartElement.value ? (openBlock(), createElementBlock("div", _hoisted_3$z, [
|
|
19455
|
+
createVNode(_sfc_main$1c, {
|
|
19397
19456
|
class: "lupa-search-box-product-element",
|
|
19398
19457
|
item: _ctx.item,
|
|
19399
19458
|
element: addToCartElement.value,
|
|
@@ -19402,7 +19461,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
|
|
|
19402
19461
|
isInStock: isInStock.value
|
|
19403
19462
|
}, null, 8, ["item", "element", "labels", "link", "isInStock"])
|
|
19404
19463
|
])) : createCommentVNode("", true)
|
|
19405
|
-
], 16, _hoisted_1$
|
|
19464
|
+
], 16, _hoisted_1$Z);
|
|
19406
19465
|
};
|
|
19407
19466
|
}
|
|
19408
19467
|
});
|
|
@@ -19461,10 +19520,21 @@ const useTrackingStore = defineStore("tracking", () => {
|
|
|
19461
19520
|
options
|
|
19462
19521
|
);
|
|
19463
19522
|
};
|
|
19464
|
-
|
|
19523
|
+
const trackDelayedEvent = ({
|
|
19524
|
+
queryKey,
|
|
19525
|
+
data,
|
|
19526
|
+
url
|
|
19527
|
+
}) => {
|
|
19528
|
+
let currentCache = getDelayedEventsCache();
|
|
19529
|
+
currentCache = __spreadProps2(__spreadValues2({}, currentCache), {
|
|
19530
|
+
[url]: { data, queryKey }
|
|
19531
|
+
});
|
|
19532
|
+
storeDelayedEventCache(currentCache);
|
|
19533
|
+
};
|
|
19534
|
+
return { trackSearch, trackResults, trackEvent, trackDelayedEvent };
|
|
19465
19535
|
});
|
|
19466
|
-
const _hoisted_1$
|
|
19467
|
-
const _sfc_main$
|
|
19536
|
+
const _hoisted_1$Y = { id: "lupa-search-box-products" };
|
|
19537
|
+
const _sfc_main$13 = /* @__PURE__ */ defineComponent({
|
|
19468
19538
|
__name: "SearchBoxProducts",
|
|
19469
19539
|
props: {
|
|
19470
19540
|
items: {},
|
|
@@ -19505,7 +19575,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
|
|
|
19505
19575
|
if (!props.panelOptions.idKey) {
|
|
19506
19576
|
return;
|
|
19507
19577
|
}
|
|
19508
|
-
|
|
19578
|
+
const trackableEvent = {
|
|
19509
19579
|
queryKey: props.panelOptions.queryKey,
|
|
19510
19580
|
data: {
|
|
19511
19581
|
itemId: id,
|
|
@@ -19517,7 +19587,14 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
|
|
|
19517
19587
|
items: [item]
|
|
19518
19588
|
}
|
|
19519
19589
|
}
|
|
19520
|
-
}
|
|
19590
|
+
};
|
|
19591
|
+
if (isDelayedClickTracking()) {
|
|
19592
|
+
trackingStore.trackDelayedEvent(__spreadProps2(__spreadValues2({}, trackableEvent), {
|
|
19593
|
+
url: link
|
|
19594
|
+
}));
|
|
19595
|
+
} else {
|
|
19596
|
+
trackingStore.trackEvent(trackableEvent);
|
|
19597
|
+
}
|
|
19521
19598
|
if (!link || eventType === "addToCart") {
|
|
19522
19599
|
return;
|
|
19523
19600
|
}
|
|
@@ -19525,7 +19602,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
|
|
|
19525
19602
|
handleRoutingEvent(link, event, boxRoutingBehavior.value === "event");
|
|
19526
19603
|
};
|
|
19527
19604
|
return (_ctx, _cache) => {
|
|
19528
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
19605
|
+
return openBlock(), createElementBlock("div", _hoisted_1$Y, [
|
|
19529
19606
|
_ctx.$slots.productCard ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.items, (item, index) => {
|
|
19530
19607
|
return renderSlot(_ctx.$slots, "productCard", {
|
|
19531
19608
|
key: index,
|
|
@@ -19537,7 +19614,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
|
|
|
19537
19614
|
itemClicked: handleProductClick
|
|
19538
19615
|
});
|
|
19539
19616
|
}), 128)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.items, (item, index) => {
|
|
19540
|
-
return openBlock(), createBlock(_sfc_main$
|
|
19617
|
+
return openBlock(), createBlock(_sfc_main$14, {
|
|
19541
19618
|
key: index,
|
|
19542
19619
|
item,
|
|
19543
19620
|
panelOptions: _ctx.panelOptions,
|
|
@@ -19552,9 +19629,9 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
|
|
|
19552
19629
|
};
|
|
19553
19630
|
}
|
|
19554
19631
|
});
|
|
19555
|
-
const _hoisted_1$
|
|
19556
|
-
const _hoisted_2$
|
|
19557
|
-
const _sfc_main$
|
|
19632
|
+
const _hoisted_1$X = { class: "lupa-search-box-documents-go-to-results-wrapper" };
|
|
19633
|
+
const _hoisted_2$K = { key: 0 };
|
|
19634
|
+
const _sfc_main$12 = /* @__PURE__ */ defineComponent({
|
|
19558
19635
|
__name: "SearchBoxProductsGoToResultsButton",
|
|
19559
19636
|
props: {
|
|
19560
19637
|
options: {},
|
|
@@ -19584,19 +19661,19 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
|
|
|
19584
19661
|
emit2("goToResults");
|
|
19585
19662
|
};
|
|
19586
19663
|
return (_ctx, _cache) => {
|
|
19587
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
19664
|
+
return openBlock(), createElementBlock("div", _hoisted_1$X, [
|
|
19588
19665
|
createBaseVNode("button", {
|
|
19589
19666
|
class: "lupa-search-box-documents-go-to-results-button",
|
|
19590
19667
|
onClick: goToResults
|
|
19591
19668
|
}, [
|
|
19592
19669
|
createTextVNode(toDisplayString(goToResultsLabel.value) + " ", 1),
|
|
19593
|
-
totalCount.value ? (openBlock(), createElementBlock("span", _hoisted_2$
|
|
19670
|
+
totalCount.value ? (openBlock(), createElementBlock("span", _hoisted_2$K, " " + toDisplayString(totalCount.value), 1)) : createCommentVNode("", true)
|
|
19594
19671
|
])
|
|
19595
19672
|
]);
|
|
19596
19673
|
};
|
|
19597
19674
|
}
|
|
19598
19675
|
});
|
|
19599
|
-
const _sfc_main$
|
|
19676
|
+
const _sfc_main$11 = /* @__PURE__ */ defineComponent({
|
|
19600
19677
|
__name: "SearchBoxProductsWrapper",
|
|
19601
19678
|
props: {
|
|
19602
19679
|
panel: {},
|
|
@@ -19653,7 +19730,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
|
|
|
19653
19730
|
watch(() => props.panel.limit, getItemsDebounced);
|
|
19654
19731
|
return (_ctx, _cache) => {
|
|
19655
19732
|
var _a, _b;
|
|
19656
|
-
return openBlock(), createBlock(_sfc_main$
|
|
19733
|
+
return openBlock(), createBlock(_sfc_main$13, {
|
|
19657
19734
|
items: (_b = (_a = searchResult.value) == null ? void 0 : _a.items) != null ? _b : [],
|
|
19658
19735
|
panelOptions: _ctx.panel,
|
|
19659
19736
|
labels: _ctx.labels,
|
|
@@ -19663,7 +19740,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
|
|
|
19663
19740
|
default: withCtx(() => {
|
|
19664
19741
|
var _a2;
|
|
19665
19742
|
return [
|
|
19666
|
-
showGoToResultsButton.value && ((_a2 = searchResult.value) == null ? void 0 : _a2.items.length) ? (openBlock(), createBlock(_sfc_main$
|
|
19743
|
+
showGoToResultsButton.value && ((_a2 = searchResult.value) == null ? void 0 : _a2.items.length) ? (openBlock(), createBlock(_sfc_main$12, {
|
|
19667
19744
|
key: 0,
|
|
19668
19745
|
options: _ctx.searchBoxOptions,
|
|
19669
19746
|
panel: _ctx.panel,
|
|
@@ -19684,7 +19761,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
|
|
|
19684
19761
|
};
|
|
19685
19762
|
}
|
|
19686
19763
|
});
|
|
19687
|
-
const _sfc_main
|
|
19764
|
+
const _sfc_main$10 = /* @__PURE__ */ defineComponent({
|
|
19688
19765
|
__name: "SearchBoxRelatedSourceWrapper",
|
|
19689
19766
|
props: {
|
|
19690
19767
|
panel: {},
|
|
@@ -19756,7 +19833,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
|
|
|
19756
19833
|
});
|
|
19757
19834
|
return (_ctx, _cache) => {
|
|
19758
19835
|
var _a, _b;
|
|
19759
|
-
return openBlock(), createBlock(_sfc_main$
|
|
19836
|
+
return openBlock(), createBlock(_sfc_main$13, {
|
|
19760
19837
|
items: (_b = (_a = searchResult.value) == null ? void 0 : _a.items) != null ? _b : [],
|
|
19761
19838
|
panelOptions: documentPanelOptions.value,
|
|
19762
19839
|
labels: _ctx.labels,
|
|
@@ -19774,16 +19851,16 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
|
|
|
19774
19851
|
};
|
|
19775
19852
|
}
|
|
19776
19853
|
});
|
|
19777
|
-
const _hoisted_1$
|
|
19854
|
+
const _hoisted_1$W = {
|
|
19778
19855
|
key: 0,
|
|
19779
19856
|
id: "lupa-search-box-panel"
|
|
19780
19857
|
};
|
|
19781
|
-
const _hoisted_2$
|
|
19782
|
-
const _hoisted_3$
|
|
19858
|
+
const _hoisted_2$J = ["data-cy"];
|
|
19859
|
+
const _hoisted_3$y = {
|
|
19783
19860
|
key: 0,
|
|
19784
19861
|
class: "lupa-panel-title lupa-panel-title-top-results"
|
|
19785
19862
|
};
|
|
19786
|
-
const _hoisted_4$
|
|
19863
|
+
const _hoisted_4$p = {
|
|
19787
19864
|
key: 1,
|
|
19788
19865
|
class: "lupa-panel-title"
|
|
19789
19866
|
};
|
|
@@ -19793,12 +19870,12 @@ const _hoisted_5$g = {
|
|
|
19793
19870
|
};
|
|
19794
19871
|
const __default__$2 = {
|
|
19795
19872
|
components: {
|
|
19796
|
-
SearchBoxSuggestionsWrapper: _sfc_main$
|
|
19797
|
-
SearchBoxProductsWrapper: _sfc_main$
|
|
19798
|
-
SearchBoxRelatedSourceWrapper: _sfc_main
|
|
19873
|
+
SearchBoxSuggestionsWrapper: _sfc_main$1m,
|
|
19874
|
+
SearchBoxProductsWrapper: _sfc_main$11,
|
|
19875
|
+
SearchBoxRelatedSourceWrapper: _sfc_main$10
|
|
19799
19876
|
}
|
|
19800
19877
|
};
|
|
19801
|
-
const _sfc_main
|
|
19878
|
+
const _sfc_main$$ = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$2), {
|
|
19802
19879
|
__name: "SearchBoxMainPanel",
|
|
19803
19880
|
props: {
|
|
19804
19881
|
options: {},
|
|
@@ -19954,7 +20031,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
|
|
|
19954
20031
|
ref_key: "panelContainer",
|
|
19955
20032
|
ref: panelContainer
|
|
19956
20033
|
}, [
|
|
19957
|
-
displayResults.value ? (openBlock(), createElementBlock("div", _hoisted_1$
|
|
20034
|
+
displayResults.value ? (openBlock(), createElementBlock("div", _hoisted_1$W, [
|
|
19958
20035
|
labels.value.closePanel ? (openBlock(), createElementBlock("a", {
|
|
19959
20036
|
key: 0,
|
|
19960
20037
|
class: "lupa-search-box-close-panel",
|
|
@@ -19976,8 +20053,8 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
|
|
|
19976
20053
|
style: normalizeStyle(panel.gridArea ? { gridArea: `${panel.gridArea}${index}` } : {}),
|
|
19977
20054
|
"data-cy": "lupa-panel-" + panel.type + "-index"
|
|
19978
20055
|
}, [
|
|
19979
|
-
((_a2 = panel.labels) == null ? void 0 : _a2.topResultsTitle) && showTopResultsPanelTitle(panel.queryKey) ? (openBlock(), createElementBlock("div", _hoisted_3$
|
|
19980
|
-
((_c = panel.labels) == null ? void 0 : _c.title) && showPanelTitle(panel) ? (openBlock(), createElementBlock("div", _hoisted_4$
|
|
20056
|
+
((_a2 = panel.labels) == null ? void 0 : _a2.topResultsTitle) && showTopResultsPanelTitle(panel.queryKey) ? (openBlock(), createElementBlock("div", _hoisted_3$y, toDisplayString((_b = panel.labels) == null ? void 0 : _b.topResultsTitle), 1)) : createCommentVNode("", true),
|
|
20057
|
+
((_c = panel.labels) == null ? void 0 : _c.title) && showPanelTitle(panel) ? (openBlock(), createElementBlock("div", _hoisted_4$p, toDisplayString((_d = panel.labels) == null ? void 0 : _d.title), 1)) : createCommentVNode("", true),
|
|
19981
20058
|
panel.queryKey && canShowPanel(panel) ? (openBlock(), createBlock(resolveDynamicComponent(getComponent(panel.type)), {
|
|
19982
20059
|
key: 2,
|
|
19983
20060
|
panel,
|
|
@@ -19999,21 +20076,21 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
|
|
|
19999
20076
|
key: "0"
|
|
20000
20077
|
} : void 0
|
|
20001
20078
|
]), 1064, ["panel", "search-box-options", "options", "debounce", "inputValue", "labels"])) : createCommentVNode("", true)
|
|
20002
|
-
], 14, _hoisted_2$
|
|
20079
|
+
], 14, _hoisted_2$J);
|
|
20003
20080
|
}), 128))
|
|
20004
20081
|
], 4),
|
|
20005
|
-
!unref(hasAnyResults) && _ctx.options.showNoResultsPanel ? (openBlock(), createBlock(_sfc_main$
|
|
20082
|
+
!unref(hasAnyResults) && _ctx.options.showNoResultsPanel ? (openBlock(), createBlock(_sfc_main$1p, {
|
|
20006
20083
|
key: 1,
|
|
20007
20084
|
labels: labels.value
|
|
20008
20085
|
}, null, 8, ["labels"])) : createCommentVNode("", true),
|
|
20009
|
-
unref(hasAnyResults) || !_ctx.options.hideMoreResultsButtonOnNoResults ? (openBlock(), createBlock(_sfc_main$
|
|
20086
|
+
unref(hasAnyResults) || !_ctx.options.hideMoreResultsButtonOnNoResults ? (openBlock(), createBlock(_sfc_main$1s, {
|
|
20010
20087
|
key: 2,
|
|
20011
20088
|
labels: labels.value,
|
|
20012
20089
|
showTotalCount: (_a = _ctx.options.showTotalCount) != null ? _a : false,
|
|
20013
20090
|
onGoToResults: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("go-to-results"))
|
|
20014
20091
|
}, null, 8, ["labels", "showTotalCount"])) : createCommentVNode("", true)
|
|
20015
20092
|
])) : displayHistory.value ? (openBlock(), createElementBlock("div", _hoisted_5$g, [
|
|
20016
|
-
createVNode(_sfc_main$
|
|
20093
|
+
createVNode(_sfc_main$1q, {
|
|
20017
20094
|
options: _ctx.options.history,
|
|
20018
20095
|
history: history.value,
|
|
20019
20096
|
onGoToResults: handleGoToResults,
|
|
@@ -20038,9 +20115,9 @@ const unbindSearchTriggers = (triggers = [], event) => {
|
|
|
20038
20115
|
const elements = getElements(triggers);
|
|
20039
20116
|
elements.forEach((e2) => e2 == null ? void 0 : e2.removeEventListener(BIND_EVENT, event));
|
|
20040
20117
|
};
|
|
20041
|
-
const _hoisted_1$
|
|
20042
|
-
const _hoisted_2$
|
|
20043
|
-
const _sfc_main$
|
|
20118
|
+
const _hoisted_1$V = { id: "lupa-search-box" };
|
|
20119
|
+
const _hoisted_2$I = { class: "lupa-search-box-wrapper" };
|
|
20120
|
+
const _sfc_main$_ = /* @__PURE__ */ defineComponent({
|
|
20044
20121
|
__name: "SearchBox",
|
|
20045
20122
|
props: {
|
|
20046
20123
|
options: {},
|
|
@@ -20243,7 +20320,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
|
|
|
20243
20320
|
if (!doc2.queryKey || !doc2.doc) {
|
|
20244
20321
|
return;
|
|
20245
20322
|
}
|
|
20246
|
-
|
|
20323
|
+
const event = {
|
|
20247
20324
|
queryKey: doc2.queryKey,
|
|
20248
20325
|
data: {
|
|
20249
20326
|
itemId: doc2.id,
|
|
@@ -20255,7 +20332,14 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
|
|
|
20255
20332
|
items: [doc2]
|
|
20256
20333
|
}
|
|
20257
20334
|
}
|
|
20258
|
-
}
|
|
20335
|
+
};
|
|
20336
|
+
if (isDelayedClickTracking()) {
|
|
20337
|
+
trackingStore.trackDelayedEvent(__spreadProps2(__spreadValues2({}, event), {
|
|
20338
|
+
url: generateLink(props.options.links.searchResults, doc2)
|
|
20339
|
+
}));
|
|
20340
|
+
} else {
|
|
20341
|
+
trackingStore.trackEvent(event);
|
|
20342
|
+
}
|
|
20259
20343
|
};
|
|
20260
20344
|
const trackSearchQuery = (query) => {
|
|
20261
20345
|
if (!query) {
|
|
@@ -20300,9 +20384,9 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
|
|
|
20300
20384
|
};
|
|
20301
20385
|
return (_ctx, _cache) => {
|
|
20302
20386
|
var _a2;
|
|
20303
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
20304
|
-
createBaseVNode("div", _hoisted_2$
|
|
20305
|
-
createVNode(_sfc_main$
|
|
20387
|
+
return openBlock(), createElementBlock("div", _hoisted_1$V, [
|
|
20388
|
+
createBaseVNode("div", _hoisted_2$I, [
|
|
20389
|
+
createVNode(_sfc_main$1t, {
|
|
20306
20390
|
options: inputOptions.value,
|
|
20307
20391
|
suggestedValue: suggestedValue.value,
|
|
20308
20392
|
"can-close": (_a2 = _ctx.isSearchContainer) != null ? _a2 : false,
|
|
@@ -20315,7 +20399,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
|
|
|
20315
20399
|
onSearch: handleSearch,
|
|
20316
20400
|
onClose: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("close"))
|
|
20317
20401
|
}, null, 8, ["options", "suggestedValue", "can-close", "emit-input-on-focus"]),
|
|
20318
|
-
opened.value || _ctx.isSearchContainer ? (openBlock(), createBlock(_sfc_main
|
|
20402
|
+
opened.value || _ctx.isSearchContainer ? (openBlock(), createBlock(_sfc_main$$, {
|
|
20319
20403
|
key: 0,
|
|
20320
20404
|
options: panelOptions.value,
|
|
20321
20405
|
inputValue: inputValue.value,
|
|
@@ -20404,20 +20488,20 @@ const getSearchParams = (url, params, baseUrl) => {
|
|
|
20404
20488
|
}
|
|
20405
20489
|
return searchParams;
|
|
20406
20490
|
};
|
|
20407
|
-
const _hoisted_1$
|
|
20491
|
+
const _hoisted_1$U = {
|
|
20408
20492
|
key: 0,
|
|
20409
20493
|
id: "lupa-search-results-did-you-mean"
|
|
20410
20494
|
};
|
|
20411
|
-
const _hoisted_2$
|
|
20495
|
+
const _hoisted_2$H = {
|
|
20412
20496
|
key: 0,
|
|
20413
20497
|
"data-cy": "suggested-search-text-label"
|
|
20414
20498
|
};
|
|
20415
|
-
const _hoisted_3$
|
|
20499
|
+
const _hoisted_3$x = {
|
|
20416
20500
|
key: 1,
|
|
20417
20501
|
"data-cy": "did-you-mean-label"
|
|
20418
20502
|
};
|
|
20419
|
-
const _hoisted_4$
|
|
20420
|
-
const _sfc_main$
|
|
20503
|
+
const _hoisted_4$o = { key: 1 };
|
|
20504
|
+
const _sfc_main$Z = /* @__PURE__ */ defineComponent({
|
|
20421
20505
|
__name: "SearchResultsDidYouMean",
|
|
20422
20506
|
props: {
|
|
20423
20507
|
labels: {}
|
|
@@ -20449,8 +20533,8 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
|
|
|
20449
20533
|
paramStore.goToResults({ searchText, facet });
|
|
20450
20534
|
};
|
|
20451
20535
|
return (_ctx, _cache) => {
|
|
20452
|
-
return unref(searchResult).suggestedSearchText || didYouMeanValue.value ? (openBlock(), createElementBlock("div", _hoisted_1$
|
|
20453
|
-
unref(searchResult).suggestedSearchText ? (openBlock(), createElementBlock("div", _hoisted_2$
|
|
20536
|
+
return unref(searchResult).suggestedSearchText || didYouMeanValue.value ? (openBlock(), createElementBlock("div", _hoisted_1$U, [
|
|
20537
|
+
unref(searchResult).suggestedSearchText ? (openBlock(), createElementBlock("div", _hoisted_2$H, [
|
|
20454
20538
|
(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.labels.noResultsSuggestion.split(" "), (label, index) => {
|
|
20455
20539
|
return openBlock(), createElementBlock("span", { key: index }, [
|
|
20456
20540
|
createBaseVNode("span", {
|
|
@@ -20459,7 +20543,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
|
|
|
20459
20543
|
]);
|
|
20460
20544
|
}), 128))
|
|
20461
20545
|
])) : createCommentVNode("", true),
|
|
20462
|
-
didYouMeanValue.value ? (openBlock(), createElementBlock("div", _hoisted_3$
|
|
20546
|
+
didYouMeanValue.value ? (openBlock(), createElementBlock("div", _hoisted_3$x, [
|
|
20463
20547
|
(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.labels.didYouMean.split(" "), (label, index) => {
|
|
20464
20548
|
return openBlock(), createElementBlock("span", { key: index }, [
|
|
20465
20549
|
label.includes("{1}") ? (openBlock(), createElementBlock("span", {
|
|
@@ -20467,7 +20551,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
|
|
|
20467
20551
|
class: "lupa-did-you-mean lupa-highlighted-search-text",
|
|
20468
20552
|
"data-cy": "did-you-mean-value",
|
|
20469
20553
|
onClick: _cache[0] || (_cache[0] = ($event) => goToResults({ searchText: didYouMeanValue.value }))
|
|
20470
|
-
}, toDisplayString(didYouMeanValue.value) + " ", 1)) : (openBlock(), createElementBlock("span", _hoisted_4$
|
|
20554
|
+
}, toDisplayString(didYouMeanValue.value) + " ", 1)) : (openBlock(), createElementBlock("span", _hoisted_4$o, toDisplayString(label) + " ", 1))
|
|
20471
20555
|
]);
|
|
20472
20556
|
}), 128))
|
|
20473
20557
|
])) : createCommentVNode("", true)
|
|
@@ -20475,12 +20559,12 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
|
|
|
20475
20559
|
};
|
|
20476
20560
|
}
|
|
20477
20561
|
});
|
|
20478
|
-
const _hoisted_1$
|
|
20562
|
+
const _hoisted_1$T = {
|
|
20479
20563
|
key: 0,
|
|
20480
20564
|
class: "lupa-search-results-summary"
|
|
20481
20565
|
};
|
|
20482
|
-
const _hoisted_2$
|
|
20483
|
-
const _sfc_main$
|
|
20566
|
+
const _hoisted_2$G = ["innerHTML"];
|
|
20567
|
+
const _sfc_main$Y = /* @__PURE__ */ defineComponent({
|
|
20484
20568
|
__name: "SearchResultsSummary",
|
|
20485
20569
|
props: {
|
|
20486
20570
|
label: {},
|
|
@@ -20495,8 +20579,8 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
|
|
|
20495
20579
|
return addParamsToLabel(props.label, range, `<span>${totalItems.value}</span>`);
|
|
20496
20580
|
});
|
|
20497
20581
|
return (_ctx, _cache) => {
|
|
20498
|
-
return unref(totalItems) > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$
|
|
20499
|
-
createBaseVNode("div", { innerHTML: summaryLabel.value }, null, 8, _hoisted_2$
|
|
20582
|
+
return unref(totalItems) > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$T, [
|
|
20583
|
+
createBaseVNode("div", { innerHTML: summaryLabel.value }, null, 8, _hoisted_2$G),
|
|
20500
20584
|
_ctx.clearable ? (openBlock(), createElementBlock("span", {
|
|
20501
20585
|
key: 0,
|
|
20502
20586
|
class: "lupa-filter-clear",
|
|
@@ -20507,19 +20591,19 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
|
|
|
20507
20591
|
};
|
|
20508
20592
|
}
|
|
20509
20593
|
});
|
|
20510
|
-
const _hoisted_1$
|
|
20594
|
+
const _hoisted_1$S = {
|
|
20511
20595
|
key: 0,
|
|
20512
20596
|
class: "lupa-result-page-title",
|
|
20513
20597
|
"data-cy": "lupa-result-page-title"
|
|
20514
20598
|
};
|
|
20515
|
-
const _hoisted_2$
|
|
20516
|
-
const _hoisted_3$
|
|
20599
|
+
const _hoisted_2$F = { key: 0 };
|
|
20600
|
+
const _hoisted_3$w = {
|
|
20517
20601
|
key: 1,
|
|
20518
20602
|
class: "lupa-results-total-count"
|
|
20519
20603
|
};
|
|
20520
|
-
const _hoisted_4$
|
|
20604
|
+
const _hoisted_4$n = { class: "lupa-results-total-count-number" };
|
|
20521
20605
|
const _hoisted_5$f = ["innerHTML"];
|
|
20522
|
-
const _sfc_main$
|
|
20606
|
+
const _sfc_main$X = /* @__PURE__ */ defineComponent({
|
|
20523
20607
|
__name: "SearchResultsTitle",
|
|
20524
20608
|
props: {
|
|
20525
20609
|
options: {},
|
|
@@ -20558,16 +20642,16 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
|
|
|
20558
20642
|
});
|
|
20559
20643
|
return (_ctx, _cache) => {
|
|
20560
20644
|
return openBlock(), createElementBlock("div", null, [
|
|
20561
|
-
showSearchTitle.value ? (openBlock(), createElementBlock("h1", _hoisted_1$
|
|
20645
|
+
showSearchTitle.value ? (openBlock(), createElementBlock("h1", _hoisted_1$S, [
|
|
20562
20646
|
createTextVNode(toDisplayString(_ctx.options.labels.searchResults), 1),
|
|
20563
|
-
queryText.value ? (openBlock(), createElementBlock("span", _hoisted_2$
|
|
20564
|
-
showProductCount.value ? (openBlock(), createElementBlock("span", _hoisted_3$
|
|
20647
|
+
queryText.value ? (openBlock(), createElementBlock("span", _hoisted_2$F, "'" + toDisplayString(queryText.value) + "'", 1)) : createCommentVNode("", true),
|
|
20648
|
+
showProductCount.value ? (openBlock(), createElementBlock("span", _hoisted_3$w, [
|
|
20565
20649
|
createTextVNode("(" + toDisplayString(searchResultsCountLabel.value), 1),
|
|
20566
|
-
createBaseVNode("span", _hoisted_4$
|
|
20650
|
+
createBaseVNode("span", _hoisted_4$n, toDisplayString(unref(totalItems)), 1),
|
|
20567
20651
|
createTextVNode(")")
|
|
20568
20652
|
])) : createCommentVNode("", true)
|
|
20569
20653
|
])) : createCommentVNode("", true),
|
|
20570
|
-
_ctx.showSummary ? (openBlock(), createBlock(_sfc_main$
|
|
20654
|
+
_ctx.showSummary ? (openBlock(), createBlock(_sfc_main$Y, {
|
|
20571
20655
|
key: 1,
|
|
20572
20656
|
label: summaryLabel.value
|
|
20573
20657
|
}, null, 8, ["label"])) : createCommentVNode("", true),
|
|
@@ -20580,16 +20664,16 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
|
|
|
20580
20664
|
};
|
|
20581
20665
|
}
|
|
20582
20666
|
});
|
|
20583
|
-
const _hoisted_1$
|
|
20584
|
-
const _hoisted_2$
|
|
20667
|
+
const _hoisted_1$R = { class: "lupa-search-result-filter-value" };
|
|
20668
|
+
const _hoisted_2$E = {
|
|
20585
20669
|
class: "lupa-current-filter-label",
|
|
20586
20670
|
"data-cy": "lupa-current-filter-label"
|
|
20587
20671
|
};
|
|
20588
|
-
const _hoisted_3$
|
|
20672
|
+
const _hoisted_3$v = {
|
|
20589
20673
|
class: "lupa-current-filter-value",
|
|
20590
20674
|
"data-cy": "lupa-current-filter-value"
|
|
20591
20675
|
};
|
|
20592
|
-
const _sfc_main$
|
|
20676
|
+
const _sfc_main$W = /* @__PURE__ */ defineComponent({
|
|
20593
20677
|
__name: "CurrentFilterDisplay",
|
|
20594
20678
|
props: {
|
|
20595
20679
|
filter: {}
|
|
@@ -20601,28 +20685,28 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
|
|
|
20601
20685
|
emit2("remove", { filter: props.filter });
|
|
20602
20686
|
};
|
|
20603
20687
|
return (_ctx, _cache) => {
|
|
20604
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
20688
|
+
return openBlock(), createElementBlock("div", _hoisted_1$R, [
|
|
20605
20689
|
createBaseVNode("div", {
|
|
20606
20690
|
class: "lupa-current-filter-action",
|
|
20607
20691
|
onClick: handleClick
|
|
20608
20692
|
}, "⨉"),
|
|
20609
|
-
createBaseVNode("div", _hoisted_2$
|
|
20610
|
-
createBaseVNode("div", _hoisted_3$
|
|
20693
|
+
createBaseVNode("div", _hoisted_2$E, toDisplayString(_ctx.filter.label) + ": ", 1),
|
|
20694
|
+
createBaseVNode("div", _hoisted_3$v, toDisplayString(_ctx.filter.value), 1)
|
|
20611
20695
|
]);
|
|
20612
20696
|
};
|
|
20613
20697
|
}
|
|
20614
20698
|
});
|
|
20615
|
-
const _hoisted_1$
|
|
20616
|
-
const _hoisted_2$
|
|
20699
|
+
const _hoisted_1$Q = { class: "lupa-filter-title-text" };
|
|
20700
|
+
const _hoisted_2$D = {
|
|
20617
20701
|
key: 0,
|
|
20618
20702
|
class: "lupa-filter-count"
|
|
20619
20703
|
};
|
|
20620
|
-
const _hoisted_3$
|
|
20704
|
+
const _hoisted_3$u = {
|
|
20621
20705
|
key: 0,
|
|
20622
20706
|
class: "filter-values"
|
|
20623
20707
|
};
|
|
20624
|
-
const _hoisted_4$
|
|
20625
|
-
const _sfc_main$
|
|
20708
|
+
const _hoisted_4$m = { class: "lupa-current-filter-list" };
|
|
20709
|
+
const _sfc_main$V = /* @__PURE__ */ defineComponent({
|
|
20626
20710
|
__name: "CurrentFilters",
|
|
20627
20711
|
props: {
|
|
20628
20712
|
options: {},
|
|
@@ -20695,19 +20779,19 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
|
|
|
20695
20779
|
class: "lupa-current-filter-title",
|
|
20696
20780
|
onClick: _cache[0] || (_cache[0] = ($event) => isOpen.value = !isOpen.value)
|
|
20697
20781
|
}, [
|
|
20698
|
-
createBaseVNode("div", _hoisted_1$
|
|
20782
|
+
createBaseVNode("div", _hoisted_1$Q, [
|
|
20699
20783
|
createTextVNode(toDisplayString((_c = (_b = (_a = _ctx.options) == null ? void 0 : _a.labels) == null ? void 0 : _b.title) != null ? _c : "") + " ", 1),
|
|
20700
|
-
_ctx.expandable ? (openBlock(), createElementBlock("span", _hoisted_2$
|
|
20784
|
+
_ctx.expandable ? (openBlock(), createElementBlock("span", _hoisted_2$D, " (" + toDisplayString(unref(currentFilterCount)) + ") ", 1)) : createCommentVNode("", true)
|
|
20701
20785
|
]),
|
|
20702
20786
|
_ctx.expandable ? (openBlock(), createElementBlock("div", {
|
|
20703
20787
|
key: 0,
|
|
20704
20788
|
class: normalizeClass(["lupa-filter-title-caret", isOpen.value && "open"])
|
|
20705
20789
|
}, null, 2)) : createCommentVNode("", true)
|
|
20706
20790
|
]),
|
|
20707
|
-
!_ctx.expandable || isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_3$
|
|
20708
|
-
createBaseVNode("div", _hoisted_4$
|
|
20791
|
+
!_ctx.expandable || isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_3$u, [
|
|
20792
|
+
createBaseVNode("div", _hoisted_4$m, [
|
|
20709
20793
|
(openBlock(true), createElementBlock(Fragment, null, renderList(currentDisplayFilters.value, (filter2) => {
|
|
20710
|
-
return openBlock(), createBlock(_sfc_main$
|
|
20794
|
+
return openBlock(), createBlock(_sfc_main$W, {
|
|
20711
20795
|
key: filter2.key + "_" + filter2.value,
|
|
20712
20796
|
filter: filter2,
|
|
20713
20797
|
onRemove: handleRemove
|
|
@@ -20724,8 +20808,8 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
|
|
|
20724
20808
|
};
|
|
20725
20809
|
}
|
|
20726
20810
|
});
|
|
20727
|
-
const _hoisted_1$
|
|
20728
|
-
const _sfc_main$
|
|
20811
|
+
const _hoisted_1$P = ["href"];
|
|
20812
|
+
const _sfc_main$U = /* @__PURE__ */ defineComponent({
|
|
20729
20813
|
__name: "CategoryFilterItem",
|
|
20730
20814
|
props: {
|
|
20731
20815
|
options: {},
|
|
@@ -20762,20 +20846,20 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
|
|
|
20762
20846
|
"data-cy": "lupa-child-category-item",
|
|
20763
20847
|
href: urlLink.value,
|
|
20764
20848
|
onClick: handleNavigation
|
|
20765
|
-
}, toDisplayString(title.value), 9, _hoisted_1$
|
|
20849
|
+
}, toDisplayString(title.value), 9, _hoisted_1$P)
|
|
20766
20850
|
], 2);
|
|
20767
20851
|
};
|
|
20768
20852
|
}
|
|
20769
20853
|
});
|
|
20770
|
-
const _hoisted_1$
|
|
20854
|
+
const _hoisted_1$O = {
|
|
20771
20855
|
class: "lupa-category-filter",
|
|
20772
20856
|
"data-cy": "lupa-category-filter"
|
|
20773
20857
|
};
|
|
20774
|
-
const _hoisted_2$
|
|
20775
|
-
const _hoisted_3$
|
|
20776
|
-
const _hoisted_4$
|
|
20858
|
+
const _hoisted_2$C = { class: "lupa-category-back" };
|
|
20859
|
+
const _hoisted_3$t = ["href"];
|
|
20860
|
+
const _hoisted_4$l = ["href"];
|
|
20777
20861
|
const _hoisted_5$e = { class: "lupa-child-category-list" };
|
|
20778
|
-
const _sfc_main$
|
|
20862
|
+
const _sfc_main$T = /* @__PURE__ */ defineComponent({
|
|
20779
20863
|
__name: "CategoryFilter",
|
|
20780
20864
|
props: {
|
|
20781
20865
|
options: {}
|
|
@@ -20863,14 +20947,14 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
|
|
|
20863
20947
|
};
|
|
20864
20948
|
__expose({ fetch: fetch2 });
|
|
20865
20949
|
return (_ctx, _cache) => {
|
|
20866
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
20867
|
-
createBaseVNode("div", _hoisted_2$
|
|
20950
|
+
return openBlock(), createElementBlock("div", _hoisted_1$O, [
|
|
20951
|
+
createBaseVNode("div", _hoisted_2$C, [
|
|
20868
20952
|
hasBackButton.value ? (openBlock(), createElementBlock("a", {
|
|
20869
20953
|
key: 0,
|
|
20870
20954
|
"data-cy": "lupa-category-back",
|
|
20871
20955
|
href: backUrlLink.value,
|
|
20872
20956
|
onClick: handleNavigationBack
|
|
20873
|
-
}, toDisplayString(backTitle.value), 9, _hoisted_3$
|
|
20957
|
+
}, toDisplayString(backTitle.value), 9, _hoisted_3$t)) : createCommentVNode("", true)
|
|
20874
20958
|
]),
|
|
20875
20959
|
createBaseVNode("div", {
|
|
20876
20960
|
class: normalizeClass(["lupa-current-category", { "lupa-current-category-active": isActive }])
|
|
@@ -20880,11 +20964,11 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
|
|
|
20880
20964
|
href: parentUrlLink.value,
|
|
20881
20965
|
class: normalizeClass({ "lupa-title-category": !hasBackButton.value }),
|
|
20882
20966
|
onClick: handleNavigationParent
|
|
20883
|
-
}, toDisplayString(parentTitle.value), 11, _hoisted_4$
|
|
20967
|
+
}, toDisplayString(parentTitle.value), 11, _hoisted_4$l)
|
|
20884
20968
|
], 2),
|
|
20885
20969
|
createBaseVNode("div", _hoisted_5$e, [
|
|
20886
20970
|
(openBlock(true), createElementBlock(Fragment, null, renderList(categoryChildren.value, (child) => {
|
|
20887
|
-
return openBlock(), createBlock(_sfc_main$
|
|
20971
|
+
return openBlock(), createBlock(_sfc_main$U, {
|
|
20888
20972
|
key: getCategoryKey(child),
|
|
20889
20973
|
item: child,
|
|
20890
20974
|
options: _ctx.options
|
|
@@ -20895,13 +20979,13 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
|
|
|
20895
20979
|
};
|
|
20896
20980
|
}
|
|
20897
20981
|
});
|
|
20898
|
-
const _hoisted_1$
|
|
20982
|
+
const _hoisted_1$N = {
|
|
20899
20983
|
class: "lupa-search-result-facet-term-values",
|
|
20900
20984
|
"data-cy": "lupa-search-result-facet-term-values"
|
|
20901
20985
|
};
|
|
20902
|
-
const _hoisted_2$
|
|
20903
|
-
const _hoisted_3$
|
|
20904
|
-
const _hoisted_4$
|
|
20986
|
+
const _hoisted_2$B = ["placeholder"];
|
|
20987
|
+
const _hoisted_3$s = { class: "lupa-terms-list" };
|
|
20988
|
+
const _hoisted_4$k = ["onClick"];
|
|
20905
20989
|
const _hoisted_5$d = { class: "lupa-term-checkbox-wrapper" };
|
|
20906
20990
|
const _hoisted_6$8 = { class: "lupa-term-checkbox-label" };
|
|
20907
20991
|
const _hoisted_7$6 = { class: "lupa-term-label" };
|
|
@@ -20911,7 +20995,7 @@ const _hoisted_8$2 = {
|
|
|
20911
20995
|
};
|
|
20912
20996
|
const _hoisted_9$2 = { key: 0 };
|
|
20913
20997
|
const _hoisted_10$1 = { key: 1 };
|
|
20914
|
-
const _sfc_main$
|
|
20998
|
+
const _sfc_main$S = /* @__PURE__ */ defineComponent({
|
|
20915
20999
|
__name: "TermFacet",
|
|
20916
21000
|
props: {
|
|
20917
21001
|
options: {},
|
|
@@ -20982,17 +21066,17 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
|
|
|
20982
21066
|
return selectedItems == null ? void 0 : selectedItems.includes((_b = item.title) == null ? void 0 : _b.toString());
|
|
20983
21067
|
};
|
|
20984
21068
|
return (_ctx, _cache) => {
|
|
20985
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
21069
|
+
return openBlock(), createElementBlock("div", _hoisted_1$N, [
|
|
20986
21070
|
isFilterable.value ? withDirectives((openBlock(), createElementBlock("input", {
|
|
20987
21071
|
key: 0,
|
|
20988
21072
|
class: "lupa-term-filter",
|
|
20989
21073
|
"data-cy": "lupa-term-filter",
|
|
20990
21074
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => termFilter.value = $event),
|
|
20991
21075
|
placeholder: _ctx.options.labels.facetFilter
|
|
20992
|
-
}, null, 8, _hoisted_2$
|
|
21076
|
+
}, null, 8, _hoisted_2$B)), [
|
|
20993
21077
|
[vModelText, termFilter.value]
|
|
20994
21078
|
]) : createCommentVNode("", true),
|
|
20995
|
-
createBaseVNode("div", _hoisted_3$
|
|
21079
|
+
createBaseVNode("div", _hoisted_3$s, [
|
|
20996
21080
|
(openBlock(true), createElementBlock(Fragment, null, renderList(displayValues.value, (item) => {
|
|
20997
21081
|
return openBlock(), createElementBlock("div", {
|
|
20998
21082
|
class: normalizeClass(["lupa-facet-term", { checked: isChecked(item) }]),
|
|
@@ -21009,7 +21093,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
|
|
|
21009
21093
|
createBaseVNode("span", _hoisted_7$6, toDisplayString(item.title), 1),
|
|
21010
21094
|
_ctx.options.showDocumentCount ? (openBlock(), createElementBlock("span", _hoisted_8$2, "(" + toDisplayString(item.count) + ")", 1)) : createCommentVNode("", true)
|
|
21011
21095
|
])
|
|
21012
|
-
], 10, _hoisted_4$
|
|
21096
|
+
], 10, _hoisted_4$k);
|
|
21013
21097
|
}), 128))
|
|
21014
21098
|
]),
|
|
21015
21099
|
displayShowMore.value ? (openBlock(), createElementBlock("div", {
|
|
@@ -22000,16 +22084,16 @@ var m = { name: "Slider", emits: ["input", "update:modelValue", "start", "slide"
|
|
|
22000
22084
|
m.render = function(e2, t, r, i, n, o) {
|
|
22001
22085
|
return openBlock(), createElementBlock("div", mergeProps(e2.sliderProps, { ref: "slider" }), null, 16);
|
|
22002
22086
|
}, m.__file = "src/Slider.vue";
|
|
22003
|
-
const _hoisted_1$
|
|
22004
|
-
const _hoisted_2$
|
|
22087
|
+
const _hoisted_1$M = { class: "lupa-search-result-facet-stats-values" };
|
|
22088
|
+
const _hoisted_2$A = {
|
|
22005
22089
|
key: 0,
|
|
22006
22090
|
class: "lupa-stats-facet-summary"
|
|
22007
22091
|
};
|
|
22008
|
-
const _hoisted_3$
|
|
22092
|
+
const _hoisted_3$r = {
|
|
22009
22093
|
key: 1,
|
|
22010
22094
|
class: "lupa-stats-facet-summary-input"
|
|
22011
22095
|
};
|
|
22012
|
-
const _hoisted_4$
|
|
22096
|
+
const _hoisted_4$j = {
|
|
22013
22097
|
key: 0,
|
|
22014
22098
|
class: "lupa-stats-range-label"
|
|
22015
22099
|
};
|
|
@@ -22028,7 +22112,7 @@ const _hoisted_13 = {
|
|
|
22028
22112
|
key: 2,
|
|
22029
22113
|
class: "lupa-stats-slider-wrapper"
|
|
22030
22114
|
};
|
|
22031
|
-
const _sfc_main$
|
|
22115
|
+
const _sfc_main$R = /* @__PURE__ */ defineComponent({
|
|
22032
22116
|
__name: "StatsFacet",
|
|
22033
22117
|
props: {
|
|
22034
22118
|
options: {},
|
|
@@ -22205,10 +22289,10 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
|
|
|
22205
22289
|
innerSliderRange.value = value;
|
|
22206
22290
|
};
|
|
22207
22291
|
return (_ctx, _cache) => {
|
|
22208
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
22209
|
-
!isInputVisible.value ? (openBlock(), createElementBlock("div", _hoisted_2$
|
|
22292
|
+
return openBlock(), createElementBlock("div", _hoisted_1$M, [
|
|
22293
|
+
!isInputVisible.value ? (openBlock(), createElementBlock("div", _hoisted_2$A, toDisplayString(statsSummary.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$r, [
|
|
22210
22294
|
createBaseVNode("div", null, [
|
|
22211
|
-
rangeLabelFrom.value ? (openBlock(), createElementBlock("div", _hoisted_4$
|
|
22295
|
+
rangeLabelFrom.value ? (openBlock(), createElementBlock("div", _hoisted_4$j, toDisplayString(rangeLabelFrom.value), 1)) : createCommentVNode("", true),
|
|
22212
22296
|
createBaseVNode("div", _hoisted_5$c, [
|
|
22213
22297
|
withDirectives(createBaseVNode("input", {
|
|
22214
22298
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => fromValue.value = $event),
|
|
@@ -22272,10 +22356,10 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
|
|
|
22272
22356
|
};
|
|
22273
22357
|
}
|
|
22274
22358
|
});
|
|
22275
|
-
const _hoisted_1$
|
|
22276
|
-
const _hoisted_2$
|
|
22277
|
-
const _hoisted_3$
|
|
22278
|
-
const _hoisted_4$
|
|
22359
|
+
const _hoisted_1$L = { class: "lupa-term-checkbox-wrapper" };
|
|
22360
|
+
const _hoisted_2$z = { class: "lupa-term-checkbox-label" };
|
|
22361
|
+
const _hoisted_3$q = { class: "lupa-term-label" };
|
|
22362
|
+
const _hoisted_4$i = {
|
|
22279
22363
|
key: 0,
|
|
22280
22364
|
class: "lupa-term-count"
|
|
22281
22365
|
};
|
|
@@ -22283,7 +22367,7 @@ const _hoisted_5$b = {
|
|
|
22283
22367
|
key: 0,
|
|
22284
22368
|
class: "lupa-facet-level"
|
|
22285
22369
|
};
|
|
22286
|
-
const _sfc_main$
|
|
22370
|
+
const _sfc_main$Q = /* @__PURE__ */ defineComponent({
|
|
22287
22371
|
__name: "HierarchyFacetLevel",
|
|
22288
22372
|
props: {
|
|
22289
22373
|
options: {},
|
|
@@ -22329,14 +22413,14 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
|
|
|
22329
22413
|
"data-cy": "lupa-facet-term",
|
|
22330
22414
|
onClick: _cache[0] || (_cache[0] = ($event) => handleFacetClick(_ctx.item))
|
|
22331
22415
|
}, [
|
|
22332
|
-
createBaseVNode("div", _hoisted_1$
|
|
22416
|
+
createBaseVNode("div", _hoisted_1$L, [
|
|
22333
22417
|
createBaseVNode("span", {
|
|
22334
22418
|
class: normalizeClass(["lupa-term-checkbox", { checked: isChecked.value }])
|
|
22335
22419
|
}, null, 2)
|
|
22336
22420
|
]),
|
|
22337
|
-
createBaseVNode("div", _hoisted_2$
|
|
22338
|
-
createBaseVNode("span", _hoisted_3$
|
|
22339
|
-
_ctx.options.showDocumentCount ? (openBlock(), createElementBlock("span", _hoisted_4$
|
|
22421
|
+
createBaseVNode("div", _hoisted_2$z, [
|
|
22422
|
+
createBaseVNode("span", _hoisted_3$q, toDisplayString(_ctx.item.title) + toDisplayString(" "), 1),
|
|
22423
|
+
_ctx.options.showDocumentCount ? (openBlock(), createElementBlock("span", _hoisted_4$i, "(" + toDisplayString(_ctx.item.count) + ")", 1)) : createCommentVNode("", true)
|
|
22340
22424
|
])
|
|
22341
22425
|
]),
|
|
22342
22426
|
showChildren.value ? (openBlock(), createElementBlock("div", _hoisted_5$b, [
|
|
@@ -22355,13 +22439,13 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
|
|
|
22355
22439
|
};
|
|
22356
22440
|
}
|
|
22357
22441
|
});
|
|
22358
|
-
const _hoisted_1$
|
|
22442
|
+
const _hoisted_1$K = {
|
|
22359
22443
|
class: "lupa-search-result-facet-term-values lupa-search-result-facet-hierarchy-values",
|
|
22360
22444
|
"data-cy": "lupa-search-result-facet-term-values"
|
|
22361
22445
|
};
|
|
22362
|
-
const _hoisted_2$
|
|
22363
|
-
const _hoisted_3$
|
|
22364
|
-
const _sfc_main$
|
|
22446
|
+
const _hoisted_2$y = { key: 0 };
|
|
22447
|
+
const _hoisted_3$p = ["placeholder"];
|
|
22448
|
+
const _sfc_main$P = /* @__PURE__ */ defineComponent({
|
|
22365
22449
|
__name: "HierarchyFacet",
|
|
22366
22450
|
props: {
|
|
22367
22451
|
options: {},
|
|
@@ -22416,19 +22500,19 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
|
|
|
22416
22500
|
showAll.value = false;
|
|
22417
22501
|
};
|
|
22418
22502
|
return (_ctx, _cache) => {
|
|
22419
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
22420
|
-
isFilterable.value ? (openBlock(), createElementBlock("div", _hoisted_2$
|
|
22503
|
+
return openBlock(), createElementBlock("div", _hoisted_1$K, [
|
|
22504
|
+
isFilterable.value ? (openBlock(), createElementBlock("div", _hoisted_2$y, [
|
|
22421
22505
|
withDirectives(createBaseVNode("input", {
|
|
22422
22506
|
class: "lupa-term-filter",
|
|
22423
22507
|
"data-cy": "lupa-term-filter",
|
|
22424
22508
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => termFilter.value = $event),
|
|
22425
22509
|
placeholder: _ctx.options.labels.facetFilter
|
|
22426
|
-
}, null, 8, _hoisted_3$
|
|
22510
|
+
}, null, 8, _hoisted_3$p), [
|
|
22427
22511
|
[vModelText, termFilter.value]
|
|
22428
22512
|
])
|
|
22429
22513
|
])) : createCommentVNode("", true),
|
|
22430
22514
|
(openBlock(true), createElementBlock(Fragment, null, renderList(displayValues.value, (item) => {
|
|
22431
|
-
return openBlock(), createBlock(_sfc_main$
|
|
22515
|
+
return openBlock(), createBlock(_sfc_main$Q, {
|
|
22432
22516
|
key: item.title,
|
|
22433
22517
|
options: _ctx.options,
|
|
22434
22518
|
item,
|
|
@@ -22452,20 +22536,20 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
|
|
|
22452
22536
|
};
|
|
22453
22537
|
}
|
|
22454
22538
|
});
|
|
22455
|
-
const _hoisted_1$
|
|
22456
|
-
const _hoisted_2$
|
|
22539
|
+
const _hoisted_1$J = { class: "lupa-facet-label-text" };
|
|
22540
|
+
const _hoisted_2$x = {
|
|
22457
22541
|
key: 0,
|
|
22458
22542
|
class: "lupa-facet-content",
|
|
22459
22543
|
"data-cy": "lupa-facet-content"
|
|
22460
22544
|
};
|
|
22461
22545
|
const __default__$1 = {
|
|
22462
22546
|
components: {
|
|
22463
|
-
TermFacet: _sfc_main$
|
|
22464
|
-
StatsFacet: _sfc_main$
|
|
22465
|
-
HierarchyFacet: _sfc_main$
|
|
22547
|
+
TermFacet: _sfc_main$S,
|
|
22548
|
+
StatsFacet: _sfc_main$R,
|
|
22549
|
+
HierarchyFacet: _sfc_main$P
|
|
22466
22550
|
}
|
|
22467
22551
|
};
|
|
22468
|
-
const _sfc_main$
|
|
22552
|
+
const _sfc_main$O = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__$1), {
|
|
22469
22553
|
__name: "FacetDisplay",
|
|
22470
22554
|
props: {
|
|
22471
22555
|
options: {},
|
|
@@ -22577,12 +22661,12 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
|
|
|
22577
22661
|
"data-cy": "lupa-search-result-facet-label",
|
|
22578
22662
|
onClick: toggleFacet
|
|
22579
22663
|
}, [
|
|
22580
|
-
createBaseVNode("div", _hoisted_1$
|
|
22664
|
+
createBaseVNode("div", _hoisted_1$J, toDisplayString(facet.value.label), 1),
|
|
22581
22665
|
createBaseVNode("div", {
|
|
22582
22666
|
class: normalizeClass(["lupa-facet-label-caret", isOpen.value && "open"])
|
|
22583
22667
|
}, null, 2)
|
|
22584
22668
|
], 2),
|
|
22585
|
-
isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_2$
|
|
22669
|
+
isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_2$x, [
|
|
22586
22670
|
(openBlock(), createBlock(resolveDynamicComponent(facetType.value), {
|
|
22587
22671
|
facet: facet.value,
|
|
22588
22672
|
currentFilters: currentFilters.value[facet.value.key],
|
|
@@ -22600,12 +22684,12 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
|
|
|
22600
22684
|
};
|
|
22601
22685
|
}
|
|
22602
22686
|
}));
|
|
22603
|
-
const _hoisted_1$
|
|
22604
|
-
const _hoisted_2$
|
|
22687
|
+
const _hoisted_1$I = { class: "lupa-search-result-facet-section" };
|
|
22688
|
+
const _hoisted_2$w = {
|
|
22605
22689
|
key: 0,
|
|
22606
22690
|
class: "lupa-facets-title"
|
|
22607
22691
|
};
|
|
22608
|
-
const _sfc_main$
|
|
22692
|
+
const _sfc_main$N = /* @__PURE__ */ defineComponent({
|
|
22609
22693
|
__name: "FacetList",
|
|
22610
22694
|
props: {
|
|
22611
22695
|
options: {},
|
|
@@ -22639,14 +22723,14 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
|
|
|
22639
22723
|
};
|
|
22640
22724
|
return (_ctx, _cache) => {
|
|
22641
22725
|
var _a;
|
|
22642
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
22643
|
-
_ctx.options.labels.title ? (openBlock(), createElementBlock("div", _hoisted_2$
|
|
22726
|
+
return openBlock(), createElementBlock("div", _hoisted_1$I, [
|
|
22727
|
+
_ctx.options.labels.title ? (openBlock(), createElementBlock("div", _hoisted_2$w, toDisplayString(_ctx.options.labels.title), 1)) : createCommentVNode("", true),
|
|
22644
22728
|
createBaseVNode("div", {
|
|
22645
22729
|
class: normalizeClass(["lupa-search-result-facet-list", "lupa-" + ((_a = _ctx.facetStyle) != null ? _a : "")])
|
|
22646
22730
|
}, [
|
|
22647
22731
|
(openBlock(true), createElementBlock(Fragment, null, renderList(displayFacets.value, (facet) => {
|
|
22648
22732
|
var _a2;
|
|
22649
|
-
return openBlock(), createBlock(_sfc_main$
|
|
22733
|
+
return openBlock(), createBlock(_sfc_main$O, {
|
|
22650
22734
|
key: facet.key,
|
|
22651
22735
|
facet,
|
|
22652
22736
|
currentFilters: currentFiltersValue.value,
|
|
@@ -22661,8 +22745,8 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
|
|
|
22661
22745
|
};
|
|
22662
22746
|
}
|
|
22663
22747
|
});
|
|
22664
|
-
const _hoisted_1$
|
|
22665
|
-
const _sfc_main$
|
|
22748
|
+
const _hoisted_1$H = ["onClick"];
|
|
22749
|
+
const _sfc_main$M = /* @__PURE__ */ defineComponent({
|
|
22666
22750
|
__name: "FacetsButton",
|
|
22667
22751
|
props: {
|
|
22668
22752
|
options: {}
|
|
@@ -22682,13 +22766,13 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
|
|
|
22682
22766
|
key: 0,
|
|
22683
22767
|
class: "lupa-facets-button-filter",
|
|
22684
22768
|
onClick: withModifiers(handleClick, ["stop"])
|
|
22685
|
-
}, toDisplayString(label.value), 9, _hoisted_1$
|
|
22769
|
+
}, toDisplayString(label.value), 9, _hoisted_1$H)) : createCommentVNode("", true);
|
|
22686
22770
|
};
|
|
22687
22771
|
}
|
|
22688
22772
|
});
|
|
22689
|
-
const _hoisted_1$
|
|
22690
|
-
const _hoisted_2$
|
|
22691
|
-
const _sfc_main$
|
|
22773
|
+
const _hoisted_1$G = { class: "lupa-search-result-facets" };
|
|
22774
|
+
const _hoisted_2$v = { class: "lupa-facets-filter-button-wrapper" };
|
|
22775
|
+
const _sfc_main$L = /* @__PURE__ */ defineComponent({
|
|
22692
22776
|
__name: "Facets",
|
|
22693
22777
|
props: {
|
|
22694
22778
|
options: {},
|
|
@@ -22771,8 +22855,8 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
|
|
|
22771
22855
|
emit2("filter");
|
|
22772
22856
|
};
|
|
22773
22857
|
return (_ctx, _cache) => {
|
|
22774
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
22775
|
-
regularFacets.value ? (openBlock(), createBlock(_sfc_main$
|
|
22858
|
+
return openBlock(), createElementBlock("div", _hoisted_1$G, [
|
|
22859
|
+
regularFacets.value ? (openBlock(), createBlock(_sfc_main$N, {
|
|
22776
22860
|
key: 0,
|
|
22777
22861
|
options: _ctx.options,
|
|
22778
22862
|
facets: regularFacets.value,
|
|
@@ -22782,8 +22866,8 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
|
|
|
22782
22866
|
onSelect: handleFacetSelect,
|
|
22783
22867
|
onClear: clear2
|
|
22784
22868
|
}, null, 8, ["options", "facets", "currentFilters", "facetStyle", "clearable"])) : createCommentVNode("", true),
|
|
22785
|
-
createBaseVNode("div", _hoisted_2$
|
|
22786
|
-
showFilterButton.value ? (openBlock(), createBlock(_sfc_main$
|
|
22869
|
+
createBaseVNode("div", _hoisted_2$v, [
|
|
22870
|
+
showFilterButton.value ? (openBlock(), createBlock(_sfc_main$M, {
|
|
22787
22871
|
key: 0,
|
|
22788
22872
|
options: _ctx.options,
|
|
22789
22873
|
onFilter: filter2
|
|
@@ -22793,11 +22877,11 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
|
|
|
22793
22877
|
};
|
|
22794
22878
|
}
|
|
22795
22879
|
});
|
|
22796
|
-
const _hoisted_1$
|
|
22880
|
+
const _hoisted_1$F = {
|
|
22797
22881
|
id: "lupa-search-result-filters",
|
|
22798
22882
|
class: "lupa-search-result-filters"
|
|
22799
22883
|
};
|
|
22800
|
-
const _sfc_main$
|
|
22884
|
+
const _sfc_main$K = /* @__PURE__ */ defineComponent({
|
|
22801
22885
|
__name: "SearchResultsFilters",
|
|
22802
22886
|
props: {
|
|
22803
22887
|
options: {},
|
|
@@ -22830,19 +22914,19 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
|
|
|
22830
22914
|
__expose({ fetch: fetch2 });
|
|
22831
22915
|
return (_ctx, _cache) => {
|
|
22832
22916
|
var _a;
|
|
22833
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
22834
|
-
showCurrentFilters.value ? (openBlock(), createBlock(_sfc_main$
|
|
22917
|
+
return openBlock(), createElementBlock("div", _hoisted_1$F, [
|
|
22918
|
+
showCurrentFilters.value ? (openBlock(), createBlock(_sfc_main$V, {
|
|
22835
22919
|
key: 0,
|
|
22836
22920
|
options: _ctx.options.currentFilters,
|
|
22837
22921
|
expandable: (_a = _ctx.expandable) != null ? _a : false
|
|
22838
22922
|
}, null, 8, ["options", "expandable"])) : createCommentVNode("", true),
|
|
22839
|
-
_ctx.options.categories ? (openBlock(), createBlock(_sfc_main$
|
|
22923
|
+
_ctx.options.categories ? (openBlock(), createBlock(_sfc_main$T, {
|
|
22840
22924
|
key: 1,
|
|
22841
22925
|
options: _ctx.options.categories,
|
|
22842
22926
|
ref_key: "categoryFilters",
|
|
22843
22927
|
ref: categoryFilters
|
|
22844
22928
|
}, null, 8, ["options"])) : createCommentVNode("", true),
|
|
22845
|
-
_ctx.options.facets ? (openBlock(), createBlock(_sfc_main$
|
|
22929
|
+
_ctx.options.facets ? (openBlock(), createBlock(_sfc_main$L, {
|
|
22846
22930
|
key: 2,
|
|
22847
22931
|
options: _ctx.options.facets,
|
|
22848
22932
|
onFilter: filter2
|
|
@@ -22851,20 +22935,20 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
|
|
|
22851
22935
|
};
|
|
22852
22936
|
}
|
|
22853
22937
|
});
|
|
22854
|
-
const _hoisted_1$
|
|
22938
|
+
const _hoisted_1$E = {
|
|
22855
22939
|
key: 0,
|
|
22856
22940
|
class: "lupa-mobile-filter-sidebar"
|
|
22857
22941
|
};
|
|
22858
|
-
const _hoisted_2$
|
|
22859
|
-
const _hoisted_3$
|
|
22860
|
-
const _hoisted_4$
|
|
22942
|
+
const _hoisted_2$u = ["onClick"];
|
|
22943
|
+
const _hoisted_3$o = { class: "lupa-mobile-sidebar-content" };
|
|
22944
|
+
const _hoisted_4$h = { class: "lupa-sidebar-top" };
|
|
22861
22945
|
const _hoisted_5$a = { class: "lupa-sidebar-title" };
|
|
22862
22946
|
const _hoisted_6$6 = {
|
|
22863
22947
|
key: 0,
|
|
22864
22948
|
class: "lupa-sidebar-filter-count"
|
|
22865
22949
|
};
|
|
22866
22950
|
const _hoisted_7$4 = { class: "lupa-sidebar-filter-options" };
|
|
22867
|
-
const _sfc_main$
|
|
22951
|
+
const _sfc_main$J = /* @__PURE__ */ defineComponent({
|
|
22868
22952
|
__name: "MobileFilterSidebar",
|
|
22869
22953
|
props: {
|
|
22870
22954
|
options: {}
|
|
@@ -22895,13 +22979,13 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
|
|
|
22895
22979
|
handleMobileToggle();
|
|
22896
22980
|
};
|
|
22897
22981
|
return (_ctx, _cache) => {
|
|
22898
|
-
return isMobileSidebarVisible.value ? (openBlock(), createElementBlock("div", _hoisted_1$
|
|
22982
|
+
return isMobileSidebarVisible.value ? (openBlock(), createElementBlock("div", _hoisted_1$E, [
|
|
22899
22983
|
createBaseVNode("div", {
|
|
22900
22984
|
class: "lupa-sidebar-close",
|
|
22901
22985
|
onClick: withModifiers(handleMobileToggle, ["stop"])
|
|
22902
|
-
}, null, 8, _hoisted_2$
|
|
22903
|
-
createBaseVNode("div", _hoisted_3$
|
|
22904
|
-
createBaseVNode("div", _hoisted_4$
|
|
22986
|
+
}, null, 8, _hoisted_2$u),
|
|
22987
|
+
createBaseVNode("div", _hoisted_3$o, [
|
|
22988
|
+
createBaseVNode("div", _hoisted_4$h, [
|
|
22905
22989
|
createBaseVNode("div", _hoisted_5$a, [
|
|
22906
22990
|
createTextVNode(toDisplayString(sidebarTitle.value) + " ", 1),
|
|
22907
22991
|
isFilterCountVisible.value ? (openBlock(), createElementBlock("span", _hoisted_6$6, toDisplayString(unref(currentFilterCount)), 1)) : createCommentVNode("", true)
|
|
@@ -22912,7 +22996,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
|
|
|
22912
22996
|
})
|
|
22913
22997
|
]),
|
|
22914
22998
|
createBaseVNode("div", _hoisted_7$4, [
|
|
22915
|
-
createVNode(_sfc_main$
|
|
22999
|
+
createVNode(_sfc_main$K, {
|
|
22916
23000
|
options: _ctx.options,
|
|
22917
23001
|
expandable: isActiveFiltersExpanded.value,
|
|
22918
23002
|
onFilter: filter2
|
|
@@ -22923,14 +23007,14 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
|
|
|
22923
23007
|
};
|
|
22924
23008
|
}
|
|
22925
23009
|
});
|
|
22926
|
-
const _hoisted_1$
|
|
22927
|
-
const _hoisted_2$
|
|
22928
|
-
const _hoisted_3$
|
|
23010
|
+
const _hoisted_1$D = { id: "lupa-search-results-breadcrumbs" };
|
|
23011
|
+
const _hoisted_2$t = ["href", "onClick"];
|
|
23012
|
+
const _hoisted_3$n = {
|
|
22929
23013
|
key: 1,
|
|
22930
23014
|
class: "lupa-search-results-breadcrumb-text"
|
|
22931
23015
|
};
|
|
22932
|
-
const _hoisted_4$
|
|
22933
|
-
const _sfc_main$
|
|
23016
|
+
const _hoisted_4$g = { key: 2 };
|
|
23017
|
+
const _sfc_main$I = /* @__PURE__ */ defineComponent({
|
|
22934
23018
|
__name: "SearchResultsBreadcrumbs",
|
|
22935
23019
|
props: {
|
|
22936
23020
|
breadcrumbs: {}
|
|
@@ -22955,7 +23039,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
|
|
|
22955
23039
|
handleRoutingEvent(link, event, hasEventRouting.value);
|
|
22956
23040
|
};
|
|
22957
23041
|
return (_ctx, _cache) => {
|
|
22958
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
23042
|
+
return openBlock(), createElementBlock("div", _hoisted_1$D, [
|
|
22959
23043
|
(openBlock(true), createElementBlock(Fragment, null, renderList(breadcrumbsValue.value, (breadcrumb, index) => {
|
|
22960
23044
|
return openBlock(), createElementBlock("span", {
|
|
22961
23045
|
class: "lupa-search-results-breadcrumb",
|
|
@@ -22969,19 +23053,19 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
|
|
|
22969
23053
|
var _a;
|
|
22970
23054
|
return handleNavigation(e2, (_a = breadcrumb == null ? void 0 : breadcrumb.link) != null ? _a : "");
|
|
22971
23055
|
}
|
|
22972
|
-
}, toDisplayString(getLabel(breadcrumb.label)), 9, _hoisted_2$
|
|
22973
|
-
index < breadcrumbsValue.value.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_4$
|
|
23056
|
+
}, toDisplayString(getLabel(breadcrumb.label)), 9, _hoisted_2$t)) : (openBlock(), createElementBlock("span", _hoisted_3$n, toDisplayString(getLabel(breadcrumb.label)), 1)),
|
|
23057
|
+
index < breadcrumbsValue.value.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_4$g, " / ")) : createCommentVNode("", true)
|
|
22974
23058
|
]);
|
|
22975
23059
|
}), 128))
|
|
22976
23060
|
]);
|
|
22977
23061
|
};
|
|
22978
23062
|
}
|
|
22979
23063
|
});
|
|
22980
|
-
const _hoisted_1$
|
|
23064
|
+
const _hoisted_1$C = {
|
|
22981
23065
|
id: "lupa-search-result-filters",
|
|
22982
23066
|
class: "lupa-search-result-filters lupa-search-result-top-filters"
|
|
22983
23067
|
};
|
|
22984
|
-
const _sfc_main$
|
|
23068
|
+
const _sfc_main$H = /* @__PURE__ */ defineComponent({
|
|
22985
23069
|
__name: "FiltersTopDropdown",
|
|
22986
23070
|
props: {
|
|
22987
23071
|
options: {}
|
|
@@ -22993,8 +23077,8 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
|
|
|
22993
23077
|
};
|
|
22994
23078
|
return (_ctx, _cache) => {
|
|
22995
23079
|
var _a;
|
|
22996
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
22997
|
-
_ctx.options.facets ? (openBlock(), createBlock(_sfc_main$
|
|
23080
|
+
return openBlock(), createElementBlock("div", _hoisted_1$C, [
|
|
23081
|
+
_ctx.options.facets ? (openBlock(), createBlock(_sfc_main$L, {
|
|
22998
23082
|
key: 0,
|
|
22999
23083
|
options: _ctx.options.facets,
|
|
23000
23084
|
"facet-style": (_a = _ctx.options.facets.style) == null ? void 0 : _a.type,
|
|
@@ -23005,8 +23089,8 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
|
|
|
23005
23089
|
};
|
|
23006
23090
|
}
|
|
23007
23091
|
});
|
|
23008
|
-
const _hoisted_1$
|
|
23009
|
-
const _sfc_main$
|
|
23092
|
+
const _hoisted_1$B = { id: "lupa-search-results-layout-selection" };
|
|
23093
|
+
const _sfc_main$G = /* @__PURE__ */ defineComponent({
|
|
23010
23094
|
__name: "SearchResultsLayoutSelection",
|
|
23011
23095
|
setup(__props) {
|
|
23012
23096
|
const searchResultStore = useSearchResultStore();
|
|
@@ -23017,7 +23101,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
|
|
|
23017
23101
|
searchResultStore.setLayout(layout2);
|
|
23018
23102
|
};
|
|
23019
23103
|
return (_ctx, _cache) => {
|
|
23020
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
23104
|
+
return openBlock(), createElementBlock("div", _hoisted_1$B, [
|
|
23021
23105
|
createBaseVNode("div", {
|
|
23022
23106
|
class: normalizeClass([
|
|
23023
23107
|
"lupa-layout-selection-grid",
|
|
@@ -23039,11 +23123,11 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
|
|
|
23039
23123
|
};
|
|
23040
23124
|
}
|
|
23041
23125
|
});
|
|
23042
|
-
const _hoisted_1$
|
|
23126
|
+
const _hoisted_1$A = {
|
|
23043
23127
|
key: 0,
|
|
23044
23128
|
class: "lupa-mobile-toggle-filter-count"
|
|
23045
23129
|
};
|
|
23046
|
-
const _sfc_main$
|
|
23130
|
+
const _sfc_main$F = /* @__PURE__ */ defineComponent({
|
|
23047
23131
|
__name: "SearchResultsMobileToggle",
|
|
23048
23132
|
props: {
|
|
23049
23133
|
label: {},
|
|
@@ -23061,26 +23145,26 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
|
|
|
23061
23145
|
onClick: handleMobileToggle
|
|
23062
23146
|
}, [
|
|
23063
23147
|
createTextVNode(toDisplayString(_ctx.label) + " ", 1),
|
|
23064
|
-
_ctx.showFilterCount && unref(currentFilterCount) > 0 ? (openBlock(), createElementBlock("span", _hoisted_1$
|
|
23148
|
+
_ctx.showFilterCount && unref(currentFilterCount) > 0 ? (openBlock(), createElementBlock("span", _hoisted_1$A, toDisplayString(unref(currentFilterCount)), 1)) : createCommentVNode("", true)
|
|
23065
23149
|
], 2);
|
|
23066
23150
|
};
|
|
23067
23151
|
}
|
|
23068
23152
|
});
|
|
23069
|
-
const _hoisted_1$
|
|
23153
|
+
const _hoisted_1$z = {
|
|
23070
23154
|
key: 0,
|
|
23071
23155
|
id: "lupa-search-results-page-select",
|
|
23072
23156
|
"data-cy": "lupa-search-results-page-select"
|
|
23073
23157
|
};
|
|
23074
|
-
const _hoisted_2$
|
|
23158
|
+
const _hoisted_2$s = {
|
|
23075
23159
|
key: 0,
|
|
23076
23160
|
class: "lupa-page-number-separator"
|
|
23077
23161
|
};
|
|
23078
|
-
const _hoisted_3$
|
|
23079
|
-
const _hoisted_4$
|
|
23162
|
+
const _hoisted_3$m = ["onClick"];
|
|
23163
|
+
const _hoisted_4$f = {
|
|
23080
23164
|
key: 0,
|
|
23081
23165
|
class: "lupa-page-number-separator"
|
|
23082
23166
|
};
|
|
23083
|
-
const _sfc_main$
|
|
23167
|
+
const _sfc_main$E = /* @__PURE__ */ defineComponent({
|
|
23084
23168
|
__name: "SearchResultsPageSelect",
|
|
23085
23169
|
props: {
|
|
23086
23170
|
lastPageLabel: {},
|
|
@@ -23157,7 +23241,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
|
|
|
23157
23241
|
}
|
|
23158
23242
|
};
|
|
23159
23243
|
return (_ctx, _cache) => {
|
|
23160
|
-
return showPagination.value ? (openBlock(), createElementBlock("div", _hoisted_1$
|
|
23244
|
+
return showPagination.value ? (openBlock(), createElementBlock("div", _hoisted_1$z, [
|
|
23161
23245
|
showBack.value ? (openBlock(), createElementBlock("div", {
|
|
23162
23246
|
key: 0,
|
|
23163
23247
|
class: normalizeClass(firstPageLabel.value === "<" ? "lupa-page-arrow" : "lupa-show-less"),
|
|
@@ -23168,7 +23252,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
|
|
|
23168
23252
|
class: "lupa-page-number lupa-page-number-first",
|
|
23169
23253
|
onClick: _cache[1] || (_cache[1] = () => handlePageChange(1))
|
|
23170
23254
|
}, " 1 "),
|
|
23171
|
-
showFirstPageSeparator.value ? (openBlock(), createElementBlock("div", _hoisted_2$
|
|
23255
|
+
showFirstPageSeparator.value ? (openBlock(), createElementBlock("div", _hoisted_2$s, "...")) : createCommentVNode("", true)
|
|
23172
23256
|
], 64)) : createCommentVNode("", true),
|
|
23173
23257
|
(openBlock(true), createElementBlock(Fragment, null, renderList(pages.value, (page) => {
|
|
23174
23258
|
return openBlock(), createElementBlock("div", {
|
|
@@ -23179,10 +23263,10 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
|
|
|
23179
23263
|
page === _ctx.options.selectedPage ? "lupa-page-number-selected" : ""
|
|
23180
23264
|
]),
|
|
23181
23265
|
"data-cy": "lupa-page-number"
|
|
23182
|
-
}, toDisplayString(page), 11, _hoisted_3$
|
|
23266
|
+
}, toDisplayString(page), 11, _hoisted_3$m);
|
|
23183
23267
|
}), 128)),
|
|
23184
23268
|
showLastPage.value ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
|
|
23185
|
-
showLastPageSeparator.value ? (openBlock(), createElementBlock("div", _hoisted_4$
|
|
23269
|
+
showLastPageSeparator.value ? (openBlock(), createElementBlock("div", _hoisted_4$f, "...")) : createCommentVNode("", true),
|
|
23186
23270
|
createBaseVNode("div", {
|
|
23187
23271
|
class: "lupa-page-number lupa-page-number-last",
|
|
23188
23272
|
onClick: _cache[2] || (_cache[2] = () => {
|
|
@@ -23201,15 +23285,15 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
|
|
|
23201
23285
|
};
|
|
23202
23286
|
}
|
|
23203
23287
|
});
|
|
23204
|
-
const _hoisted_1$
|
|
23288
|
+
const _hoisted_1$y = {
|
|
23205
23289
|
id: "lupa-search-results-page-size",
|
|
23206
23290
|
"data-cy": "lupa-search-results-page-size"
|
|
23207
23291
|
};
|
|
23208
|
-
const _hoisted_2$
|
|
23209
|
-
const _hoisted_3$
|
|
23210
|
-
const _hoisted_4$
|
|
23292
|
+
const _hoisted_2$r = { id: "lupa-select" };
|
|
23293
|
+
const _hoisted_3$l = { class: "lupa-select-label" };
|
|
23294
|
+
const _hoisted_4$e = ["aria-label"];
|
|
23211
23295
|
const _hoisted_5$9 = ["value"];
|
|
23212
|
-
const _sfc_main$
|
|
23296
|
+
const _sfc_main$D = /* @__PURE__ */ defineComponent({
|
|
23213
23297
|
__name: "SearchResultsPageSize",
|
|
23214
23298
|
props: {
|
|
23215
23299
|
labels: {},
|
|
@@ -23237,9 +23321,9 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
|
|
|
23237
23321
|
});
|
|
23238
23322
|
};
|
|
23239
23323
|
return (_ctx, _cache) => {
|
|
23240
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
23241
|
-
createBaseVNode("div", _hoisted_2$
|
|
23242
|
-
createBaseVNode("label", _hoisted_3$
|
|
23324
|
+
return openBlock(), createElementBlock("div", _hoisted_1$y, [
|
|
23325
|
+
createBaseVNode("div", _hoisted_2$r, [
|
|
23326
|
+
createBaseVNode("label", _hoisted_3$l, toDisplayString(label.value), 1),
|
|
23243
23327
|
createBaseVNode("select", {
|
|
23244
23328
|
class: "lupa-select-dropdown",
|
|
23245
23329
|
"aria-label": label.value,
|
|
@@ -23254,21 +23338,21 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
|
|
|
23254
23338
|
value: option
|
|
23255
23339
|
}, toDisplayString(prefixLabel.value) + toDisplayString(option), 9, _hoisted_5$9);
|
|
23256
23340
|
}), 128))
|
|
23257
|
-
], 40, _hoisted_4$
|
|
23341
|
+
], 40, _hoisted_4$e)
|
|
23258
23342
|
])
|
|
23259
23343
|
]);
|
|
23260
23344
|
};
|
|
23261
23345
|
}
|
|
23262
23346
|
});
|
|
23263
|
-
const _hoisted_1$
|
|
23347
|
+
const _hoisted_1$x = {
|
|
23264
23348
|
id: "lupa-search-results-sort",
|
|
23265
23349
|
class: "lupa-search-results-sort"
|
|
23266
23350
|
};
|
|
23267
|
-
const _hoisted_2$
|
|
23268
|
-
const _hoisted_3$
|
|
23269
|
-
const _hoisted_4$
|
|
23351
|
+
const _hoisted_2$q = { id: "lupa-select" };
|
|
23352
|
+
const _hoisted_3$k = { class: "lupa-select-label" };
|
|
23353
|
+
const _hoisted_4$d = ["aria-label"];
|
|
23270
23354
|
const _hoisted_5$8 = ["value"];
|
|
23271
|
-
const _sfc_main$
|
|
23355
|
+
const _sfc_main$C = /* @__PURE__ */ defineComponent({
|
|
23272
23356
|
__name: "SearchResultsSort",
|
|
23273
23357
|
props: {
|
|
23274
23358
|
options: {},
|
|
@@ -23317,9 +23401,9 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
|
|
|
23317
23401
|
previousKey.value = selectedKey.value;
|
|
23318
23402
|
};
|
|
23319
23403
|
return (_ctx, _cache) => {
|
|
23320
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
23321
|
-
createBaseVNode("div", _hoisted_2$
|
|
23322
|
-
createBaseVNode("label", _hoisted_3$
|
|
23404
|
+
return openBlock(), createElementBlock("div", _hoisted_1$x, [
|
|
23405
|
+
createBaseVNode("div", _hoisted_2$q, [
|
|
23406
|
+
createBaseVNode("label", _hoisted_3$k, toDisplayString(_ctx.options.label), 1),
|
|
23323
23407
|
withDirectives(createBaseVNode("select", {
|
|
23324
23408
|
class: "lupa-select-dropdown",
|
|
23325
23409
|
"aria-label": _ctx.options.label,
|
|
@@ -23334,7 +23418,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
|
|
|
23334
23418
|
value: option.key
|
|
23335
23419
|
}, toDisplayString(option.label), 9, _hoisted_5$8);
|
|
23336
23420
|
}), 128))
|
|
23337
|
-
], 40, _hoisted_4$
|
|
23421
|
+
], 40, _hoisted_4$d), [
|
|
23338
23422
|
[vModelSelect, selectedKey.value]
|
|
23339
23423
|
])
|
|
23340
23424
|
])
|
|
@@ -23342,13 +23426,13 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
|
|
|
23342
23426
|
};
|
|
23343
23427
|
}
|
|
23344
23428
|
});
|
|
23345
|
-
const _hoisted_1$
|
|
23346
|
-
const _hoisted_2$
|
|
23429
|
+
const _hoisted_1$w = { class: "lupa-toolbar-left" };
|
|
23430
|
+
const _hoisted_2$p = {
|
|
23347
23431
|
key: 0,
|
|
23348
23432
|
class: "lupa-toolbar-right-title"
|
|
23349
23433
|
};
|
|
23350
|
-
const _hoisted_3$
|
|
23351
|
-
const _hoisted_4$
|
|
23434
|
+
const _hoisted_3$j = { key: 2 };
|
|
23435
|
+
const _hoisted_4$c = { key: 4 };
|
|
23352
23436
|
const _hoisted_5$7 = { key: 6 };
|
|
23353
23437
|
const _hoisted_6$5 = { class: "lupa-toolbar-right" };
|
|
23354
23438
|
const _hoisted_7$3 = {
|
|
@@ -23357,7 +23441,7 @@ const _hoisted_7$3 = {
|
|
|
23357
23441
|
};
|
|
23358
23442
|
const _hoisted_8 = { key: 2 };
|
|
23359
23443
|
const _hoisted_9 = { key: 4 };
|
|
23360
|
-
const _sfc_main$
|
|
23444
|
+
const _sfc_main$B = /* @__PURE__ */ defineComponent({
|
|
23361
23445
|
__name: "SearchResultsToolbar",
|
|
23362
23446
|
props: {
|
|
23363
23447
|
options: {},
|
|
@@ -23464,16 +23548,16 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
|
|
|
23464
23548
|
id: "lupa-search-results-toolbar",
|
|
23465
23549
|
class: normalizeClass({ "lupa-filter-no-results": !hasResults.value })
|
|
23466
23550
|
}, [
|
|
23467
|
-
createBaseVNode("div", _hoisted_1$
|
|
23468
|
-
toolbarLeftLabel.value ? (openBlock(), createElementBlock("div", _hoisted_2$
|
|
23469
|
-
showLayoutSelection.value ? (openBlock(), createBlock(_sfc_main$
|
|
23470
|
-
showItemSummary.value ? (openBlock(), createBlock(_sfc_main$
|
|
23551
|
+
createBaseVNode("div", _hoisted_1$w, [
|
|
23552
|
+
toolbarLeftLabel.value ? (openBlock(), createElementBlock("div", _hoisted_2$p, toDisplayString(toolbarLeftLabel.value), 1)) : createCommentVNode("", true),
|
|
23553
|
+
showLayoutSelection.value ? (openBlock(), createBlock(_sfc_main$G, { key: 1 })) : (openBlock(), createElementBlock("div", _hoisted_3$j)),
|
|
23554
|
+
showItemSummary.value ? (openBlock(), createBlock(_sfc_main$Y, {
|
|
23471
23555
|
key: 3,
|
|
23472
23556
|
label: searchSummaryLabel.value,
|
|
23473
23557
|
clearable: unref(hasAnyFilter) && showFilterClear.value,
|
|
23474
23558
|
onClear: handleClearAll
|
|
23475
|
-
}, null, 8, ["label", "clearable"])) : (openBlock(), createElementBlock("div", _hoisted_4$
|
|
23476
|
-
displayPageSelect.value ? (openBlock(), createBlock(_sfc_main$
|
|
23559
|
+
}, null, 8, ["label", "clearable"])) : (openBlock(), createElementBlock("div", _hoisted_4$c)),
|
|
23560
|
+
displayPageSelect.value ? (openBlock(), createBlock(_sfc_main$E, {
|
|
23477
23561
|
key: 5,
|
|
23478
23562
|
options: paginationOptions.value.pageSelect,
|
|
23479
23563
|
"last-page-label": paginationOptions.value.labels.showMore,
|
|
@@ -23482,16 +23566,16 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
|
|
|
23482
23566
|
]),
|
|
23483
23567
|
createBaseVNode("div", _hoisted_6$5, [
|
|
23484
23568
|
toolbarRightLabel.value ? (openBlock(), createElementBlock("div", _hoisted_7$3, toDisplayString(toolbarRightLabel.value), 1)) : createCommentVNode("", true),
|
|
23485
|
-
createVNode(_sfc_main$
|
|
23569
|
+
createVNode(_sfc_main$F, {
|
|
23486
23570
|
label: optionsValue.value.labels.mobileFilterButton,
|
|
23487
23571
|
"show-filter-count": showMobileFilterCount.value
|
|
23488
23572
|
}, null, 8, ["label", "show-filter-count"]),
|
|
23489
|
-
paginationDisplay.value.pageSize ? (openBlock(), createBlock(_sfc_main$
|
|
23573
|
+
paginationDisplay.value.pageSize ? (openBlock(), createBlock(_sfc_main$D, {
|
|
23490
23574
|
key: 1,
|
|
23491
23575
|
options: paginationOptions.value.pageSize,
|
|
23492
23576
|
labels: paginationOptions.value.labels
|
|
23493
23577
|
}, null, 8, ["options", "labels"])) : (openBlock(), createElementBlock("div", _hoisted_8)),
|
|
23494
|
-
sortOptions.value ? (openBlock(), createBlock(_sfc_main$
|
|
23578
|
+
sortOptions.value ? (openBlock(), createBlock(_sfc_main$C, {
|
|
23495
23579
|
key: 3,
|
|
23496
23580
|
options: sortOptions.value,
|
|
23497
23581
|
callbacks: callbacks.value
|
|
@@ -23501,7 +23585,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
|
|
|
23501
23585
|
};
|
|
23502
23586
|
}
|
|
23503
23587
|
});
|
|
23504
|
-
const _sfc_main$
|
|
23588
|
+
const _sfc_main$A = /* @__PURE__ */ defineComponent({
|
|
23505
23589
|
__name: "SearchResultsProductImage",
|
|
23506
23590
|
props: {
|
|
23507
23591
|
item: {},
|
|
@@ -23509,7 +23593,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
|
|
|
23509
23593
|
},
|
|
23510
23594
|
setup(__props) {
|
|
23511
23595
|
return (_ctx, _cache) => {
|
|
23512
|
-
return openBlock(), createBlock(_sfc_main$
|
|
23596
|
+
return openBlock(), createBlock(_sfc_main$1l, {
|
|
23513
23597
|
item: _ctx.item,
|
|
23514
23598
|
options: _ctx.options,
|
|
23515
23599
|
"wrapper-class": "lupa-search-results-image-wrapper",
|
|
@@ -23518,16 +23602,16 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
|
|
|
23518
23602
|
};
|
|
23519
23603
|
}
|
|
23520
23604
|
});
|
|
23521
|
-
const _hoisted_1$
|
|
23522
|
-
const _hoisted_2$
|
|
23523
|
-
const _hoisted_3$
|
|
23524
|
-
const _hoisted_4$
|
|
23605
|
+
const _hoisted_1$v = ["title", "innerHTML"];
|
|
23606
|
+
const _hoisted_2$o = ["title"];
|
|
23607
|
+
const _hoisted_3$i = ["href", "innerHTML"];
|
|
23608
|
+
const _hoisted_4$b = ["title"];
|
|
23525
23609
|
const _hoisted_5$6 = {
|
|
23526
23610
|
key: 0,
|
|
23527
23611
|
class: "lupa-search-results-product-title-text"
|
|
23528
23612
|
};
|
|
23529
23613
|
const _hoisted_6$4 = ["href"];
|
|
23530
|
-
const _sfc_main$
|
|
23614
|
+
const _sfc_main$z = /* @__PURE__ */ defineComponent({
|
|
23531
23615
|
__name: "SearchResultsProductTitle",
|
|
23532
23616
|
props: {
|
|
23533
23617
|
item: {},
|
|
@@ -23564,7 +23648,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
|
|
|
23564
23648
|
style: normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`),
|
|
23565
23649
|
title: sanitizedTitle.value,
|
|
23566
23650
|
innerHTML: sanitizedTitle.value
|
|
23567
|
-
}, null, 12, _hoisted_1$
|
|
23651
|
+
}, null, 12, _hoisted_1$v)) : isHtml.value && _ctx.options.link ? (openBlock(), createElementBlock("div", {
|
|
23568
23652
|
key: 1,
|
|
23569
23653
|
class: "lupa-search-results-product-title",
|
|
23570
23654
|
style: normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`),
|
|
@@ -23575,8 +23659,8 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
|
|
|
23575
23659
|
class: "lupa-search-results-product-title-text lupa-title-link",
|
|
23576
23660
|
innerHTML: sanitizedTitle.value,
|
|
23577
23661
|
onClick: handleNavigation
|
|
23578
|
-
}, null, 8, _hoisted_3$
|
|
23579
|
-
], 12, _hoisted_2$
|
|
23662
|
+
}, null, 8, _hoisted_3$i)
|
|
23663
|
+
], 12, _hoisted_2$o)) : (openBlock(), createElementBlock("div", {
|
|
23580
23664
|
key: 2,
|
|
23581
23665
|
class: "lupa-search-results-product-title",
|
|
23582
23666
|
style: normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`),
|
|
@@ -23589,12 +23673,12 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
|
|
|
23589
23673
|
class: "lupa-search-results-product-title-text lupa-title-link",
|
|
23590
23674
|
onClick: handleNavigation
|
|
23591
23675
|
}, toDisplayString(title.value), 9, _hoisted_6$4)) : createCommentVNode("", true)
|
|
23592
|
-
], 12, _hoisted_4$
|
|
23676
|
+
], 12, _hoisted_4$b));
|
|
23593
23677
|
};
|
|
23594
23678
|
}
|
|
23595
23679
|
});
|
|
23596
|
-
const _hoisted_1$
|
|
23597
|
-
const _sfc_main$
|
|
23680
|
+
const _hoisted_1$u = ["innerHTML"];
|
|
23681
|
+
const _sfc_main$y = /* @__PURE__ */ defineComponent({
|
|
23598
23682
|
__name: "SearchResultsProductDescription",
|
|
23599
23683
|
props: {
|
|
23600
23684
|
item: {},
|
|
@@ -23621,7 +23705,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
|
|
|
23621
23705
|
class: "lupa-search-results-product-description",
|
|
23622
23706
|
style: normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`),
|
|
23623
23707
|
innerHTML: sanitizedDescription.value
|
|
23624
|
-
}, null, 12, _hoisted_1$
|
|
23708
|
+
}, null, 12, _hoisted_1$u)) : (openBlock(), createElementBlock("div", {
|
|
23625
23709
|
key: 1,
|
|
23626
23710
|
class: "lupa-search-results-product-description",
|
|
23627
23711
|
style: normalizeStyle(`-webkit-line-clamp: ${maxLines.value}`)
|
|
@@ -23629,15 +23713,15 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
|
|
|
23629
23713
|
};
|
|
23630
23714
|
}
|
|
23631
23715
|
});
|
|
23632
|
-
const _hoisted_1$
|
|
23633
|
-
const _hoisted_2$
|
|
23634
|
-
const _hoisted_3$
|
|
23635
|
-
const _hoisted_4$
|
|
23716
|
+
const _hoisted_1$t = { id: "lupa-search-results-rating" };
|
|
23717
|
+
const _hoisted_2$n = { class: "lupa-ratings" };
|
|
23718
|
+
const _hoisted_3$h = { class: "lupa-ratings-base" };
|
|
23719
|
+
const _hoisted_4$a = ["innerHTML"];
|
|
23636
23720
|
const _hoisted_5$5 = { class: "lupa-rating-wrapper" };
|
|
23637
23721
|
const _hoisted_6$3 = ["innerHTML"];
|
|
23638
23722
|
const _hoisted_7$2 = ["href"];
|
|
23639
23723
|
const STAR_COUNT = 5;
|
|
23640
|
-
const _sfc_main$
|
|
23724
|
+
const _sfc_main$x = /* @__PURE__ */ defineComponent({
|
|
23641
23725
|
__name: "SearchResultsProductRating",
|
|
23642
23726
|
props: {
|
|
23643
23727
|
item: {},
|
|
@@ -23674,15 +23758,15 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
|
|
|
23674
23758
|
return generateLink(props.options.links.ratingDetails, props.item);
|
|
23675
23759
|
});
|
|
23676
23760
|
return (_ctx, _cache) => {
|
|
23677
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
23678
|
-
createBaseVNode("div", _hoisted_2$
|
|
23679
|
-
createBaseVNode("div", _hoisted_3$
|
|
23761
|
+
return openBlock(), createElementBlock("div", _hoisted_1$t, [
|
|
23762
|
+
createBaseVNode("div", _hoisted_2$n, [
|
|
23763
|
+
createBaseVNode("div", _hoisted_3$h, [
|
|
23680
23764
|
(openBlock(true), createElementBlock(Fragment, null, renderList(baseStars.value, (star, index) => {
|
|
23681
23765
|
return openBlock(), createElementBlock("div", {
|
|
23682
23766
|
key: index,
|
|
23683
23767
|
innerHTML: star,
|
|
23684
23768
|
class: "lupa-rating lupa-rating-not-highlighted"
|
|
23685
|
-
}, null, 8, _hoisted_4$
|
|
23769
|
+
}, null, 8, _hoisted_4$a);
|
|
23686
23770
|
}), 128))
|
|
23687
23771
|
]),
|
|
23688
23772
|
createBaseVNode("div", _hoisted_5$5, [
|
|
@@ -23708,11 +23792,11 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
|
|
|
23708
23792
|
};
|
|
23709
23793
|
}
|
|
23710
23794
|
});
|
|
23711
|
-
const _hoisted_1$
|
|
23795
|
+
const _hoisted_1$s = {
|
|
23712
23796
|
class: "lupa-search-results-product-regular-price",
|
|
23713
23797
|
"data-cy": "lupa-search-results-product-regular-price"
|
|
23714
23798
|
};
|
|
23715
|
-
const _sfc_main$
|
|
23799
|
+
const _sfc_main$w = /* @__PURE__ */ defineComponent({
|
|
23716
23800
|
__name: "SearchResultsProductRegularPrice",
|
|
23717
23801
|
props: {
|
|
23718
23802
|
item: {},
|
|
@@ -23730,11 +23814,11 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
|
|
|
23730
23814
|
);
|
|
23731
23815
|
});
|
|
23732
23816
|
return (_ctx, _cache) => {
|
|
23733
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
23817
|
+
return openBlock(), createElementBlock("div", _hoisted_1$s, toDisplayString(price.value), 1);
|
|
23734
23818
|
};
|
|
23735
23819
|
}
|
|
23736
23820
|
});
|
|
23737
|
-
const _sfc_main$
|
|
23821
|
+
const _sfc_main$v = /* @__PURE__ */ defineComponent({
|
|
23738
23822
|
__name: "SearchResultsProductPrice",
|
|
23739
23823
|
props: {
|
|
23740
23824
|
item: {},
|
|
@@ -23764,10 +23848,10 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
|
|
|
23764
23848
|
};
|
|
23765
23849
|
}
|
|
23766
23850
|
});
|
|
23767
|
-
const _hoisted_1$
|
|
23768
|
-
const _hoisted_2$
|
|
23769
|
-
const _hoisted_3$
|
|
23770
|
-
const _sfc_main$
|
|
23851
|
+
const _hoisted_1$r = { class: "lupa-search-results-add-to-cart-wrapper" };
|
|
23852
|
+
const _hoisted_2$m = { class: "lupa-search-results-product-addtocart" };
|
|
23853
|
+
const _hoisted_3$g = ["id", "disabled", "onClick"];
|
|
23854
|
+
const _sfc_main$u = /* @__PURE__ */ defineComponent({
|
|
23771
23855
|
__name: "SearchResultsProductAddToCart",
|
|
23772
23856
|
props: {
|
|
23773
23857
|
item: {},
|
|
@@ -23805,26 +23889,26 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
|
|
|
23805
23889
|
loading.value = false;
|
|
23806
23890
|
});
|
|
23807
23891
|
return (_ctx, _cache) => {
|
|
23808
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
23809
|
-
createBaseVNode("div", _hoisted_2$
|
|
23892
|
+
return openBlock(), createElementBlock("div", _hoisted_1$r, [
|
|
23893
|
+
createBaseVNode("div", _hoisted_2$m, [
|
|
23810
23894
|
createBaseVNode("button", {
|
|
23811
23895
|
id: id.value,
|
|
23812
23896
|
class: normalizeClass(loading.value ? "lupa-add-to-cart-loading" : "lupa-add-to-cart"),
|
|
23813
23897
|
"data-cy": "lupa-add-to-cart",
|
|
23814
23898
|
disabled: !inStockValue.value || loading.value,
|
|
23815
23899
|
onClick: withModifiers(handleClick, ["stop"])
|
|
23816
|
-
}, toDisplayString(label.value), 11, _hoisted_3$
|
|
23900
|
+
}, toDisplayString(label.value), 11, _hoisted_3$g)
|
|
23817
23901
|
])
|
|
23818
23902
|
]);
|
|
23819
23903
|
};
|
|
23820
23904
|
}
|
|
23821
23905
|
});
|
|
23822
|
-
const _hoisted_1$
|
|
23823
|
-
const _hoisted_2$
|
|
23824
|
-
const _hoisted_3$
|
|
23825
|
-
const _hoisted_4$
|
|
23906
|
+
const _hoisted_1$q = ["innerHTML"];
|
|
23907
|
+
const _hoisted_2$l = { key: 0 };
|
|
23908
|
+
const _hoisted_3$f = { key: 1 };
|
|
23909
|
+
const _hoisted_4$9 = { class: "lupa-search-box-custom-label" };
|
|
23826
23910
|
const _hoisted_5$4 = { class: "lupa-search-box-custom-text" };
|
|
23827
|
-
const _sfc_main$
|
|
23911
|
+
const _sfc_main$t = /* @__PURE__ */ defineComponent({
|
|
23828
23912
|
__name: "SearchResultsProductCustom",
|
|
23829
23913
|
props: {
|
|
23830
23914
|
item: {},
|
|
@@ -23862,20 +23946,20 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
|
|
|
23862
23946
|
key: 0,
|
|
23863
23947
|
class: className.value,
|
|
23864
23948
|
innerHTML: text.value
|
|
23865
|
-
}, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$
|
|
23949
|
+
}, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$q)) : (openBlock(), createElementBlock("div", mergeProps({
|
|
23866
23950
|
key: 1,
|
|
23867
23951
|
class: className.value
|
|
23868
23952
|
}, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), [
|
|
23869
|
-
!label.value ? (openBlock(), createElementBlock("div", _hoisted_2$
|
|
23870
|
-
createBaseVNode("div", _hoisted_4$
|
|
23953
|
+
!label.value ? (openBlock(), createElementBlock("div", _hoisted_2$l, toDisplayString(text.value), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$f, [
|
|
23954
|
+
createBaseVNode("div", _hoisted_4$9, toDisplayString(label.value), 1),
|
|
23871
23955
|
createBaseVNode("div", _hoisted_5$4, toDisplayString(text.value), 1)
|
|
23872
23956
|
]))
|
|
23873
23957
|
], 16));
|
|
23874
23958
|
};
|
|
23875
23959
|
}
|
|
23876
23960
|
});
|
|
23877
|
-
const _hoisted_1$
|
|
23878
|
-
const _sfc_main$
|
|
23961
|
+
const _hoisted_1$p = ["innerHTML"];
|
|
23962
|
+
const _sfc_main$s = /* @__PURE__ */ defineComponent({
|
|
23879
23963
|
__name: "SearchResultsProductCustomHtmlElement",
|
|
23880
23964
|
props: {
|
|
23881
23965
|
item: {},
|
|
@@ -23906,15 +23990,15 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
|
|
|
23906
23990
|
return openBlock(), createElementBlock("div", mergeProps({
|
|
23907
23991
|
class: className.value,
|
|
23908
23992
|
innerHTML: text.value
|
|
23909
|
-
}, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$
|
|
23993
|
+
}, toHandlers(_ctx.options.action ? { click: handleClick } : {}, true)), null, 16, _hoisted_1$p);
|
|
23910
23994
|
};
|
|
23911
23995
|
}
|
|
23912
23996
|
});
|
|
23913
|
-
const _hoisted_1$
|
|
23914
|
-
const _hoisted_2$
|
|
23915
|
-
const _hoisted_3$
|
|
23916
|
-
const _hoisted_4$
|
|
23917
|
-
const _sfc_main$
|
|
23997
|
+
const _hoisted_1$o = { id: "lupa-search-results-rating" };
|
|
23998
|
+
const _hoisted_2$k = ["innerHTML"];
|
|
23999
|
+
const _hoisted_3$e = { class: "lupa-ratings" };
|
|
24000
|
+
const _hoisted_4$8 = ["href"];
|
|
24001
|
+
const _sfc_main$r = /* @__PURE__ */ defineComponent({
|
|
23918
24002
|
__name: "SearchResultsProductSingleStarRating",
|
|
23919
24003
|
props: {
|
|
23920
24004
|
item: {},
|
|
@@ -23942,35 +24026,35 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
|
|
|
23942
24026
|
return RATING_STAR_HTML;
|
|
23943
24027
|
});
|
|
23944
24028
|
return (_ctx, _cache) => {
|
|
23945
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
24029
|
+
return openBlock(), createElementBlock("div", _hoisted_1$o, [
|
|
23946
24030
|
createBaseVNode("div", {
|
|
23947
24031
|
innerHTML: star.value,
|
|
23948
24032
|
class: "lupa-rating lupa-rating-highlighted"
|
|
23949
|
-
}, null, 8, _hoisted_2$
|
|
23950
|
-
createBaseVNode("div", _hoisted_3$
|
|
24033
|
+
}, null, 8, _hoisted_2$k),
|
|
24034
|
+
createBaseVNode("div", _hoisted_3$e, toDisplayString(rating.value), 1),
|
|
23951
24035
|
createBaseVNode("a", {
|
|
23952
24036
|
href: ratingLink.value,
|
|
23953
24037
|
class: "lupa-total-ratings"
|
|
23954
|
-
}, toDisplayString(totalRatings.value), 9, _hoisted_4$
|
|
24038
|
+
}, toDisplayString(totalRatings.value), 9, _hoisted_4$8)
|
|
23955
24039
|
]);
|
|
23956
24040
|
};
|
|
23957
24041
|
}
|
|
23958
24042
|
});
|
|
23959
24043
|
const __default__ = {
|
|
23960
24044
|
components: {
|
|
23961
|
-
SearchResultsProductImage: _sfc_main$
|
|
23962
|
-
SearchResultsProductTitle: _sfc_main$
|
|
23963
|
-
SearchResultsProductDescription: _sfc_main$
|
|
23964
|
-
SearchResultsProductRating: _sfc_main$
|
|
23965
|
-
SearchResultsProductRegularPrice: _sfc_main$
|
|
23966
|
-
SearchResultsProductPrice: _sfc_main$
|
|
23967
|
-
SearchResultsProductAddToCart: _sfc_main$
|
|
23968
|
-
SearchResultsProductCustom: _sfc_main$
|
|
23969
|
-
SearchResultsProductCustomHtmlElement: _sfc_main$
|
|
23970
|
-
SearchResultsProductSingleStarRating: _sfc_main$
|
|
23971
|
-
}
|
|
23972
|
-
};
|
|
23973
|
-
const _sfc_main$
|
|
24045
|
+
SearchResultsProductImage: _sfc_main$A,
|
|
24046
|
+
SearchResultsProductTitle: _sfc_main$z,
|
|
24047
|
+
SearchResultsProductDescription: _sfc_main$y,
|
|
24048
|
+
SearchResultsProductRating: _sfc_main$x,
|
|
24049
|
+
SearchResultsProductRegularPrice: _sfc_main$w,
|
|
24050
|
+
SearchResultsProductPrice: _sfc_main$v,
|
|
24051
|
+
SearchResultsProductAddToCart: _sfc_main$u,
|
|
24052
|
+
SearchResultsProductCustom: _sfc_main$t,
|
|
24053
|
+
SearchResultsProductCustomHtmlElement: _sfc_main$s,
|
|
24054
|
+
SearchResultsProductSingleStarRating: _sfc_main$r
|
|
24055
|
+
}
|
|
24056
|
+
};
|
|
24057
|
+
const _sfc_main$q = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValues2({}, __default__), {
|
|
23974
24058
|
__name: "SearchResultsProductCardElement",
|
|
23975
24059
|
props: {
|
|
23976
24060
|
item: {},
|
|
@@ -24046,13 +24130,14 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
|
|
|
24046
24130
|
};
|
|
24047
24131
|
}
|
|
24048
24132
|
}));
|
|
24049
|
-
const _hoisted_1$
|
|
24050
|
-
const _hoisted_2$
|
|
24133
|
+
const _hoisted_1$n = ["onMouseup"];
|
|
24134
|
+
const _hoisted_2$j = ["href"];
|
|
24135
|
+
const _hoisted_3$d = {
|
|
24051
24136
|
key: 0,
|
|
24052
24137
|
class: "lupa-out-of-stock"
|
|
24053
24138
|
};
|
|
24054
|
-
const
|
|
24055
|
-
const _sfc_main$
|
|
24139
|
+
const _hoisted_4$7 = { class: "lupa-search-result-product-details-section" };
|
|
24140
|
+
const _sfc_main$p = /* @__PURE__ */ defineComponent({
|
|
24056
24141
|
__name: "SearchResultsProductCard",
|
|
24057
24142
|
props: {
|
|
24058
24143
|
product: {},
|
|
@@ -24155,7 +24240,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
|
|
|
24155
24240
|
});
|
|
24156
24241
|
const handleClick = () => {
|
|
24157
24242
|
var _a, _b, _c, _d;
|
|
24158
|
-
|
|
24243
|
+
const event = {
|
|
24159
24244
|
queryKey: props.options.queryKey,
|
|
24160
24245
|
data: {
|
|
24161
24246
|
itemId: id.value,
|
|
@@ -24168,9 +24253,15 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
|
|
|
24168
24253
|
items: [props.product],
|
|
24169
24254
|
itemId: id.value
|
|
24170
24255
|
},
|
|
24171
|
-
options: { allowEmptySearchQuery: true }
|
|
24256
|
+
options: { allowEmptySearchQuery: true },
|
|
24257
|
+
filters: searchResultStore.hasAnyFilter ? searchResultStore.filters : void 0
|
|
24172
24258
|
}
|
|
24173
|
-
}
|
|
24259
|
+
};
|
|
24260
|
+
if (isDelayedClickTracking()) {
|
|
24261
|
+
trackingStore.trackDelayedEvent(__spreadProps2(__spreadValues2({}, event), { url: link.value }));
|
|
24262
|
+
} else {
|
|
24263
|
+
trackingStore.trackEvent(event);
|
|
24264
|
+
}
|
|
24174
24265
|
(_d = (_c = searchResultOptions.value.callbacks) == null ? void 0 : _c.onProductClick) == null ? void 0 : _d.call(_c, {
|
|
24175
24266
|
queryKey: query.value,
|
|
24176
24267
|
hasResults: true,
|
|
@@ -24203,8 +24294,11 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
|
|
|
24203
24294
|
id: "lupa-search-result-product-card",
|
|
24204
24295
|
"data-cy": "lupa-search-result-product-card",
|
|
24205
24296
|
class: ["lupa-search-result-product-card", !isInStock.value ? "lupa-out-of-stock" : ""]
|
|
24206
|
-
}, customDocumentHtmlAttributes.value, {
|
|
24207
|
-
|
|
24297
|
+
}, customDocumentHtmlAttributes.value, {
|
|
24298
|
+
onClick: handleClick,
|
|
24299
|
+
onMouseup: withModifiers(handleClick, ["middle", "exact"])
|
|
24300
|
+
}), [
|
|
24301
|
+
createVNode(_sfc_main$15, { options: badgesOptions.value }, null, 8, ["options"]),
|
|
24208
24302
|
createBaseVNode("div", {
|
|
24209
24303
|
class: normalizeClass(["lupa-search-result-product-contents", listLayoutClass.value])
|
|
24210
24304
|
}, [
|
|
@@ -24214,7 +24308,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
|
|
|
24214
24308
|
onClick: handleNavigation
|
|
24215
24309
|
}, [
|
|
24216
24310
|
(openBlock(true), createElementBlock(Fragment, null, renderList(imageElements.value, (element) => {
|
|
24217
|
-
return openBlock(), createBlock(_sfc_main$
|
|
24311
|
+
return openBlock(), createBlock(_sfc_main$q, {
|
|
24218
24312
|
class: "lupa-search-results-product-element",
|
|
24219
24313
|
item: _ctx.product,
|
|
24220
24314
|
element,
|
|
@@ -24225,16 +24319,16 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
|
|
|
24225
24319
|
onProductEvent: handleProductEvent
|
|
24226
24320
|
}, null, 8, ["item", "element", "labels", "inStock", "link"]);
|
|
24227
24321
|
}), 128)),
|
|
24228
|
-
createVNode(_sfc_main$
|
|
24322
|
+
createVNode(_sfc_main$15, {
|
|
24229
24323
|
options: badgesOptions.value,
|
|
24230
24324
|
position: "image",
|
|
24231
24325
|
class: "lupa-image-badges"
|
|
24232
24326
|
}, null, 8, ["options"]),
|
|
24233
|
-
((_a = labels.value) == null ? void 0 : _a.outOfStock) && !isInStock.value ? (openBlock(), createElementBlock("div",
|
|
24234
|
-
], 8,
|
|
24235
|
-
createBaseVNode("div",
|
|
24327
|
+
((_a = labels.value) == null ? void 0 : _a.outOfStock) && !isInStock.value ? (openBlock(), createElementBlock("div", _hoisted_3$d, toDisplayString(labels.value.outOfStock), 1)) : createCommentVNode("", true)
|
|
24328
|
+
], 8, _hoisted_2$j),
|
|
24329
|
+
createBaseVNode("div", _hoisted_4$7, [
|
|
24236
24330
|
(openBlock(true), createElementBlock(Fragment, null, renderList(detailElements.value, (element) => {
|
|
24237
|
-
return openBlock(), createBlock(_sfc_main$
|
|
24331
|
+
return openBlock(), createBlock(_sfc_main$q, {
|
|
24238
24332
|
class: "lupa-search-results-product-element",
|
|
24239
24333
|
item: _ctx.product,
|
|
24240
24334
|
element,
|
|
@@ -24252,7 +24346,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
|
|
|
24252
24346
|
class: normalizeClass("lupa-element-group-" + group)
|
|
24253
24347
|
}, [
|
|
24254
24348
|
(openBlock(true), createElementBlock(Fragment, null, renderList(getGroupElements(group), (element) => {
|
|
24255
|
-
return openBlock(), createBlock(_sfc_main$
|
|
24349
|
+
return openBlock(), createBlock(_sfc_main$q, {
|
|
24256
24350
|
class: "lupa-search-results-product-element",
|
|
24257
24351
|
item: _ctx.product,
|
|
24258
24352
|
element,
|
|
@@ -24266,16 +24360,16 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
|
|
|
24266
24360
|
], 2);
|
|
24267
24361
|
}), 128))
|
|
24268
24362
|
], 2)
|
|
24269
|
-
], 16);
|
|
24363
|
+
], 16, _hoisted_1$n);
|
|
24270
24364
|
};
|
|
24271
24365
|
}
|
|
24272
24366
|
});
|
|
24273
|
-
const _hoisted_1$
|
|
24367
|
+
const _hoisted_1$m = {
|
|
24274
24368
|
id: "lupa-search-results-similar-queries",
|
|
24275
24369
|
"data-cy": "lupa-search-results-similar-queries"
|
|
24276
24370
|
};
|
|
24277
|
-
const _hoisted_2$
|
|
24278
|
-
const _hoisted_3$
|
|
24371
|
+
const _hoisted_2$i = { class: "lupa-similar-queries-label" };
|
|
24372
|
+
const _hoisted_3$c = {
|
|
24279
24373
|
class: "lupa-similar-query-label",
|
|
24280
24374
|
"data-cy": "lupa-similar-query-label"
|
|
24281
24375
|
};
|
|
@@ -24286,7 +24380,7 @@ const _hoisted_7$1 = {
|
|
|
24286
24380
|
class: "lupa-products",
|
|
24287
24381
|
"data-cy": "lupa-products"
|
|
24288
24382
|
};
|
|
24289
|
-
const _sfc_main$
|
|
24383
|
+
const _sfc_main$o = /* @__PURE__ */ defineComponent({
|
|
24290
24384
|
__name: "SearchResultsSimilarQueries",
|
|
24291
24385
|
props: {
|
|
24292
24386
|
labels: {},
|
|
@@ -24316,11 +24410,11 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
|
|
|
24316
24410
|
paramsStore.goToResults({ searchText, facet });
|
|
24317
24411
|
};
|
|
24318
24412
|
return (_ctx, _cache) => {
|
|
24319
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
24320
|
-
createBaseVNode("div", _hoisted_2$
|
|
24413
|
+
return openBlock(), createElementBlock("div", _hoisted_1$m, [
|
|
24414
|
+
createBaseVNode("div", _hoisted_2$i, toDisplayString(_ctx.labels.similarQueries), 1),
|
|
24321
24415
|
(openBlock(true), createElementBlock(Fragment, null, renderList(similarQueries.value, (similarQuery, index) => {
|
|
24322
24416
|
return openBlock(), createElementBlock("div", { key: index }, [
|
|
24323
|
-
createBaseVNode("div", _hoisted_3$
|
|
24417
|
+
createBaseVNode("div", _hoisted_3$c, [
|
|
24324
24418
|
createBaseVNode("span", null, toDisplayString(similarQueryLabel.value), 1),
|
|
24325
24419
|
createBaseVNode("span", {
|
|
24326
24420
|
id: "lupa-similar-query-text-component",
|
|
@@ -24336,7 +24430,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
|
|
|
24336
24430
|
]),
|
|
24337
24431
|
createBaseVNode("div", _hoisted_7$1, [
|
|
24338
24432
|
(openBlock(true), createElementBlock(Fragment, null, renderList(similarQuery.items, (product, index2) => {
|
|
24339
|
-
return openBlock(), createBlock(_sfc_main$
|
|
24433
|
+
return openBlock(), createBlock(_sfc_main$p, {
|
|
24340
24434
|
style: normalizeStyle(_ctx.columnSize),
|
|
24341
24435
|
key: getDocumentKey(index2, product),
|
|
24342
24436
|
product,
|
|
@@ -24350,15 +24444,15 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
|
|
|
24350
24444
|
};
|
|
24351
24445
|
}
|
|
24352
24446
|
});
|
|
24353
|
-
const _hoisted_1$
|
|
24447
|
+
const _hoisted_1$l = {
|
|
24354
24448
|
key: 0,
|
|
24355
24449
|
class: "lupa-results-additional-panel"
|
|
24356
24450
|
};
|
|
24357
|
-
const _hoisted_2$
|
|
24451
|
+
const _hoisted_2$h = {
|
|
24358
24452
|
class: "lupa-results-additional-panel-items",
|
|
24359
24453
|
"data-cy": "lupa-results-additional-panel-items"
|
|
24360
24454
|
};
|
|
24361
|
-
const _sfc_main$
|
|
24455
|
+
const _sfc_main$n = /* @__PURE__ */ defineComponent({
|
|
24362
24456
|
__name: "AdditionalPanel",
|
|
24363
24457
|
props: {
|
|
24364
24458
|
panel: {},
|
|
@@ -24404,6 +24498,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
|
|
|
24404
24498
|
});
|
|
24405
24499
|
};
|
|
24406
24500
|
const handleQueryChange = () => {
|
|
24501
|
+
showAll.value = false;
|
|
24407
24502
|
const context = getLupaTrackingContext();
|
|
24408
24503
|
const queryBody = __spreadProps2(__spreadValues2({}, context), {
|
|
24409
24504
|
limit: props.panel.totalCountLimit,
|
|
@@ -24430,10 +24525,10 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
|
|
|
24430
24525
|
handleQueryChange();
|
|
24431
24526
|
});
|
|
24432
24527
|
return (_ctx, _cache) => {
|
|
24433
|
-
return hasResults.value ? (openBlock(), createElementBlock("div", _hoisted_1$
|
|
24434
|
-
createBaseVNode("div", _hoisted_2$
|
|
24528
|
+
return hasResults.value ? (openBlock(), createElementBlock("div", _hoisted_1$l, [
|
|
24529
|
+
createBaseVNode("div", _hoisted_2$h, [
|
|
24435
24530
|
(openBlock(true), createElementBlock(Fragment, null, renderList(visibleItems.value, (item, index) => {
|
|
24436
|
-
return openBlock(), createBlock(_sfc_main$
|
|
24531
|
+
return openBlock(), createBlock(_sfc_main$p, {
|
|
24437
24532
|
key: index,
|
|
24438
24533
|
product: item,
|
|
24439
24534
|
options: _ctx.panel,
|
|
@@ -24451,11 +24546,11 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
|
|
|
24451
24546
|
};
|
|
24452
24547
|
}
|
|
24453
24548
|
});
|
|
24454
|
-
const _hoisted_1$
|
|
24549
|
+
const _hoisted_1$k = {
|
|
24455
24550
|
key: 0,
|
|
24456
24551
|
class: "lupa-results-additional-panels"
|
|
24457
24552
|
};
|
|
24458
|
-
const _sfc_main$
|
|
24553
|
+
const _sfc_main$m = /* @__PURE__ */ defineComponent({
|
|
24459
24554
|
__name: "AdditionalPanels",
|
|
24460
24555
|
props: {
|
|
24461
24556
|
options: {},
|
|
@@ -24472,9 +24567,9 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
|
|
|
24472
24567
|
return locationPanels.value.length > 0;
|
|
24473
24568
|
});
|
|
24474
24569
|
return (_ctx, _cache) => {
|
|
24475
|
-
return isVisible.value ? (openBlock(), createElementBlock("div", _hoisted_1$
|
|
24570
|
+
return isVisible.value ? (openBlock(), createElementBlock("div", _hoisted_1$k, [
|
|
24476
24571
|
(openBlock(true), createElementBlock(Fragment, null, renderList(locationPanels.value, (panel) => {
|
|
24477
|
-
return openBlock(), createBlock(_sfc_main$
|
|
24572
|
+
return openBlock(), createBlock(_sfc_main$n, {
|
|
24478
24573
|
key: panel.queryKey,
|
|
24479
24574
|
panel,
|
|
24480
24575
|
options: _ctx.sdkOptions
|
|
@@ -24491,29 +24586,29 @@ const _export_sfc = (sfc, props) => {
|
|
|
24491
24586
|
}
|
|
24492
24587
|
return target;
|
|
24493
24588
|
};
|
|
24494
|
-
const _sfc_main$
|
|
24495
|
-
const _hoisted_1$
|
|
24496
|
-
const _hoisted_2$
|
|
24589
|
+
const _sfc_main$l = {};
|
|
24590
|
+
const _hoisted_1$j = { class: "lupa-spinner-wrapper" };
|
|
24591
|
+
const _hoisted_2$g = { class: "lupa-spinner" };
|
|
24497
24592
|
function _sfc_render(_ctx, _cache) {
|
|
24498
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
24499
|
-
createBaseVNode("div", _hoisted_2$
|
|
24593
|
+
return openBlock(), createElementBlock("div", _hoisted_1$j, [
|
|
24594
|
+
createBaseVNode("div", _hoisted_2$g, [
|
|
24500
24595
|
(openBlock(), createElementBlock(Fragment, null, renderList(12, (x2) => {
|
|
24501
24596
|
return createBaseVNode("div", { key: x2 });
|
|
24502
24597
|
}), 64))
|
|
24503
24598
|
])
|
|
24504
24599
|
]);
|
|
24505
24600
|
}
|
|
24506
|
-
const Spinner = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
24507
|
-
const _hoisted_1$
|
|
24601
|
+
const Spinner = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render]]);
|
|
24602
|
+
const _hoisted_1$i = {
|
|
24508
24603
|
id: "lupa-search-results-similar-results",
|
|
24509
24604
|
"data-cy": "lupa-search-results-similar-results"
|
|
24510
24605
|
};
|
|
24511
|
-
const _hoisted_2$
|
|
24512
|
-
const _hoisted_3$
|
|
24606
|
+
const _hoisted_2$f = { class: "lupa-similar-results-label" };
|
|
24607
|
+
const _hoisted_3$b = {
|
|
24513
24608
|
class: "lupa-products",
|
|
24514
24609
|
"data-cy": "lupa-products"
|
|
24515
24610
|
};
|
|
24516
|
-
const _sfc_main$
|
|
24611
|
+
const _sfc_main$k = /* @__PURE__ */ defineComponent({
|
|
24517
24612
|
__name: "SearchResultsSimilarResults",
|
|
24518
24613
|
props: {
|
|
24519
24614
|
columnSize: {},
|
|
@@ -24529,11 +24624,11 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
|
|
|
24529
24624
|
return getProductKey(`${index}`, product, props.productCardOptions.idKey);
|
|
24530
24625
|
};
|
|
24531
24626
|
return (_ctx, _cache) => {
|
|
24532
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
24533
|
-
createBaseVNode("div", _hoisted_2$
|
|
24534
|
-
createBaseVNode("div", _hoisted_3$
|
|
24627
|
+
return openBlock(), createElementBlock("div", _hoisted_1$i, [
|
|
24628
|
+
createBaseVNode("div", _hoisted_2$f, toDisplayString(_ctx.labels.similarResultsLabel), 1),
|
|
24629
|
+
createBaseVNode("div", _hoisted_3$b, [
|
|
24535
24630
|
(openBlock(true), createElementBlock(Fragment, null, renderList(similarResults.value.items, (product, index) => {
|
|
24536
|
-
return openBlock(), createBlock(_sfc_main$
|
|
24631
|
+
return openBlock(), createBlock(_sfc_main$p, {
|
|
24537
24632
|
style: normalizeStyle(_ctx.columnSize),
|
|
24538
24633
|
key: getDocumentKey(index, product),
|
|
24539
24634
|
product,
|
|
@@ -24569,15 +24664,15 @@ const extractRelatedSource = (source, searchResults2) => {
|
|
|
24569
24664
|
return extractFacetsRelatedSource(source, searchResults2);
|
|
24570
24665
|
}
|
|
24571
24666
|
};
|
|
24572
|
-
const _hoisted_1$
|
|
24573
|
-
const _hoisted_2$
|
|
24574
|
-
const _hoisted_3$
|
|
24667
|
+
const _hoisted_1$h = { class: "lupa-related-query-item" };
|
|
24668
|
+
const _hoisted_2$e = { class: "lupa-related-query-image" };
|
|
24669
|
+
const _hoisted_3$a = { class: "lupa-related-query-label" };
|
|
24575
24670
|
const _hoisted_4$5 = { class: "lupa-related-query-title" };
|
|
24576
24671
|
const _hoisted_5$2 = {
|
|
24577
24672
|
key: 0,
|
|
24578
24673
|
class: "lupa-related-query-count"
|
|
24579
24674
|
};
|
|
24580
|
-
const _sfc_main$
|
|
24675
|
+
const _sfc_main$j = /* @__PURE__ */ defineComponent({
|
|
24581
24676
|
__name: "RelatedQueryPanel",
|
|
24582
24677
|
props: {
|
|
24583
24678
|
query: {},
|
|
@@ -24588,7 +24683,9 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
|
|
|
24588
24683
|
const loading = ref(false);
|
|
24589
24684
|
const relatedQueryResult = ref(null);
|
|
24590
24685
|
const optionsStore = useOptionsStore();
|
|
24686
|
+
const searchResultStore = useSearchResultStore();
|
|
24591
24687
|
const { searchResultOptions } = storeToRefs(optionsStore);
|
|
24688
|
+
const { searchResult } = storeToRefs(searchResultStore);
|
|
24592
24689
|
const mainImage = computed(() => {
|
|
24593
24690
|
var _a, _b, _c;
|
|
24594
24691
|
return (_c = (_b = (_a = searchResultOptions.value) == null ? void 0 : _a.elements) == null ? void 0 : _b.find((e2) => e2.type === DocumentElementType.IMAGE)) != null ? _c : "";
|
|
@@ -24613,24 +24710,34 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
|
|
|
24613
24710
|
var _a, _b;
|
|
24614
24711
|
return (_b = (_a = relatedQueryResult.value) == null ? void 0 : _a.total) != null ? _b : 0;
|
|
24615
24712
|
});
|
|
24713
|
+
const searchText = computed(() => {
|
|
24714
|
+
var _a, _b, _c;
|
|
24715
|
+
return ((_a = props.options.source) == null ? void 0 : _a.mode) === "filter" ? (_b = searchResult.value) == null ? void 0 : _b.searchText : (_c = props.query) == null ? void 0 : _c.toLowerCase();
|
|
24716
|
+
});
|
|
24717
|
+
const relatedQueryFilters = computed(() => {
|
|
24718
|
+
var _a, _b, _c;
|
|
24719
|
+
return ((_a = props.options.source) == null ? void 0 : _a.mode) === "filter" ? {
|
|
24720
|
+
[(_c = (_b = props.options) == null ? void 0 : _b.source) == null ? void 0 : _c.key]: [props.query]
|
|
24721
|
+
} : {};
|
|
24722
|
+
});
|
|
24616
24723
|
const searchForRelatedQuery = () => __async2(this, null, function* () {
|
|
24617
|
-
var _a, _b, _c
|
|
24724
|
+
var _a, _b, _c;
|
|
24618
24725
|
if (!props.query) {
|
|
24619
24726
|
return;
|
|
24620
24727
|
}
|
|
24621
|
-
const lupaQuery = { searchText:
|
|
24728
|
+
const lupaQuery = { searchText: searchText.value, limit: 1, filters: relatedQueryFilters.value };
|
|
24622
24729
|
try {
|
|
24623
24730
|
loading.value = true;
|
|
24624
24731
|
const result2 = yield LupaSearchSdk.query(
|
|
24625
24732
|
queryKey.value,
|
|
24626
24733
|
lupaQuery,
|
|
24627
|
-
(
|
|
24734
|
+
(_a = searchResultOptions.value) == null ? void 0 : _a.options
|
|
24628
24735
|
);
|
|
24629
24736
|
if (result2.success) {
|
|
24630
24737
|
relatedQueryResult.value = result2;
|
|
24631
24738
|
}
|
|
24632
24739
|
} catch (error) {
|
|
24633
|
-
(
|
|
24740
|
+
(_c = (_b = searchResultOptions.value) == null ? void 0 : _b.options) == null ? void 0 : _c.onError(error);
|
|
24634
24741
|
} finally {
|
|
24635
24742
|
loading.value = false;
|
|
24636
24743
|
}
|
|
@@ -24646,9 +24753,9 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
|
|
|
24646
24753
|
});
|
|
24647
24754
|
return (_ctx, _cache) => {
|
|
24648
24755
|
var _a;
|
|
24649
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
24650
|
-
createBaseVNode("div", _hoisted_2$
|
|
24651
|
-
firstResultItem.value && image.value ? (openBlock(), createBlock(_sfc_main$
|
|
24756
|
+
return openBlock(), createElementBlock("div", _hoisted_1$h, [
|
|
24757
|
+
createBaseVNode("div", _hoisted_2$e, [
|
|
24758
|
+
firstResultItem.value && image.value ? (openBlock(), createBlock(_sfc_main$1l, {
|
|
24652
24759
|
key: 0,
|
|
24653
24760
|
"wrapper-class": "lupa-related-query-image-wrapper",
|
|
24654
24761
|
"image-class": "lupa-related-query-image",
|
|
@@ -24656,7 +24763,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
|
|
|
24656
24763
|
options: image.value
|
|
24657
24764
|
}, null, 8, ["item", "options"])) : createCommentVNode("", true)
|
|
24658
24765
|
]),
|
|
24659
|
-
createBaseVNode("div", _hoisted_3$
|
|
24766
|
+
createBaseVNode("div", _hoisted_3$a, [
|
|
24660
24767
|
createBaseVNode("span", _hoisted_4$5, toDisplayString(_ctx.query), 1),
|
|
24661
24768
|
((_a = _ctx.options) == null ? void 0 : _a.showCount) ? (openBlock(), createElementBlock("span", _hoisted_5$2, "(" + toDisplayString(totalItemCount.value) + ")", 1)) : createCommentVNode("", true)
|
|
24662
24769
|
])
|
|
@@ -24664,16 +24771,16 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
|
|
|
24664
24771
|
};
|
|
24665
24772
|
}
|
|
24666
24773
|
});
|
|
24667
|
-
const _hoisted_1$
|
|
24774
|
+
const _hoisted_1$g = {
|
|
24668
24775
|
key: 0,
|
|
24669
24776
|
class: "lupa-related-queries"
|
|
24670
24777
|
};
|
|
24671
|
-
const _hoisted_2$
|
|
24778
|
+
const _hoisted_2$d = {
|
|
24672
24779
|
key: 0,
|
|
24673
24780
|
class: "lupa-related-queries-title"
|
|
24674
24781
|
};
|
|
24675
|
-
const _hoisted_3$
|
|
24676
|
-
const _sfc_main$
|
|
24782
|
+
const _hoisted_3$9 = ["onClick"];
|
|
24783
|
+
const _sfc_main$i = /* @__PURE__ */ defineComponent({
|
|
24677
24784
|
__name: "RelatedQueries",
|
|
24678
24785
|
props: {
|
|
24679
24786
|
options: {}
|
|
@@ -24682,12 +24789,18 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
|
|
|
24682
24789
|
const props = __props;
|
|
24683
24790
|
const searchResultStore = useSearchResultStore();
|
|
24684
24791
|
const paramsStore = useParamsStore();
|
|
24792
|
+
const optionsStore = useOptionsStore();
|
|
24685
24793
|
const { searchResult } = storeToRefs(searchResultStore);
|
|
24794
|
+
const currentSearchText = computed(() => {
|
|
24795
|
+
var _a, _b;
|
|
24796
|
+
return (_b = (_a = searchResult.value) == null ? void 0 : _a.searchText) != null ? _b : "";
|
|
24797
|
+
});
|
|
24686
24798
|
const relatedQueries = computed(() => {
|
|
24687
24799
|
if (!props.options || !searchResult.value) {
|
|
24688
24800
|
return [];
|
|
24689
24801
|
}
|
|
24690
|
-
|
|
24802
|
+
const queries = extractRelatedSource(props.options.source, searchResult.value);
|
|
24803
|
+
return queries;
|
|
24691
24804
|
});
|
|
24692
24805
|
const hasEnoughRelatedQueries = computed(() => {
|
|
24693
24806
|
return relatedQueries.value.length > 1;
|
|
@@ -24695,28 +24808,130 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
|
|
|
24695
24808
|
const goToResults = ({ searchText }) => {
|
|
24696
24809
|
paramsStore.goToResults({ searchText });
|
|
24697
24810
|
};
|
|
24811
|
+
const handleRelatedQueryClick = (query) => {
|
|
24812
|
+
var _a;
|
|
24813
|
+
if (((_a = props.options.source) == null ? void 0 : _a.mode) === "filter") {
|
|
24814
|
+
handleFilter(query);
|
|
24815
|
+
} else {
|
|
24816
|
+
goToResults({ searchText: query });
|
|
24817
|
+
}
|
|
24818
|
+
};
|
|
24819
|
+
const handleFilter = (query) => {
|
|
24820
|
+
var _a, _b;
|
|
24821
|
+
const facet = (_b = (_a = searchResult.value) == null ? void 0 : _a.facets) == null ? void 0 : _b.find(
|
|
24822
|
+
(facet2) => {
|
|
24823
|
+
var _a2, _b2;
|
|
24824
|
+
return facet2.key === ((_b2 = (_a2 = props.options) == null ? void 0 : _a2.source) == null ? void 0 : _b2.key);
|
|
24825
|
+
}
|
|
24826
|
+
);
|
|
24827
|
+
if (!facet || facet.type !== "terms") {
|
|
24828
|
+
return [];
|
|
24829
|
+
}
|
|
24830
|
+
toggleTermFilter(
|
|
24831
|
+
paramsStore.appendParams,
|
|
24832
|
+
{ type: "terms", key: facet.key, value: query },
|
|
24833
|
+
optionsStore.getQueryParamName,
|
|
24834
|
+
{}
|
|
24835
|
+
);
|
|
24836
|
+
};
|
|
24837
|
+
const getSelectedFilterClass = (query) => {
|
|
24838
|
+
var _a, _b, _c, _d, _e, _f;
|
|
24839
|
+
if (((_a = props.options.source) == null ? void 0 : _a.mode) !== "filter") {
|
|
24840
|
+
return "";
|
|
24841
|
+
}
|
|
24842
|
+
return Array.isArray((_c = (_b = searchResult.value) == null ? void 0 : _b.filters) == null ? void 0 : _c[props.options.source.key]) && ((_f = (_e = (_d = searchResult.value) == null ? void 0 : _d.filters) == null ? void 0 : _e[props.options.source.key]) == null ? void 0 : _f.includes(
|
|
24843
|
+
query
|
|
24844
|
+
)) ? "lupa-selected-related-query-filter" : "";
|
|
24845
|
+
};
|
|
24698
24846
|
return (_ctx, _cache) => {
|
|
24699
24847
|
var _a, _b, _c, _d;
|
|
24700
|
-
return _ctx.options && hasEnoughRelatedQueries.value ? (openBlock(), createElementBlock("div", _hoisted_1$
|
|
24701
|
-
((_b = (_a = _ctx.options) == null ? void 0 : _a.labels) == null ? void 0 : _b.title) ? (openBlock(), createElementBlock("h3", _hoisted_2$
|
|
24848
|
+
return _ctx.options && hasEnoughRelatedQueries.value ? (openBlock(), createElementBlock("div", _hoisted_1$g, [
|
|
24849
|
+
((_b = (_a = _ctx.options) == null ? void 0 : _a.labels) == null ? void 0 : _b.title) ? (openBlock(), createElementBlock("h3", _hoisted_2$d, toDisplayString((_d = (_c = _ctx.options) == null ? void 0 : _c.labels) == null ? void 0 : _d.title), 1)) : createCommentVNode("", true),
|
|
24702
24850
|
createBaseVNode("ul", null, [
|
|
24703
24851
|
(openBlock(true), createElementBlock(Fragment, null, renderList(relatedQueries.value, (query) => {
|
|
24704
|
-
return openBlock(), createElementBlock("li", {
|
|
24852
|
+
return openBlock(), createElementBlock("li", {
|
|
24853
|
+
key: query + currentSearchText.value,
|
|
24854
|
+
class: normalizeClass(getSelectedFilterClass(query))
|
|
24855
|
+
}, [
|
|
24705
24856
|
createBaseVNode("a", {
|
|
24706
|
-
onClick: ($event) =>
|
|
24857
|
+
onClick: ($event) => handleRelatedQueryClick(query)
|
|
24707
24858
|
}, [
|
|
24708
|
-
createVNode(_sfc_main$
|
|
24859
|
+
createVNode(_sfc_main$j, {
|
|
24709
24860
|
options: _ctx.options,
|
|
24710
24861
|
query
|
|
24711
24862
|
}, null, 8, ["options", "query"])
|
|
24712
|
-
], 8, _hoisted_3$
|
|
24713
|
-
]);
|
|
24863
|
+
], 8, _hoisted_3$9)
|
|
24864
|
+
], 2);
|
|
24714
24865
|
}), 128))
|
|
24715
24866
|
])
|
|
24716
24867
|
])) : createCommentVNode("", true);
|
|
24717
24868
|
};
|
|
24718
24869
|
}
|
|
24719
24870
|
});
|
|
24871
|
+
const checkHasMatchCharacters = (option, searchText) => {
|
|
24872
|
+
var _a, _b;
|
|
24873
|
+
return (_b = (_a = option.matchCharacters) == null ? void 0 : _a.split("")) == null ? void 0 : _b.some((char) => searchText.includes(char));
|
|
24874
|
+
};
|
|
24875
|
+
const checkHasMatchWords = (option, searchText) => {
|
|
24876
|
+
var _a;
|
|
24877
|
+
return (_a = searchText.split(" ")) == null ? void 0 : _a.some((word) => {
|
|
24878
|
+
var _a2;
|
|
24879
|
+
return (_a2 = option.matchWords) == null ? void 0 : _a2.includes(word);
|
|
24880
|
+
});
|
|
24881
|
+
};
|
|
24882
|
+
const extractRedirectionSuggestion = (searchText = "", options) => {
|
|
24883
|
+
for (const option of options || []) {
|
|
24884
|
+
const hasMatchCharacters = option.matchCharacters;
|
|
24885
|
+
const hasMatchWords = option.matchWords;
|
|
24886
|
+
if (hasMatchCharacters && !hasMatchWords && checkHasMatchCharacters(option, searchText)) {
|
|
24887
|
+
return option;
|
|
24888
|
+
}
|
|
24889
|
+
if (hasMatchWords && !hasMatchCharacters && checkHasMatchWords(option, searchText)) {
|
|
24890
|
+
return option;
|
|
24891
|
+
}
|
|
24892
|
+
if (hasMatchCharacters && hasMatchWords && checkHasMatchCharacters(option, searchText) && checkHasMatchWords(option, searchText)) {
|
|
24893
|
+
return option;
|
|
24894
|
+
}
|
|
24895
|
+
}
|
|
24896
|
+
return null;
|
|
24897
|
+
};
|
|
24898
|
+
const _hoisted_1$f = {
|
|
24899
|
+
key: 0,
|
|
24900
|
+
class: "lupa-redirection-suggestion"
|
|
24901
|
+
};
|
|
24902
|
+
const _hoisted_2$c = { class: "lupa-redirections-suggestion-label" };
|
|
24903
|
+
const _hoisted_3$8 = ["href"];
|
|
24904
|
+
const _sfc_main$h = /* @__PURE__ */ defineComponent({
|
|
24905
|
+
__name: "RedirectionSuggestions",
|
|
24906
|
+
props: {
|
|
24907
|
+
options: {}
|
|
24908
|
+
},
|
|
24909
|
+
setup(__props) {
|
|
24910
|
+
const props = __props;
|
|
24911
|
+
const searchResultStore = useSearchResultStore();
|
|
24912
|
+
const optionsStore = useOptionsStore();
|
|
24913
|
+
const { searchResult } = storeToRefs(searchResultStore);
|
|
24914
|
+
const searchText = computed(() => searchResult.value.searchText);
|
|
24915
|
+
const redirectionSuggestion = computed(() => {
|
|
24916
|
+
return extractRedirectionSuggestion(searchText.value, props.options);
|
|
24917
|
+
});
|
|
24918
|
+
const label = computed(() => addParamsToLabel(redirectionSuggestion.value.label, searchText.value));
|
|
24919
|
+
const link = computed(
|
|
24920
|
+
() => generateResultLink(
|
|
24921
|
+
redirectionSuggestion.value.link,
|
|
24922
|
+
optionsStore.getQueryParamName,
|
|
24923
|
+
searchText.value
|
|
24924
|
+
)
|
|
24925
|
+
);
|
|
24926
|
+
return (_ctx, _cache) => {
|
|
24927
|
+
return redirectionSuggestion.value && label.value && link.value ? (openBlock(), createElementBlock("div", _hoisted_1$f, [
|
|
24928
|
+
createBaseVNode("h4", _hoisted_2$c, [
|
|
24929
|
+
createBaseVNode("a", { href: link.value }, toDisplayString(label.value), 9, _hoisted_3$8)
|
|
24930
|
+
])
|
|
24931
|
+
])) : createCommentVNode("", true);
|
|
24932
|
+
};
|
|
24933
|
+
}
|
|
24934
|
+
});
|
|
24720
24935
|
const _hoisted_1$e = { id: "lupa-search-results-products" };
|
|
24721
24936
|
const _hoisted_2$b = {
|
|
24722
24937
|
class: "lupa-products",
|
|
@@ -24846,27 +25061,30 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
|
|
|
24846
25061
|
key: 0,
|
|
24847
25062
|
class: "lupa-loader"
|
|
24848
25063
|
})) : createCommentVNode("", true),
|
|
24849
|
-
createVNode(_sfc_main$
|
|
25064
|
+
createVNode(_sfc_main$h, {
|
|
25065
|
+
options: _ctx.options.redirectionSuggestions
|
|
25066
|
+
}, null, 8, ["options"]),
|
|
25067
|
+
createVNode(_sfc_main$m, {
|
|
24850
25068
|
options: _ctx.options,
|
|
24851
25069
|
location: "top",
|
|
24852
25070
|
sdkOptions: _ctx.options.options
|
|
24853
25071
|
}, null, 8, ["options", "sdkOptions"]),
|
|
24854
|
-
createVNode(_sfc_main$
|
|
25072
|
+
createVNode(_sfc_main$i, {
|
|
24855
25073
|
options: _ctx.options.relatedQueries
|
|
24856
25074
|
}, null, 8, ["options"]),
|
|
24857
25075
|
unref(hasResults) ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
|
|
24858
|
-
showTopFilters.value ? (openBlock(), createBlock(_sfc_main$
|
|
25076
|
+
showTopFilters.value ? (openBlock(), createBlock(_sfc_main$H, {
|
|
24859
25077
|
key: 0,
|
|
24860
25078
|
options: (_a = _ctx.options.filters) != null ? _a : {}
|
|
24861
25079
|
}, null, 8, ["options"])) : createCommentVNode("", true),
|
|
24862
|
-
showMobileFilters.value ? (openBlock(), createBlock(_sfc_main$
|
|
25080
|
+
showMobileFilters.value ? (openBlock(), createBlock(_sfc_main$B, {
|
|
24863
25081
|
key: 1,
|
|
24864
25082
|
class: "lupa-toolbar-mobile",
|
|
24865
25083
|
options: _ctx.options,
|
|
24866
25084
|
"pagination-location": "top",
|
|
24867
25085
|
onFilter: filter2
|
|
24868
25086
|
}, null, 8, ["options"])) : createCommentVNode("", true),
|
|
24869
|
-
currentFilterOptions.value && currentFilterPositionDesktop.value === "pageTop" ? (openBlock(), createBlock(_sfc_main$
|
|
25087
|
+
currentFilterOptions.value && currentFilterPositionDesktop.value === "pageTop" ? (openBlock(), createBlock(_sfc_main$V, {
|
|
24870
25088
|
key: 2,
|
|
24871
25089
|
class: normalizeClass(currentFiltersClass.value),
|
|
24872
25090
|
"data-cy": "lupa-search-result-filters-mobile-toolbar",
|
|
@@ -24875,12 +25093,12 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
|
|
|
24875
25093
|
}, null, 8, ["class", "options", "expandable"])) : createCommentVNode("", true)
|
|
24876
25094
|
], 64)) : createCommentVNode("", true),
|
|
24877
25095
|
unref(hasResults) ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
|
|
24878
|
-
createVNode(_sfc_main$
|
|
25096
|
+
createVNode(_sfc_main$B, {
|
|
24879
25097
|
class: "lupa-toolbar-top",
|
|
24880
25098
|
options: _ctx.options,
|
|
24881
25099
|
"pagination-location": "top"
|
|
24882
25100
|
}, null, 8, ["options"]),
|
|
24883
|
-
currentFilterOptions.value && currentFilterPositionDesktop.value === "resultsTop" ? (openBlock(), createBlock(_sfc_main$
|
|
25101
|
+
currentFilterOptions.value && currentFilterPositionDesktop.value === "resultsTop" ? (openBlock(), createBlock(_sfc_main$V, {
|
|
24884
25102
|
key: 0,
|
|
24885
25103
|
class: normalizeClass(currentFiltersClass.value),
|
|
24886
25104
|
"data-cy": "lupa-search-result-filters-mobile-toolbar",
|
|
@@ -24896,7 +25114,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
|
|
|
24896
25114
|
options: productCardOptions.value
|
|
24897
25115
|
});
|
|
24898
25116
|
}), 128)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(unref(searchResult).items, (product, index) => {
|
|
24899
|
-
return openBlock(), createBlock(_sfc_main$
|
|
25117
|
+
return openBlock(), createBlock(_sfc_main$p, {
|
|
24900
25118
|
style: normalizeStyle(columnSize.value),
|
|
24901
25119
|
key: getProductKeyAction(index, product),
|
|
24902
25120
|
product,
|
|
@@ -24912,12 +25130,12 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
|
|
|
24912
25130
|
onClick: goToFirstPage
|
|
24913
25131
|
}, toDisplayString(_ctx.options.labels.backToFirstPage), 1)) : createCommentVNode("", true)
|
|
24914
25132
|
])) : createCommentVNode("", true),
|
|
24915
|
-
createVNode(_sfc_main$
|
|
25133
|
+
createVNode(_sfc_main$B, {
|
|
24916
25134
|
class: "lupa-toolbar-bottom",
|
|
24917
25135
|
options: _ctx.options,
|
|
24918
25136
|
"pagination-location": "bottom"
|
|
24919
25137
|
}, null, 8, ["options"]),
|
|
24920
|
-
createVNode(_sfc_main$
|
|
25138
|
+
createVNode(_sfc_main$m, {
|
|
24921
25139
|
options: _ctx.options,
|
|
24922
25140
|
location: "bottom",
|
|
24923
25141
|
sdkOptions: _ctx.options.options
|
|
@@ -24927,14 +25145,14 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
|
|
|
24927
25145
|
createBaseVNode("span", null, toDisplayString(unref(currentQueryText)), 1)
|
|
24928
25146
|
])) : createCommentVNode("", true),
|
|
24929
25147
|
hasSimilarQueries.value ? (openBlock(), createElementBlock("div", _hoisted_5$1, [
|
|
24930
|
-
createVNode(_sfc_main$
|
|
25148
|
+
createVNode(_sfc_main$o, {
|
|
24931
25149
|
labels: similarQueriesLabels.value,
|
|
24932
25150
|
columnSize: columnSize.value,
|
|
24933
25151
|
productCardOptions: productCardOptions.value
|
|
24934
25152
|
}, null, 8, ["labels", "columnSize", "productCardOptions"])
|
|
24935
25153
|
])) : createCommentVNode("", true),
|
|
24936
25154
|
hasSimilarResults.value ? (openBlock(), createElementBlock("div", _hoisted_6$1, [
|
|
24937
|
-
createVNode(_sfc_main$
|
|
25155
|
+
createVNode(_sfc_main$k, {
|
|
24938
25156
|
labels: similarResultsLabels.value,
|
|
24939
25157
|
columnSize: columnSize.value,
|
|
24940
25158
|
productCardOptions: productCardOptions.value
|
|
@@ -25003,14 +25221,14 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
|
|
|
25003
25221
|
])) : createCommentVNode("", true),
|
|
25004
25222
|
createBaseVNode("div", _hoisted_4$3, [
|
|
25005
25223
|
(openBlock(true), createElementBlock(Fragment, null, renderList(unref(relatedCategoryChildren), (child) => {
|
|
25006
|
-
return openBlock(), createBlock(_sfc_main$
|
|
25224
|
+
return openBlock(), createBlock(_sfc_main$U, {
|
|
25007
25225
|
key: getCategoryKey(child),
|
|
25008
25226
|
item: child,
|
|
25009
25227
|
options: categoryOptions.value
|
|
25010
25228
|
}, null, 8, ["item", "options"]);
|
|
25011
25229
|
}), 128))
|
|
25012
25230
|
]),
|
|
25013
|
-
createVNode(_sfc_main$
|
|
25231
|
+
createVNode(_sfc_main$B, {
|
|
25014
25232
|
class: "lupa-toolbar-mobile",
|
|
25015
25233
|
"pagination-location": "top",
|
|
25016
25234
|
options: _ctx.options
|
|
@@ -25242,8 +25460,8 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
|
|
|
25242
25460
|
class: normalizeClass(["lupa-search-result-wrapper", { "lupa-search-wrapper-no-results": !unref(hasResults) }])
|
|
25243
25461
|
}, [
|
|
25244
25462
|
_ctx.isContainer ? (openBlock(), createElementBlock("div", _hoisted_1$c, [
|
|
25245
|
-
createVNode(_sfc_main$
|
|
25246
|
-
createVNode(_sfc_main$
|
|
25463
|
+
createVNode(_sfc_main$Z, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
|
|
25464
|
+
createVNode(_sfc_main$X, {
|
|
25247
25465
|
"show-summary": true,
|
|
25248
25466
|
options: _ctx.options,
|
|
25249
25467
|
"is-product-list": (_a = _ctx.isProductList) != null ? _a : false
|
|
@@ -25253,17 +25471,17 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
|
|
|
25253
25471
|
key: 1,
|
|
25254
25472
|
options: _ctx.options
|
|
25255
25473
|
}, null, 8, ["options"])) : createCommentVNode("", true),
|
|
25256
|
-
_ctx.options.filters ? (openBlock(), createBlock(_sfc_main$
|
|
25474
|
+
_ctx.options.filters ? (openBlock(), createBlock(_sfc_main$J, {
|
|
25257
25475
|
key: 2,
|
|
25258
25476
|
options: _ctx.options.filters,
|
|
25259
25477
|
onFilter: handleParamsChange
|
|
25260
25478
|
}, null, 8, ["options"])) : createCommentVNode("", true),
|
|
25261
|
-
unref(currentQueryText) || _ctx.isProductList ? (openBlock(), createBlock(_sfc_main$
|
|
25479
|
+
unref(currentQueryText) || _ctx.isProductList ? (openBlock(), createBlock(_sfc_main$I, {
|
|
25262
25480
|
key: 3,
|
|
25263
25481
|
breadcrumbs: _ctx.options.breadcrumbs
|
|
25264
25482
|
}, null, 8, ["breadcrumbs"])) : createCommentVNode("", true),
|
|
25265
25483
|
isTitleResultTopPosition.value ? (openBlock(), createElementBlock("div", _hoisted_2$9, [
|
|
25266
|
-
showFilterSidebar.value ? (openBlock(), createBlock(_sfc_main$
|
|
25484
|
+
showFilterSidebar.value ? (openBlock(), createBlock(_sfc_main$K, {
|
|
25267
25485
|
key: 0,
|
|
25268
25486
|
options: (_b = _ctx.options.filters) != null ? _b : {},
|
|
25269
25487
|
ref_key: "searchResultsFilters",
|
|
@@ -25271,8 +25489,8 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
|
|
|
25271
25489
|
onFilter: handleParamsChange
|
|
25272
25490
|
}, null, 8, ["options"])) : createCommentVNode("", true),
|
|
25273
25491
|
createBaseVNode("div", _hoisted_3$5, [
|
|
25274
|
-
createVNode(_sfc_main$
|
|
25275
|
-
createVNode(_sfc_main$
|
|
25492
|
+
createVNode(_sfc_main$Z, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
|
|
25493
|
+
createVNode(_sfc_main$X, {
|
|
25276
25494
|
options: _ctx.options,
|
|
25277
25495
|
"is-product-list": (_c = _ctx.isProductList) != null ? _c : false
|
|
25278
25496
|
}, null, 8, ["options", "is-product-list"]),
|
|
@@ -25288,13 +25506,13 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
|
|
|
25288
25506
|
}, 8, ["options", "ssr"])
|
|
25289
25507
|
])
|
|
25290
25508
|
])) : (openBlock(), createElementBlock(Fragment, { key: 5 }, [
|
|
25291
|
-
createVNode(_sfc_main$
|
|
25292
|
-
createVNode(_sfc_main$
|
|
25509
|
+
createVNode(_sfc_main$Z, { labels: didYouMeanLabels.value }, null, 8, ["labels"]),
|
|
25510
|
+
createVNode(_sfc_main$X, {
|
|
25293
25511
|
options: _ctx.options,
|
|
25294
25512
|
"is-product-list": (_d = _ctx.isProductList) != null ? _d : false
|
|
25295
25513
|
}, null, 8, ["options", "is-product-list"]),
|
|
25296
25514
|
createBaseVNode("div", _hoisted_4$2, [
|
|
25297
|
-
showFilterSidebar.value ? (openBlock(), createBlock(_sfc_main$
|
|
25515
|
+
showFilterSidebar.value ? (openBlock(), createBlock(_sfc_main$K, {
|
|
25298
25516
|
key: 0,
|
|
25299
25517
|
options: (_e = _ctx.options.filters) != null ? _e : {},
|
|
25300
25518
|
ref_key: "searchResultsFilters",
|
|
@@ -30984,7 +31202,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
|
|
|
30984
31202
|
onClick: withModifiers(innerClick, ["stop"])
|
|
30985
31203
|
}, [
|
|
30986
31204
|
createBaseVNode("div", _hoisted_2$7, [
|
|
30987
|
-
createVNode(_sfc_main$
|
|
31205
|
+
createVNode(_sfc_main$_, {
|
|
30988
31206
|
options: fullSearchBoxOptions.value,
|
|
30989
31207
|
"is-search-container": true,
|
|
30990
31208
|
ref_key: "searchBox",
|
|
@@ -31874,7 +32092,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
|
|
|
31874
32092
|
key: getProductKeyAction(index, product)
|
|
31875
32093
|
}, {
|
|
31876
32094
|
default: withCtx(() => [
|
|
31877
|
-
createVNode(_sfc_main$
|
|
32095
|
+
createVNode(_sfc_main$p, {
|
|
31878
32096
|
product,
|
|
31879
32097
|
options: _ctx.options,
|
|
31880
32098
|
"click-tracking-settings": clickTrackingSettings.value
|
|
@@ -31887,7 +32105,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
|
|
|
31887
32105
|
_: 1
|
|
31888
32106
|
}, 16)) : (openBlock(), createElementBlock("div", _hoisted_3$4, [
|
|
31889
32107
|
(openBlock(true), createElementBlock(Fragment, null, renderList(recommendations2.value, (product, index) => {
|
|
31890
|
-
return openBlock(), createBlock(_sfc_main$
|
|
32108
|
+
return openBlock(), createBlock(_sfc_main$p, {
|
|
31891
32109
|
style: normalizeStyle(columnSize.value),
|
|
31892
32110
|
key: getProductKeyAction(index, product),
|
|
31893
32111
|
product,
|
|
@@ -32151,7 +32369,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
|
|
|
32151
32369
|
createBaseVNode("a", {
|
|
32152
32370
|
href: getLink(product)
|
|
32153
32371
|
}, [
|
|
32154
|
-
createVNode(_sfc_main$
|
|
32372
|
+
createVNode(_sfc_main$A, {
|
|
32155
32373
|
item: product,
|
|
32156
32374
|
options: image.value
|
|
32157
32375
|
}, null, 8, ["item", "options"])
|
|
@@ -32315,7 +32533,7 @@ const _sfc_main$4$1 = /* @__PURE__ */ defineComponent({
|
|
|
32315
32533
|
return (_ctx, _cache) => {
|
|
32316
32534
|
return openBlock(), createElementBlock("section", _hoisted_1$3, [
|
|
32317
32535
|
(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.searchResults, (product, index) => {
|
|
32318
|
-
return openBlock(), createBlock(_sfc_main$
|
|
32536
|
+
return openBlock(), createBlock(_sfc_main$p, {
|
|
32319
32537
|
class: "lupa-chat-product-card",
|
|
32320
32538
|
key: getProductKeyAction(index, product),
|
|
32321
32539
|
product,
|
|
@@ -32508,7 +32726,7 @@ const _hoisted_4 = {
|
|
|
32508
32726
|
key: 0,
|
|
32509
32727
|
class: "lupasearch-chat-content"
|
|
32510
32728
|
};
|
|
32511
|
-
const _sfc_main$
|
|
32729
|
+
const _sfc_main$1u = /* @__PURE__ */ defineComponent({
|
|
32512
32730
|
__name: "ChatContainer",
|
|
32513
32731
|
props: {
|
|
32514
32732
|
options: {}
|
|
@@ -38526,7 +38744,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
38526
38744
|
};
|
|
38527
38745
|
__expose({ fetch: fetch2 });
|
|
38528
38746
|
return (_ctx, _cache) => {
|
|
38529
|
-
return openBlock(), createBlock(unref(_sfc_main$
|
|
38747
|
+
return openBlock(), createBlock(unref(_sfc_main$_), {
|
|
38530
38748
|
options: fullSearchBoxOptions.value,
|
|
38531
38749
|
ref_key: "searchBox",
|
|
38532
38750
|
ref: searchBox2
|
|
@@ -39081,7 +39299,7 @@ const chat = (options, mountOptions) => {
|
|
|
39081
39299
|
const instance = createVue(
|
|
39082
39300
|
options.displayOptions.containerSelector,
|
|
39083
39301
|
mountOptions == null ? void 0 : mountOptions.mountingBehavior,
|
|
39084
|
-
_sfc_main$
|
|
39302
|
+
_sfc_main$1u,
|
|
39085
39303
|
{
|
|
39086
39304
|
options
|
|
39087
39305
|
}
|