vviinn-widgets 2.67.0 → 2.68.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{index-d3a4dc7e.js → index-8aa4a067.js} +96 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{package-1f88fe51.js → package-33c05afc.js} +1 -1
- package/dist/cjs/search-filters_18.cjs.entry.js +42 -13
- package/dist/cjs/{search.store-53e13410.js → search.store-598721b2.js} +2 -2
- package/dist/cjs/vviinn-carousel_7.cjs.entry.js +5 -6
- package/dist/cjs/vviinn-error.cjs.entry.js +1 -1
- package/dist/cjs/vviinn-preloader.cjs.entry.js +1 -1
- package/dist/cjs/vviinn-vpr-button.cjs.entry.js +1 -1
- package/dist/cjs/vviinn-vps-button.cjs.entry.js +1 -1
- package/dist/cjs/vviinn-vps-widget.cjs.entry.js +12 -18
- package/dist/cjs/vviinn-widgets.cjs.js +1 -1
- package/dist/collection/components/vviinn-error/vviinn-error.css +6 -0
- package/dist/collection/components/vviinn-error/vviinn-server-error/vviinn-server-error.js +0 -10
- package/dist/collection/components/vviinn-results/vviinn-results.css +4 -1
- package/dist/collection/components/vviinn-results/vviinn-results.js +7 -3
- package/dist/collection/components/vviinn-text-search/vviinn-text-search.js +140 -23
- package/dist/collection/components/vviinn-vps-widget/vviinn-vps-widget.css +1 -0
- package/dist/collection/components/vviinn-vps-widget/vviinn-vps-widget.js +13 -12
- package/dist/collection/store/search.store.js +2 -2
- package/dist/esm/{index-7b10362b.js → index-27d8ef63.js} +96 -2
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{package-9a596d82.js → package-857bbf94.js} +1 -1
- package/dist/esm/search-filters_18.entry.js +42 -13
- package/dist/esm/{search.store-9a15b860.js → search.store-806effc5.js} +2 -2
- package/dist/esm/vviinn-carousel_7.entry.js +3 -4
- package/dist/esm/vviinn-error.entry.js +1 -1
- package/dist/esm/vviinn-preloader.entry.js +1 -1
- package/dist/esm/vviinn-vpr-button.entry.js +1 -1
- package/dist/esm/vviinn-vps-button.entry.js +1 -1
- package/dist/esm/vviinn-vps-widget.entry.js +11 -17
- package/dist/esm/vviinn-widgets.js +1 -1
- package/dist/types/components/vviinn-results/vviinn-results.d.ts +2 -1
- package/dist/types/components/vviinn-text-search/vviinn-text-search.d.ts +24 -4
- package/dist/types/components/vviinn-vps-widget/vviinn-vps-widget.d.ts +2 -3
- package/dist/types/components.d.ts +54 -8
- package/dist/types/recommendation/events.d.ts +7 -3
- package/dist/types/store/search.store.d.ts +1 -1
- package/dist/vviinn-widgets/p-11da1d8e.js +1 -0
- package/dist/vviinn-widgets/p-43a5d505.entry.js +1 -0
- package/dist/vviinn-widgets/p-52d574f4.js +1 -0
- package/dist/vviinn-widgets/p-5451e9c5.entry.js +11 -0
- package/dist/vviinn-widgets/p-63e9d1cf.entry.js +1 -0
- package/{www/build/p-9b1c8e6e.js → dist/vviinn-widgets/p-6a0ae083.js} +1 -1
- package/dist/vviinn-widgets/{p-47343f3c.entry.js → p-76ca287b.entry.js} +1 -1
- package/dist/vviinn-widgets/{p-28b7017c.entry.js → p-ad195e77.entry.js} +1 -1
- package/dist/vviinn-widgets/{p-69f2b167.entry.js → p-e6a23a9e.entry.js} +1 -1
- package/dist/vviinn-widgets/{p-b1fabcfc.entry.js → p-f6a04370.entry.js} +1 -1
- package/dist/vviinn-widgets/vviinn-widgets.esm.js +1 -1
- package/package.json +1 -1
- package/www/build/p-11da1d8e.js +1 -0
- package/www/build/p-43a5d505.entry.js +1 -0
- package/www/build/p-52d574f4.js +1 -0
- package/www/build/p-5451e9c5.entry.js +11 -0
- package/www/build/p-63e9d1cf.entry.js +1 -0
- package/{dist/vviinn-widgets/p-9b1c8e6e.js → www/build/p-6a0ae083.js} +1 -1
- package/www/build/{p-47343f3c.entry.js → p-76ca287b.entry.js} +1 -1
- package/www/build/{p-28b7017c.entry.js → p-ad195e77.entry.js} +1 -1
- package/www/build/{p-69f2b167.entry.js → p-e6a23a9e.entry.js} +1 -1
- package/www/build/{p-b1fabcfc.entry.js → p-f6a04370.entry.js} +1 -1
- package/www/build/vviinn-widgets.esm.js +1 -1
- package/dist/cjs/resources-c5fbe419.js +0 -97
- package/dist/collection/components/vviinn-error/vviinn-server-error/vviinn-server-error.css +0 -4
- package/dist/esm/resources-5ad3b316.js +0 -95
- package/dist/vviinn-widgets/p-2961ec26.js +0 -1
- package/dist/vviinn-widgets/p-2a4a85c9.js +0 -1
- package/dist/vviinn-widgets/p-2a6e1192.entry.js +0 -11
- package/dist/vviinn-widgets/p-7898794a.js +0 -1
- package/dist/vviinn-widgets/p-9bd163fc.entry.js +0 -1
- package/dist/vviinn-widgets/p-d30e96f9.entry.js +0 -1
- package/www/build/p-2961ec26.js +0 -1
- package/www/build/p-2a4a85c9.js +0 -1
- package/www/build/p-2a6e1192.entry.js +0 -11
- package/www/build/p-7898794a.js +0 -1
- package/www/build/p-9bd163fc.entry.js +0 -1
- package/www/build/p-d30e96f9.entry.js +0 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
const search_store = require('./search.store-
|
|
3
|
+
const search_store = require('./search.store-598721b2.js');
|
|
4
4
|
|
|
5
5
|
const consoleLogger = {
|
|
6
6
|
type: 'logger',
|
|
@@ -2257,6 +2257,100 @@ class I18n extends EventEmitter {
|
|
|
2257
2257
|
const instance = I18n.createInstance();
|
|
2258
2258
|
instance.createInstance = I18n.createInstance;
|
|
2259
2259
|
|
|
2260
|
+
const VVIINN_LINK = "<a href='https://www.vviinn.com/' target='_blank'>Vviinn</a>";
|
|
2261
|
+
const resources = {
|
|
2262
|
+
de: {
|
|
2263
|
+
translation: {
|
|
2264
|
+
noResultText: "Keine Ergebnisse! Versuche es bitte später erneut.",
|
|
2265
|
+
basketButtonText: "In den Warenkorb",
|
|
2266
|
+
setMode: {
|
|
2267
|
+
widgetTitle: "Kaufen Sie ein Set und erhalten Sie Rabatt",
|
|
2268
|
+
widgetSubtitle: "Sparen Sie bis zu 15% beim Kauf von Produkten aus der Liste",
|
|
2269
|
+
basketButtonText: "Als Set kaufen",
|
|
2270
|
+
appliedDiscountText: "gespart",
|
|
2271
|
+
updateButtonText: "Neues Set vorschlagen",
|
|
2272
|
+
},
|
|
2273
|
+
exampleImagesTitle: "Mit den Beispielbildern die Suche direkt ausprobieren",
|
|
2274
|
+
imageUploadButtonText: "Bild hochladen",
|
|
2275
|
+
cameraButtonTextStart: "Kamera starten",
|
|
2276
|
+
cameraButtonTextStop: "Kamera stoppen",
|
|
2277
|
+
privacyBadgeText: `Durch das Hochladen eines Bildes willigst Du in die Verarbeitung durch unseren Partner ${VVIINN_LINK} ein. Das Bild wird nach einer Stunde Inaktivität gelöscht.`,
|
|
2278
|
+
teaserText: "Finde Produkte auf \n einem Foto",
|
|
2279
|
+
imageSearchModalTitle: "AI Search",
|
|
2280
|
+
textSearchPlaceholder: "mit Text suchen",
|
|
2281
|
+
emptyResultsBlock: {
|
|
2282
|
+
title: "Leider nichts gefunden",
|
|
2283
|
+
button: "Neues Bild hochladen",
|
|
2284
|
+
},
|
|
2285
|
+
serverErrorBlock: {
|
|
2286
|
+
title: "Keine Verbindung",
|
|
2287
|
+
button: "Erneut versuchen",
|
|
2288
|
+
},
|
|
2289
|
+
wrongFormatBlock: {
|
|
2290
|
+
title: "Dateityp wird nicht unterstützt",
|
|
2291
|
+
text: "Bitte laden Sie eine .jpg, .png oder .webp Bilddatei hoch.",
|
|
2292
|
+
button: "Neues Bild hochladen",
|
|
2293
|
+
},
|
|
2294
|
+
wrongAspectRatioBlock: {
|
|
2295
|
+
title: "Das Bild ist zu schmal",
|
|
2296
|
+
button: "Neues Bild hochladen",
|
|
2297
|
+
},
|
|
2298
|
+
filters: {
|
|
2299
|
+
modal: {
|
|
2300
|
+
title: "Filter",
|
|
2301
|
+
apply: "Anwenden",
|
|
2302
|
+
resetFilters: "Filter zurücksetzen",
|
|
2303
|
+
},
|
|
2304
|
+
},
|
|
2305
|
+
},
|
|
2306
|
+
},
|
|
2307
|
+
en: {
|
|
2308
|
+
translation: {
|
|
2309
|
+
noResultText: "No results! Please, try again later.",
|
|
2310
|
+
basketButtonText: "Add to Basket",
|
|
2311
|
+
setMode: {
|
|
2312
|
+
widgetTitle: "Buy a set to get discount",
|
|
2313
|
+
widgetSubtitle: "Save up to 15% for buying products from the list",
|
|
2314
|
+
basketButtonText: "Buy as set",
|
|
2315
|
+
appliedDiscountText: "saved",
|
|
2316
|
+
updateButtonText: "Suggest New Set",
|
|
2317
|
+
},
|
|
2318
|
+
exampleImagesTitle: "Try out the search with the example images",
|
|
2319
|
+
imageUploadButtonText: "Upload Photo",
|
|
2320
|
+
cameraButtonTextStart: "Start Camera",
|
|
2321
|
+
cameraButtonTextStop: "Stop Camera",
|
|
2322
|
+
privacyBadgeText: `By uploading a picture you agree to the processing by our partner ${VVIINN_LINK}. The image will be deleted after one hour of inactivity.`,
|
|
2323
|
+
teaserText: "Find Product by Photo",
|
|
2324
|
+
imageSearchModalTitle: "AI Search",
|
|
2325
|
+
textSearchPlaceholder: "Search by text",
|
|
2326
|
+
emptyResultsBlock: {
|
|
2327
|
+
title: "Sorry, nothing found",
|
|
2328
|
+
button: "Upload another image",
|
|
2329
|
+
},
|
|
2330
|
+
serverErrorBlock: {
|
|
2331
|
+
title: "Something went wrong",
|
|
2332
|
+
button: "Try again",
|
|
2333
|
+
},
|
|
2334
|
+
wrongFormatBlock: {
|
|
2335
|
+
title: "Wrong file format",
|
|
2336
|
+
text: "Please upload a .jpg, .png or .webp image file.",
|
|
2337
|
+
button: "Upload another file",
|
|
2338
|
+
},
|
|
2339
|
+
wrongAspectRatioBlock: {
|
|
2340
|
+
title: "The image is too narrow",
|
|
2341
|
+
button: "Upload another image",
|
|
2342
|
+
},
|
|
2343
|
+
filters: {
|
|
2344
|
+
modal: {
|
|
2345
|
+
title: "Filters",
|
|
2346
|
+
apply: "Apply",
|
|
2347
|
+
resetFilters: "Reset Filters",
|
|
2348
|
+
},
|
|
2349
|
+
},
|
|
2350
|
+
},
|
|
2351
|
+
},
|
|
2352
|
+
};
|
|
2353
|
+
|
|
2260
2354
|
// Unique ID creation requires a high quality random # generator. In the browser we therefore
|
|
2261
2355
|
// require the crypto API and do not support built-in fallback to lower quality random number
|
|
2262
2356
|
// generators (like Math.random()).
|
|
@@ -6243,4 +6337,5 @@ exports.createWidgetVpcEvent = createWidgetVpcEvent;
|
|
|
6243
6337
|
exports.createWidgetVprEvent = createWidgetVprEvent;
|
|
6244
6338
|
exports.createWidgetVpsEvent = createWidgetVpsEvent;
|
|
6245
6339
|
exports.instance = instance;
|
|
6340
|
+
exports.resources = resources;
|
|
6246
6341
|
exports.v4 = v4;
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -14,7 +14,7 @@ const patchEsm = () => {
|
|
|
14
14
|
const defineCustomElements = (win, options) => {
|
|
15
15
|
if (typeof window === 'undefined') return Promise.resolve();
|
|
16
16
|
return patchEsm().then(() => {
|
|
17
|
-
return index.bootstrapLazy(JSON.parse("[[\"vviinn-button.cjs\",[[1,\"vviinn-button\",{\"addStyle\":[4,\"add-style\"]}]]],[\"vviinn-preloader.cjs\",[[1,\"vviinn-preloader\"]]],[\"vviinn-error.cjs\",[[1,\"vviinn-error\"]]],[\"vviinn-carousel_7.cjs\",[[1,\"vviinn-vpr-widget\",{\"token\":[1],\"productId\":[1,\"product-id\"],\"mode\":[1],\"campaigns\":[1],\"excluded\":[1],\"campaignType\":[1,\"campaign-type\"],\"locale\":[1],\"color\":[1],\"imageWidth\":[2,\"image-width\"],\"imageRatio\":[2,\"image-ratio\"],\"cssUrl\":[1,\"css-url\"],\"currencySign\":[1,\"currency-sign\"],\"pricePrefix\":[1,\"price-prefix\"],\"noResultText\":[1,\"no-result-text\"],\"noResultShow\":[4,\"no-result-show\"],\"gridArrowsDynamic\":[4,\"grid-arrows-dynamic\"],\"productDetailsNewTab\":[4,\"product-details-new-tab\"],\"productDetailsRedirect\":[4,\"product-details-redirect\"],\"addToBasketShow\":[4,\"add-to-basket-show\"],\"showFilters\":[4,\"show-filters\"],\"showExtendedFilters\":[4,\"show-extended-filters\"],\"setModeDiscounts\":[1,\"set-mode-discounts\"],\"updateButtonLocation\":[1,\"update-button-location\"],\"blockTitle\":[1,\"block-title\"],\"showScroll\":[4,\"show-scroll\"],\"apiPath\":[1,\"api-path\"],\"useCarousel\":[4,\"use-carousel\"],\"showingInButton\":[4,\"showing-in-button\"],\"buttonElementId\":[1,\"button-element-id\"],\"closed\":[4],\"opened\":[4],\"recommendations\":[32],\"dynamicFilters\":[32],\"sourceProduct\":[32],\"trackingDeactivated\":[32],\"hasErrorOnLoad\":[32],\"updatingAllCards\":[32],\"updatedCardsAmount\":[32],\"setModeDiscountsArray\":[32]},[[0,\"vviinnProductLoad\",\"trackProductLoad\"],[0,\"vviinnProductView\",\"trackProductView\"],[0,\"vviinnProductClick\",\"trackProductClick\"],[0,\"vviinnAuxClick\",\"trackAuxClick\"],[0,\"vviinnAddToBasket\",\"trackAddToBasket\"],[0,\"vviinnUpdatingAllCardsFinished\",\"updatingAllCardsFinishedListener\"],[0,\"vviinnFiltersChanged\",\"filtersChanged\"]]],[0,\"vviinn-carousel\",{\"mode\":[1],\"imageWidth\":[2,\"image-width\"],\"showScroll\":[4,\"show-scroll\"],\"campaignTypeId\":[1,\"campaign-type-id\"],\"widgetElementId\":[1,\"widget-element-id\"],\"gridArrowsDynamic\":[4,\"grid-arrows-dynamic\"],\"recommendations\":[1040],\"widgetVersion\":[1,\"widget-version\"],\"addToBasketShow\":[4,\"add-to-basket-show\"],\"updatingAllCards\":[4,\"updating-all-cards\"],\"updateButtonLocation\":[1,\"update-button-location\"],\"replaceSlotsContent\":[16],\"setModeDiscountsArray\":[16],\"imageRatio\":[2,\"image-ratio\"],\"currencySign\":[1,\"currency-sign\"],\"pricePrefix\":[1,\"price-prefix\"],\"locale\":[1],\"moveDirection\":[32],\"contentGroups\":[32],\"activeContentGroup\":[32],\"isRTL\":[32],\"crossSellingRecommendations\":[32],\"setModeDiscount\":[32],\"currentDiscountIndex\":[32],\"setModeAppliedDiscounts\":[32]},[[0,\"vviinnCrossSellingClick\",\"crossSellingClickListener\"],[0,\"vviinnAddToBasket\",\"trackAddToBasket\"]]],[1,\"vviinn-extended-filters\",{\"filters\":[16],\"filtersString\":[1,\"filters-string\"],\"locale\":[1],\"requestFilters\":[32],\"showMore\":[32],\"selectedMoreOptions\":[32]}],[1,\"vviinn-filters\",{\"filters\":[16],\"filtersString\":[1,\"filters-string\"],\"selectedFilter\":[32],\"requestFilters\":[32]}],[1,\"vviinn-price-range\",{\"histogram\":[16],\"addStyle\":[4,\"add-style\"],\"priceChangeHandler\":[16],\"minIndex\":[32],\"maxIndex\":[32],\"scalingFactor\":[32]}],[1,\"vviinn-product-card\",{\"brand\":[1],\"currency\":[1],\"deeplink\":[1],\"image\":[1],\"imageRatio\":[2,\"image-ratio\"],\"imageWidth\":[2,\"image-width\"],\"locale\":[1],\"price\":[2],\"pricePrefix\":[1,\"price-prefix\"],\"productId\":[1,\"product-id\"],\"productTitle\":[1,\"product-title\"],\"productType\":[1,\"product-type\"],\"salePrice\":[2,\"sale-price\"],\"responsive\":[4],\"dimmedBackground\":[4,\"dimmed-background\"],\"mode\":[1],\"basketButtonShow\":[4,\"basket-button-show\"],\"updateButtonLocation\":[1,\"update-button-location\"],\"appliedDiscountPercentage\":[2,\"applied-discount-percentage\"],\"currentDiscountPercentage\":[2,\"current-discount-percentage\"],\"isSourceProduct\":[4,\"is-source-product\"],\"campaignTypeId\":[1,\"campaign-type-id\"],\"widgetElementId\":[1,\"widget-element-id\"],\"buttonElementId\":[1,\"button-element-id\"],\"widgetVersion\":[1,\"widget-version\"],\"index\":[2],\"updatingAllCards\":[4,\"updating-all-cards\"],\"defaultAnimationInterval\":[2,\"default-animation-interval\"],\"isTransitioning\":[32],\"basketButonPressed\":[32]},[[0,\"vviinnCrossSellingClick\",\"crossSellingClickListener\"]]],[1,\"vviinn-skeleton\",{\"height\":[2],\"halfWidth\":[4,\"half-width\"]}]]],[\"search-filters_18.cjs\",[[1,\"vviinn-results\",{\"token\":[1],\"searchId\":[1,\"search-id\"],\"imageResolutionWidth\":[2,\"image-resolution-width\"],\"currencySign\":[1,\"currency-sign\"],\"locale\":[8],\"productDetailsNewTab\":[4,\"product-details-new-tab\"],\"productDetailsRedirect\":[4,\"product-details-redirect\"],\"textSearchQuery\":[1,\"text-search-query\"],\"showingInWidget\":[4,\"showing-in-widget\"],\"uiSessionId\":[1025,\"ui-session-id\"],\"buttonElementId\":[1,\"button-element-id\"],\"widgetElementId\":[1,\"widget-element-id\"],\"apiPath\":[1,\"api-path\"],\"showAspectRatioError\":[4,\"show-aspect-ratio-error\"],\"trackingDeactivated\":[1028,\"tracking-deactivated\"],\"resetState\":[16],\"recommendations\":[32]},[[0,\"vviinnProductLoad\",\"trackProductLoad\"],[0,\"vviinnProductView\",\"trackProductView\"],[0,\"vviinnProductClick\",\"trackProductClick\"],[0,\"vviinnAuxClick\",\"trackAuxClick\"]]],[1,\"vviinn-image-view\",{\"basicEventData\":[16],\"setShowAspectRatioError\":[16],\"showAspectRatioError\":[4,\"show-aspect-ratio-error\"],\"cropper\":[32],\"hidePreloader\":[32]},[[0,\"vviinnSelectObject\",\"selectDetectedObject\"]]],[1,\"vviinn-overlayed-modal\",{\"active\":[4],\"resetState\":[16],\"buttonElementId\":[1,\"button-element-id\"],\"hideBackButton\":[4,\"hide-back-button\"],\"widgetVersion\":[1,\"widget-version\"],\"isFirstScreen\":[4,\"is-first-screen\"]}],[1,\"vviinn-image-selector\",{\"basicEventData\":[16],\"startUpload\":[4,\"start-upload\"],\"loading\":[4],\"accept\":[1],\"resetVpsButton\":[16],\"capture\":[1]}],[1,\"vviinn-server-error\",{\"handler\":[16]}],[1,\"vviinn-text-search\",{\"searchQuery\":[1,\"search-query\"],\"setSearchQuery\":[16],\"handleTextSearch\":[16]}],[1,\"vviinn-wrong-format\",{\"handler\":[16]}],[1,\"search-filters\",{\"filter\":[16],\"textSearchFiltersGroup\":[16],\"basicEventData\":[16],\"selectedFilter\":[32],\"hideFilters\":[32]}],[1,\"vviinn-example-image\",{\"exampleImageSource\":[1,\"example-image-source\"],\"width\":[2],\"height\":[2],\"basicEventData\":[16],\"srcObject\":[16],\"cameraButtonClicked\":[4,\"camera-button-clicked\"],\"selected\":[32],\"videoInitialized\":[32],\"zoomCapabilities\":[32]}],[1,\"vviinn-privacy-badge\",{\"privacyBadgeText\":[1,\"privacy-badge-text\"]}],[1,\"vviinn-slide\"],[1,\"vviinn-slider\",{\"showBullets\":[4,\"show-bullets\"],\"position\":[514],\"showArrows\":[4,\"show-arrows\"],\"elementsCount\":[32],\"internalPosition\":[32],\"swipeStartPosition\":[32],\"isRTL\":[32]}],[1,\"vviinn-teaser\"],[1,\"vviinn-empty-results\",{\"handler\":[16]}],[1,\"vviinn-wrong-aspect-ratio\",{\"handler\":[16]}],[1,\"vviinn-detected-object\",{\"detectedObject\":[16],\"basicEventData\":[16],\"position\":[32]}],[1,\"vviinn-modal\",{\"active\":[1540],\"resetState\":[16],\"buttonElementId\":[1,\"button-element-id\"],\"widgetVersion\":[1,\"widget-version\"],\"hideBackButton\":[4,\"hide-back-button\"],\"isFirstScreen\":[4,\"is-first-screen\"],\"slider\":[32]}],[1,\"vviinn-overlay\"]]],[\"vviinn-vps-widget.cjs\",[[1,\"vviinn-vps-widget\",{\"token\":[1],\"active\":[1028],\"currencySign\":[1,\"currency-sign\"],\"locale\":[1],\"campaignId\":[1,\"campaign-id\"],\"excluded\":[1],\"productDetailsNewTab\":[4,\"product-details-new-tab\"],\"productDetailsRedirect\":[4,\"product-details-redirect\"],\"imageResolutionWidth\":[2,\"image-resolution-width\"],\"exampleImageSource\":[1,\"example-image-source\"],\"textSearchShow\":[4,\"text-search-show\"],\"apiPath\":[1,\"api-path\"],\"showingInButton\":[4,\"showing-in-button\"],\"buttonElementId\":[1,\"button-element-id\"],\"buttonPressed\":[4,\"button-pressed\"],\"mode\":[1],\"resetVpsButton\":[16],\"slidePosition\":[32],\"width\":[32],\"wrongImageFormat\":[32],\"trackingDeactivated\":[32],\"stream\":[32],\"cameraInitializing\":[32],\"cameraEnabled\":[32],\"cameraButtonClicked\":[32],\"uploadSource\":[32],\"showAspectRatioError\":[32],\"products\":[32],\"searchQuery\":[32]},[[0,\"vviinnResultLoad\",\"resultLoadHandler\"],[0,\"vviinnResultView\",\"resultViewHandler\"],[0,\"vviinnCameraEnabled\",\"trackCameraEnabled\"],[0,\"vviinnImageCrop\",\"trachSearchAreaChanges\"],[0,\"vviinnSelectObject\",\"trackDetectedObject\"],[0,\"vviinnSelectFilter\",\"trackFilter\"],[0,\"vviinnTextSearchFilterSelected\",\"trackTextSearchFilterSelected\"]]]]],[\"vviinn-vps-button.cjs\",[[1,\"vviinn-vps-button\",{\"token\":[1],\"currencySign\":[1,\"currency-sign\"],\"locale\":[1],\"campaignId\":[1,\"campaign-id\"],\"addStyle\":[4,\"add-style\"],\"mode\":[1],\"excluded\":[1],\"productDetailsNewTab\":[4,\"product-details-new-tab\"],\"productDetailsRedirect\":[4,\"product-details-redirect\"],\"imageResolutionWidth\":[2,\"image-resolution-width\"],\"exampleImageSource\":[1,\"example-image-source\"],\"textSearchShow\":[4,\"text-search-show\"],\"apiPath\":[1,\"api-path\"],\"buttonPressed\":[32]},[[0,\"vviinnWidgetClose\",\"handleModalClosed\"]]]]],[\"vviinn-recommendations-sidebar.cjs\",[[1,\"vviinn-recommendations-sidebar\",{\"sidebarTitle\":[1,\"sidebar-title\"],\"token\":[1],\"productId\":[1,\"product-id\"],\"position\":[1],\"sourceImage\":[1,\"source-image\"],\"widgetScrollbar\":[4,\"widget-scrollbar\"],\"mode\":[1],\"campaigns\":[1],\"campaignType\":[1,\"campaign-type\"],\"color\":[1],\"locale\":[1],\"imageWidth\":[2,\"image-width\"],\"imageRatio\":[2,\"image-ratio\"],\"cssUrl\":[1,\"css-url\"],\"currencySign\":[1,\"currency-sign\"],\"pricePrefix\":[1,\"price-prefix\"],\"noResultText\":[1,\"no-result-text\"],\"noResultShow\":[4,\"no-result-show\"],\"gridArrowsDynamic\":[4,\"grid-arrows-dynamic\"],\"excluded\":[1],\"productDetailsNewTab\":[4,\"product-details-new-tab\"],\"productDetailsRedirect\":[4,\"product-details-redirect\"],\"addToBasketShow\":[4,\"add-to-basket-show\"],\"showFilters\":[4,\"show-filters\"],\"setModeDiscounts\":[1,\"set-mode-discounts\"],\"updateButtonLocation\":[1,\"update-button-location\"],\"buttonChildren\":[16],\"apiPath\":[1,\"api-path\"],\"buttonElementId\":[1,\"button-element-id\"],\"widgetVersion\":[1,\"widget-version\"],\"showingInButton\":[4,\"showing-in-button\"],\"state\":[32]},[[0,\"vviinnUpdatingAllCardsStarted\",\"updatingAllCardsStarted\"],[0,\"vviinnUpdatingAllCardsFinished\",\"updatingAllCardsFinished\"],[16,\"click\",\"bodyClickListener\"]]]]],[\"vviinn-vpr-button.cjs\",[[1,\"vviinn-vpr-button\",{\"token\":[1],\"productId\":[1,\"product-id\"],\"mode\":[1],\"campaigns\":[1],\"excluded\":[1],\"campaignType\":[1,\"campaign-type\"],\"locale\":[1],\"color\":[1],\"imageWidth\":[2,\"image-width\"],\"imageRatio\":[2,\"image-ratio\"],\"cssUrl\":[1,\"css-url\"],\"currencySign\":[1,\"currency-sign\"],\"pricePrefix\":[1,\"price-prefix\"],\"noResultText\":[1,\"no-result-text\"],\"noResultShow\":[4,\"no-result-show\"],\"gridArrowsDynamic\":[4,\"grid-arrows-dynamic\"],\"productDetailsNewTab\":[4,\"product-details-new-tab\"],\"productDetailsRedirect\":[4,\"product-details-redirect\"],\"addToBasketShow\":[4,\"add-to-basket-show\"],\"showFilters\":[4,\"show-filters\"],\"setModeDiscounts\":[1,\"set-mode-discounts\"],\"updateButtonLocation\":[1,\"update-button-location\"],\"sidebarTitle\":[1,\"sidebar-title\"],\"modalScrollbar\":[4,\"modal-scrollbar\"],\"position\":[1],\"sourceImage\":[1,\"source-image\"],\"addStyle\":[4,\"add-style\"],\"apiPath\":[1,\"api-path\"]}]]]]"), options);
|
|
17
|
+
return index.bootstrapLazy(JSON.parse("[[\"vviinn-button.cjs\",[[1,\"vviinn-button\",{\"addStyle\":[4,\"add-style\"]}]]],[\"vviinn-preloader.cjs\",[[1,\"vviinn-preloader\"]]],[\"vviinn-error.cjs\",[[1,\"vviinn-error\"]]],[\"vviinn-carousel_7.cjs\",[[1,\"vviinn-vpr-widget\",{\"token\":[1],\"productId\":[1,\"product-id\"],\"mode\":[1],\"campaigns\":[1],\"excluded\":[1],\"campaignType\":[1,\"campaign-type\"],\"locale\":[1],\"color\":[1],\"imageWidth\":[2,\"image-width\"],\"imageRatio\":[2,\"image-ratio\"],\"cssUrl\":[1,\"css-url\"],\"currencySign\":[1,\"currency-sign\"],\"pricePrefix\":[1,\"price-prefix\"],\"noResultText\":[1,\"no-result-text\"],\"noResultShow\":[4,\"no-result-show\"],\"gridArrowsDynamic\":[4,\"grid-arrows-dynamic\"],\"productDetailsNewTab\":[4,\"product-details-new-tab\"],\"productDetailsRedirect\":[4,\"product-details-redirect\"],\"addToBasketShow\":[4,\"add-to-basket-show\"],\"showFilters\":[4,\"show-filters\"],\"showExtendedFilters\":[4,\"show-extended-filters\"],\"setModeDiscounts\":[1,\"set-mode-discounts\"],\"updateButtonLocation\":[1,\"update-button-location\"],\"blockTitle\":[1,\"block-title\"],\"showScroll\":[4,\"show-scroll\"],\"apiPath\":[1,\"api-path\"],\"useCarousel\":[4,\"use-carousel\"],\"showingInButton\":[4,\"showing-in-button\"],\"buttonElementId\":[1,\"button-element-id\"],\"closed\":[4],\"opened\":[4],\"recommendations\":[32],\"dynamicFilters\":[32],\"sourceProduct\":[32],\"trackingDeactivated\":[32],\"hasErrorOnLoad\":[32],\"updatingAllCards\":[32],\"updatedCardsAmount\":[32],\"setModeDiscountsArray\":[32]},[[0,\"vviinnProductLoad\",\"trackProductLoad\"],[0,\"vviinnProductView\",\"trackProductView\"],[0,\"vviinnProductClick\",\"trackProductClick\"],[0,\"vviinnAuxClick\",\"trackAuxClick\"],[0,\"vviinnAddToBasket\",\"trackAddToBasket\"],[0,\"vviinnUpdatingAllCardsFinished\",\"updatingAllCardsFinishedListener\"],[0,\"vviinnFiltersChanged\",\"filtersChanged\"]]],[0,\"vviinn-carousel\",{\"mode\":[1],\"imageWidth\":[2,\"image-width\"],\"showScroll\":[4,\"show-scroll\"],\"campaignTypeId\":[1,\"campaign-type-id\"],\"widgetElementId\":[1,\"widget-element-id\"],\"gridArrowsDynamic\":[4,\"grid-arrows-dynamic\"],\"recommendations\":[1040],\"widgetVersion\":[1,\"widget-version\"],\"addToBasketShow\":[4,\"add-to-basket-show\"],\"updatingAllCards\":[4,\"updating-all-cards\"],\"updateButtonLocation\":[1,\"update-button-location\"],\"replaceSlotsContent\":[16],\"setModeDiscountsArray\":[16],\"imageRatio\":[2,\"image-ratio\"],\"currencySign\":[1,\"currency-sign\"],\"pricePrefix\":[1,\"price-prefix\"],\"locale\":[1],\"moveDirection\":[32],\"contentGroups\":[32],\"activeContentGroup\":[32],\"isRTL\":[32],\"crossSellingRecommendations\":[32],\"setModeDiscount\":[32],\"currentDiscountIndex\":[32],\"setModeAppliedDiscounts\":[32]},[[0,\"vviinnCrossSellingClick\",\"crossSellingClickListener\"],[0,\"vviinnAddToBasket\",\"trackAddToBasket\"]]],[1,\"vviinn-extended-filters\",{\"filters\":[16],\"filtersString\":[1,\"filters-string\"],\"locale\":[1],\"requestFilters\":[32],\"showMore\":[32],\"selectedMoreOptions\":[32]}],[1,\"vviinn-filters\",{\"filters\":[16],\"filtersString\":[1,\"filters-string\"],\"selectedFilter\":[32],\"requestFilters\":[32]}],[1,\"vviinn-price-range\",{\"histogram\":[16],\"addStyle\":[4,\"add-style\"],\"priceChangeHandler\":[16],\"minIndex\":[32],\"maxIndex\":[32],\"scalingFactor\":[32]}],[1,\"vviinn-product-card\",{\"brand\":[1],\"currency\":[1],\"deeplink\":[1],\"image\":[1],\"imageRatio\":[2,\"image-ratio\"],\"imageWidth\":[2,\"image-width\"],\"locale\":[1],\"price\":[2],\"pricePrefix\":[1,\"price-prefix\"],\"productId\":[1,\"product-id\"],\"productTitle\":[1,\"product-title\"],\"productType\":[1,\"product-type\"],\"salePrice\":[2,\"sale-price\"],\"responsive\":[4],\"dimmedBackground\":[4,\"dimmed-background\"],\"mode\":[1],\"basketButtonShow\":[4,\"basket-button-show\"],\"updateButtonLocation\":[1,\"update-button-location\"],\"appliedDiscountPercentage\":[2,\"applied-discount-percentage\"],\"currentDiscountPercentage\":[2,\"current-discount-percentage\"],\"isSourceProduct\":[4,\"is-source-product\"],\"campaignTypeId\":[1,\"campaign-type-id\"],\"widgetElementId\":[1,\"widget-element-id\"],\"buttonElementId\":[1,\"button-element-id\"],\"widgetVersion\":[1,\"widget-version\"],\"index\":[2],\"updatingAllCards\":[4,\"updating-all-cards\"],\"defaultAnimationInterval\":[2,\"default-animation-interval\"],\"isTransitioning\":[32],\"basketButonPressed\":[32]},[[0,\"vviinnCrossSellingClick\",\"crossSellingClickListener\"]]],[1,\"vviinn-skeleton\",{\"height\":[2],\"halfWidth\":[4,\"half-width\"]}]]],[\"search-filters_18.cjs\",[[1,\"vviinn-results\",{\"token\":[1],\"searchId\":[1,\"search-id\"],\"imageResolutionWidth\":[2,\"image-resolution-width\"],\"currencySign\":[1,\"currency-sign\"],\"locale\":[8],\"productDetailsNewTab\":[4,\"product-details-new-tab\"],\"productDetailsRedirect\":[4,\"product-details-redirect\"],\"textSearchQuery\":[1,\"text-search-query\"],\"showingInWidget\":[4,\"showing-in-widget\"],\"uiSessionId\":[1025,\"ui-session-id\"],\"buttonElementId\":[1,\"button-element-id\"],\"widgetElementId\":[1,\"widget-element-id\"],\"apiPath\":[1,\"api-path\"],\"showAspectRatioError\":[4,\"show-aspect-ratio-error\"],\"trackingDeactivated\":[1028,\"tracking-deactivated\"],\"resetState\":[16],\"recommendations\":[32]},[[0,\"vviinnProductLoad\",\"trackProductLoad\"],[0,\"vviinnProductView\",\"trackProductView\"],[0,\"vviinnProductClick\",\"trackProductClick\"],[0,\"vviinnAuxClick\",\"trackAuxClick\"]]],[1,\"vviinn-image-view\",{\"basicEventData\":[16],\"setShowAspectRatioError\":[16],\"showAspectRatioError\":[4,\"show-aspect-ratio-error\"],\"cropper\":[32],\"hidePreloader\":[32]},[[0,\"vviinnSelectObject\",\"selectDetectedObject\"]]],[1,\"vviinn-overlayed-modal\",{\"active\":[4],\"resetState\":[16],\"buttonElementId\":[1,\"button-element-id\"],\"hideBackButton\":[4,\"hide-back-button\"],\"widgetVersion\":[1,\"widget-version\"],\"isFirstScreen\":[4,\"is-first-screen\"]}],[1,\"vviinn-image-selector\",{\"basicEventData\":[16],\"startUpload\":[4,\"start-upload\"],\"loading\":[4],\"accept\":[1],\"resetVpsButton\":[16],\"capture\":[1]}],[1,\"vviinn-server-error\",{\"handler\":[16]}],[1,\"vviinn-text-search\",{\"token\":[1],\"locale\":[1],\"apiPath\":[1,\"api-path\"],\"showInWidget\":[4,\"show-in-widget\"],\"searchQuery\":[1025,\"search-query\"]}],[1,\"vviinn-wrong-format\",{\"handler\":[16]}],[1,\"search-filters\",{\"filter\":[16],\"textSearchFiltersGroup\":[16],\"basicEventData\":[16],\"selectedFilter\":[32],\"hideFilters\":[32]}],[1,\"vviinn-example-image\",{\"exampleImageSource\":[1,\"example-image-source\"],\"width\":[2],\"height\":[2],\"basicEventData\":[16],\"srcObject\":[16],\"cameraButtonClicked\":[4,\"camera-button-clicked\"],\"selected\":[32],\"videoInitialized\":[32],\"zoomCapabilities\":[32]}],[1,\"vviinn-privacy-badge\",{\"privacyBadgeText\":[1,\"privacy-badge-text\"]}],[1,\"vviinn-slide\"],[1,\"vviinn-slider\",{\"showBullets\":[4,\"show-bullets\"],\"position\":[514],\"showArrows\":[4,\"show-arrows\"],\"elementsCount\":[32],\"internalPosition\":[32],\"swipeStartPosition\":[32],\"isRTL\":[32]}],[1,\"vviinn-teaser\"],[1,\"vviinn-empty-results\",{\"handler\":[16]}],[1,\"vviinn-wrong-aspect-ratio\",{\"handler\":[16]}],[1,\"vviinn-detected-object\",{\"detectedObject\":[16],\"basicEventData\":[16],\"position\":[32]}],[1,\"vviinn-modal\",{\"active\":[1540],\"resetState\":[16],\"buttonElementId\":[1,\"button-element-id\"],\"widgetVersion\":[1,\"widget-version\"],\"hideBackButton\":[4,\"hide-back-button\"],\"isFirstScreen\":[4,\"is-first-screen\"],\"slider\":[32]}],[1,\"vviinn-overlay\"]]],[\"vviinn-vps-widget.cjs\",[[1,\"vviinn-vps-widget\",{\"token\":[1],\"active\":[1028],\"currencySign\":[1,\"currency-sign\"],\"locale\":[1],\"campaignId\":[1,\"campaign-id\"],\"excluded\":[1],\"productDetailsNewTab\":[4,\"product-details-new-tab\"],\"productDetailsRedirect\":[4,\"product-details-redirect\"],\"imageResolutionWidth\":[2,\"image-resolution-width\"],\"exampleImageSource\":[1,\"example-image-source\"],\"textSearchShow\":[4,\"text-search-show\"],\"apiPath\":[1,\"api-path\"],\"showingInButton\":[4,\"showing-in-button\"],\"buttonElementId\":[1,\"button-element-id\"],\"buttonPressed\":[4,\"button-pressed\"],\"mode\":[1],\"resetVpsButton\":[16],\"slidePosition\":[32],\"width\":[32],\"wrongImageFormat\":[32],\"trackingDeactivated\":[32],\"stream\":[32],\"cameraInitializing\":[32],\"cameraEnabled\":[32],\"cameraButtonClicked\":[32],\"uploadSource\":[32],\"showAspectRatioError\":[32],\"products\":[32],\"searchQuery\":[32]},[[0,\"vviinnTextSearchFinished\",\"textSearchFinishedHandler\"],[0,\"vviinnResultLoad\",\"resultLoadHandler\"],[0,\"vviinnResultView\",\"resultViewHandler\"],[0,\"vviinnCameraEnabled\",\"trackCameraEnabled\"],[0,\"vviinnImageCrop\",\"trachSearchAreaChanges\"],[0,\"vviinnSelectObject\",\"trackDetectedObject\"],[0,\"vviinnSelectFilter\",\"trackFilter\"],[0,\"vviinnTextSearchFilterSelected\",\"trackTextSearchFilterSelected\"]]]]],[\"vviinn-vps-button.cjs\",[[1,\"vviinn-vps-button\",{\"token\":[1],\"currencySign\":[1,\"currency-sign\"],\"locale\":[1],\"campaignId\":[1,\"campaign-id\"],\"addStyle\":[4,\"add-style\"],\"mode\":[1],\"excluded\":[1],\"productDetailsNewTab\":[4,\"product-details-new-tab\"],\"productDetailsRedirect\":[4,\"product-details-redirect\"],\"imageResolutionWidth\":[2,\"image-resolution-width\"],\"exampleImageSource\":[1,\"example-image-source\"],\"textSearchShow\":[4,\"text-search-show\"],\"apiPath\":[1,\"api-path\"],\"buttonPressed\":[32]},[[0,\"vviinnWidgetClose\",\"handleModalClosed\"]]]]],[\"vviinn-recommendations-sidebar.cjs\",[[1,\"vviinn-recommendations-sidebar\",{\"sidebarTitle\":[1,\"sidebar-title\"],\"token\":[1],\"productId\":[1,\"product-id\"],\"position\":[1],\"sourceImage\":[1,\"source-image\"],\"widgetScrollbar\":[4,\"widget-scrollbar\"],\"mode\":[1],\"campaigns\":[1],\"campaignType\":[1,\"campaign-type\"],\"color\":[1],\"locale\":[1],\"imageWidth\":[2,\"image-width\"],\"imageRatio\":[2,\"image-ratio\"],\"cssUrl\":[1,\"css-url\"],\"currencySign\":[1,\"currency-sign\"],\"pricePrefix\":[1,\"price-prefix\"],\"noResultText\":[1,\"no-result-text\"],\"noResultShow\":[4,\"no-result-show\"],\"gridArrowsDynamic\":[4,\"grid-arrows-dynamic\"],\"excluded\":[1],\"productDetailsNewTab\":[4,\"product-details-new-tab\"],\"productDetailsRedirect\":[4,\"product-details-redirect\"],\"addToBasketShow\":[4,\"add-to-basket-show\"],\"showFilters\":[4,\"show-filters\"],\"setModeDiscounts\":[1,\"set-mode-discounts\"],\"updateButtonLocation\":[1,\"update-button-location\"],\"buttonChildren\":[16],\"apiPath\":[1,\"api-path\"],\"buttonElementId\":[1,\"button-element-id\"],\"widgetVersion\":[1,\"widget-version\"],\"showingInButton\":[4,\"showing-in-button\"],\"state\":[32]},[[0,\"vviinnUpdatingAllCardsStarted\",\"updatingAllCardsStarted\"],[0,\"vviinnUpdatingAllCardsFinished\",\"updatingAllCardsFinished\"],[16,\"click\",\"bodyClickListener\"]]]]],[\"vviinn-vpr-button.cjs\",[[1,\"vviinn-vpr-button\",{\"token\":[1],\"productId\":[1,\"product-id\"],\"mode\":[1],\"campaigns\":[1],\"excluded\":[1],\"campaignType\":[1,\"campaign-type\"],\"locale\":[1],\"color\":[1],\"imageWidth\":[2,\"image-width\"],\"imageRatio\":[2,\"image-ratio\"],\"cssUrl\":[1,\"css-url\"],\"currencySign\":[1,\"currency-sign\"],\"pricePrefix\":[1,\"price-prefix\"],\"noResultText\":[1,\"no-result-text\"],\"noResultShow\":[4,\"no-result-show\"],\"gridArrowsDynamic\":[4,\"grid-arrows-dynamic\"],\"productDetailsNewTab\":[4,\"product-details-new-tab\"],\"productDetailsRedirect\":[4,\"product-details-redirect\"],\"addToBasketShow\":[4,\"add-to-basket-show\"],\"showFilters\":[4,\"show-filters\"],\"setModeDiscounts\":[1,\"set-mode-discounts\"],\"updateButtonLocation\":[1,\"update-button-location\"],\"sidebarTitle\":[1,\"sidebar-title\"],\"modalScrollbar\":[4,\"modal-scrollbar\"],\"position\":[1],\"sourceImage\":[1,\"source-image\"],\"addStyle\":[4,\"add-style\"],\"apiPath\":[1,\"api-path\"]}]]]]"), options);
|
|
18
18
|
});
|
|
19
19
|
};
|
|
20
20
|
|
|
@@ -3,11 +3,11 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-4474431a.js');
|
|
6
|
-
const search_store = require('./search.store-
|
|
7
|
-
const index$1 = require('./index-
|
|
6
|
+
const search_store = require('./search.store-598721b2.js');
|
|
7
|
+
const index$1 = require('./index-8aa4a067.js');
|
|
8
8
|
const customizedSlots = require('./customized-slots-dacb282b.js');
|
|
9
9
|
const PlusIcon = require('./PlusIcon-835a5dcc.js');
|
|
10
|
-
const _package = require('./package-
|
|
10
|
+
const _package = require('./package-33c05afc.js');
|
|
11
11
|
|
|
12
12
|
const ArrowIcon = () => (index.h("svg", { width: "12", height: "20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
13
13
|
index.h("path", { d: "M0 10 10 0l1.4 1.4L2.8 10l8.6 8.6L10 20 0 10Z" })));
|
|
@@ -3968,7 +3968,7 @@ const VviinnPrivacyBadge = class {
|
|
|
3968
3968
|
};
|
|
3969
3969
|
VviinnPrivacyBadge.style = vviinnPrivacyBadgeCss;
|
|
3970
3970
|
|
|
3971
|
-
const vviinnResultsCss = ":host{--color-primary-system:#0f62fe;--color-primary-hover-system:#014cda;--color-icons-system:#2f8edf;--product-card-width-system:130px;--spacer:8px;--surface-color-surface-01:#f4f4f4;--text-color-text-primary:#161616;--font-family:Inter, system-ui, sans-serif;--font-size-body:14px;--font-weight-regular:400;--line-height-body:20px;--letter-spacing-default:0px;--background-color-background:#fff;--border-color-border-01:#f4f4f4;--gray-100:#161616;--gray-10:#f4f4f4;--gray-70:#525252;--radius-radius-md:8px;--button-color-button-primary:#000;--text-color-text-inverse:#fff;--text-color-text-secondary:#525252;--button-color-button-disabled:#e0e0e0;--text-color-text-disabled:rgba(22, 22, 22, 0.25);--surface-color-surface-accent:#e0e0e0;--border-color-border-02:#c6c6c6;--surface-color-surface-active:#161616;--surface-color-surface-inactive:#e0e0e0;--stroke-color-stroke-01:#f4f4f4}:host(.widget-results){display:grid;overflow-y:auto;overflow-x:hidden;padding:unset;position:relative;width:100%}.products{width:100%;align-content:center;align-items:start;box-sizing:border-box;display:grid;grid-gap:32px 16px;grid-template-columns:repeat(\n auto-fill,\n minmax(\n var(--vviinn-product-card-width, var(--product-card-width-system)),\n 1fr\n )\n );justify-items:center;padding:24px;position:absolute}:host(:not(.widget-results)) .products{position:static;padding:0}vviinn-product-card{gap:0;width:100%}.nothing-found{display:grid;grid-gap:64px;justify-self:center;padding-top:64px;padding-bottom:16px;position:absolute
|
|
3971
|
+
const vviinnResultsCss = ":host{--color-primary-system:#0f62fe;--color-primary-hover-system:#014cda;--color-icons-system:#2f8edf;--product-card-width-system:130px;--spacer:8px;--surface-color-surface-01:#f4f4f4;--text-color-text-primary:#161616;--font-family:Inter, system-ui, sans-serif;--font-size-body:14px;--font-weight-regular:400;--line-height-body:20px;--letter-spacing-default:0px;--background-color-background:#fff;--border-color-border-01:#f4f4f4;--gray-100:#161616;--gray-10:#f4f4f4;--gray-70:#525252;--radius-radius-md:8px;--button-color-button-primary:#000;--text-color-text-inverse:#fff;--text-color-text-secondary:#525252;--button-color-button-disabled:#e0e0e0;--text-color-text-disabled:rgba(22, 22, 22, 0.25);--surface-color-surface-accent:#e0e0e0;--border-color-border-02:#c6c6c6;--surface-color-surface-active:#161616;--surface-color-surface-inactive:#e0e0e0;--stroke-color-stroke-01:#f4f4f4}:host{display:block}:host(.widget-results){display:grid;overflow-y:auto;overflow-x:hidden;padding:unset;position:relative;width:100%}.products{width:100%;align-content:center;align-items:start;box-sizing:border-box;display:grid;grid-gap:32px 16px;grid-template-columns:repeat(\n auto-fill,\n minmax(\n var(--vviinn-product-card-width, var(--product-card-width-system)),\n 1fr\n )\n );justify-items:center;padding:24px;position:absolute}:host(:not(.widget-results)) .products{position:static;padding:0}vviinn-product-card{gap:0;width:100%}.nothing-found{display:grid;grid-gap:64px;justify-self:center;padding-top:64px;padding-bottom:16px;position:absolute}.hidden{visibility:hidden;height:1px}products.hidden{display:none}vviinn-product-card::part(image){border:1px solid #eaeaea;margin-bottom:8px}vviinn-product-card::part(price-container),vviinn-product-card::part(deeplink),vviinn-product-card::part(title){align-self:start}@media (max-width: 768px){:host{align-content:start;position:static;overflow-y:unset;width:100%;padding-top:0;margin-top:24px}.products{position:static;padding:0;width:unset;grid-gap:32px 16px;justify-content:center}.nothing-found{position:static;grid-gap:64px;padding:unset;align-content:start;width:unset}}@media (max-width: 380px){.products{grid-gap:24px 10px}}";
|
|
3972
3972
|
|
|
3973
3973
|
var __rest = (undefined && undefined.__rest) || function (s, e) {
|
|
3974
3974
|
var t = {};
|
|
@@ -3991,8 +3991,10 @@ const VviinnResults = class {
|
|
|
3991
3991
|
this.vviinnResultLoad = index.createEvent(this, "vviinnResultLoad", 7);
|
|
3992
3992
|
this.vviinnResultView = index.createEvent(this, "vviinnResultView", 7);
|
|
3993
3993
|
this.searchIdReceivedHandler = ({ detail }) => {
|
|
3994
|
-
|
|
3995
|
-
|
|
3994
|
+
this.getResultsBySearchId(detail.searchId);
|
|
3995
|
+
};
|
|
3996
|
+
this.textSearchStartedHandler = ({ detail }) => {
|
|
3997
|
+
this.getResultsByTextQuery(detail.query);
|
|
3996
3998
|
};
|
|
3997
3999
|
this.getResultsBySearchId = async (searchId) => {
|
|
3998
4000
|
if (!searchId)
|
|
@@ -4040,11 +4042,13 @@ const VviinnResults = class {
|
|
|
4040
4042
|
this.uiSessionId = index$1.v4();
|
|
4041
4043
|
}
|
|
4042
4044
|
document.addEventListener("vviinnSearchIdReceived", this.searchIdReceivedHandler);
|
|
4045
|
+
document.addEventListener("vviinnTextSearchStarted", this.textSearchStartedHandler);
|
|
4043
4046
|
this.getResultsBySearchId(this.searchId);
|
|
4044
4047
|
this.getResultsByTextQuery(this.textSearchQuery);
|
|
4045
4048
|
}
|
|
4046
4049
|
disconnectedCallback() {
|
|
4047
4050
|
document.removeEventListener("vviinnSearchIdReceived", this.searchIdReceivedHandler);
|
|
4051
|
+
document.removeEventListener("vviinnTextSearchStarted", this.textSearchStartedHandler);
|
|
4048
4052
|
}
|
|
4049
4053
|
trackProductLoad({ detail }) {
|
|
4050
4054
|
const productLoadEvent = this.getProductTrackEvent(detail, "load");
|
|
@@ -4175,8 +4179,6 @@ const VviinnResults = class {
|
|
|
4175
4179
|
};
|
|
4176
4180
|
VviinnResults.style = vviinnResultsCss;
|
|
4177
4181
|
|
|
4178
|
-
const vviinnServerErrorCss = ":host{display:flex;justify-content:center}";
|
|
4179
|
-
|
|
4180
4182
|
const VviinnServerError = class {
|
|
4181
4183
|
constructor(hostRef) {
|
|
4182
4184
|
index.registerInstance(this, hostRef);
|
|
@@ -4186,7 +4188,6 @@ const VviinnServerError = class {
|
|
|
4186
4188
|
return (index.h(index.Host, null, index.h("vviinn-error", null, index.h(WarningIcon, null), index.h("h4", { slot: "title" }, index$1.instance.t("serverErrorBlock.title")), index.h("button", { slot: "action", onClick: this.handler }, index$1.instance.t("serverErrorBlock.button")))));
|
|
4187
4189
|
}
|
|
4188
4190
|
};
|
|
4189
|
-
VviinnServerError.style = vviinnServerErrorCss;
|
|
4190
4191
|
|
|
4191
4192
|
const vviinnSlideCss = ":host{display:grid;justify-items:center}";
|
|
4192
4193
|
|
|
@@ -4343,23 +4344,51 @@ const vviinnTextSearchCss = ":host{display:block;position:relative;width:100%}.t
|
|
|
4343
4344
|
const VviinnTextSearch = class {
|
|
4344
4345
|
constructor(hostRef) {
|
|
4345
4346
|
index.registerInstance(this, hostRef);
|
|
4347
|
+
this.vviinnTextSearchStarted = index.createEvent(this, "vviinnTextSearchStarted", 7);
|
|
4348
|
+
this.vviinnTextSearchFinished = index.createEvent(this, "vviinnTextSearchFinished", 7);
|
|
4349
|
+
this.setSearchQuery = (query) => {
|
|
4350
|
+
this.searchQuery = query;
|
|
4351
|
+
};
|
|
4352
|
+
this.token = undefined;
|
|
4353
|
+
this.locale = "de-DE";
|
|
4354
|
+
this.apiPath = "https://api.vviinn.com";
|
|
4355
|
+
this.showInWidget = false;
|
|
4346
4356
|
this.searchQuery = undefined;
|
|
4347
|
-
this.setSearchQuery = undefined;
|
|
4348
|
-
this.handleTextSearch = undefined;
|
|
4349
4357
|
}
|
|
4350
|
-
componentWillLoad() {
|
|
4358
|
+
async componentWillLoad() {
|
|
4359
|
+
await index$1.instance.init({
|
|
4360
|
+
lng: this.locale,
|
|
4361
|
+
fallbackLng: "en",
|
|
4362
|
+
resources: index$1.resources,
|
|
4363
|
+
});
|
|
4351
4364
|
customizedSlots.slotChangeListener(this, this.el);
|
|
4352
4365
|
}
|
|
4353
4366
|
handleInputChange(event) {
|
|
4354
4367
|
this.setSearchQuery(event.target.value);
|
|
4355
4368
|
}
|
|
4369
|
+
async handleTextSearch() {
|
|
4370
|
+
if (!this.searchQuery)
|
|
4371
|
+
return;
|
|
4372
|
+
if (this.showInWidget) {
|
|
4373
|
+
search_store.state.apiPath = this.apiPath; //FIXME: #36877
|
|
4374
|
+
await search_store.makeTextSearchRequest(this.searchQuery, this.token);
|
|
4375
|
+
this.vviinnTextSearchFinished.emit({ query: this.searchQuery });
|
|
4376
|
+
}
|
|
4377
|
+
else {
|
|
4378
|
+
this.vviinnTextSearchStarted.emit({
|
|
4379
|
+
query: this.searchQuery,
|
|
4380
|
+
});
|
|
4381
|
+
}
|
|
4382
|
+
}
|
|
4356
4383
|
handleKeyPress(event) {
|
|
4357
4384
|
if (event.key === "Enter") {
|
|
4358
4385
|
this.handleTextSearch();
|
|
4359
4386
|
}
|
|
4360
4387
|
}
|
|
4361
4388
|
render() {
|
|
4362
|
-
return (index.h(index.Host, { exportparts: "text-search-input" }, index.h("input", { class: "text-search-input", part: "text-search-input", type: "text", placeholder: index$1.instance.t("textSearchPlaceholder"), value: this.searchQuery, onInput: (event) => this.handleInputChange(event), onKeyUp: (event) => this.handleKeyPress(event) }), index.h("button", { class: "text-search-button", onClick: () => this.handleTextSearch(), disabled: search_store.searchState.loading }, search_store.searchState.loading &&
|
|
4389
|
+
return (index.h(index.Host, { exportparts: "text-search-input" }, index.h("input", { class: "text-search-input", part: "text-search-input", type: "text", placeholder: index$1.instance.t("textSearchPlaceholder"), value: this.searchQuery, onInput: (event) => this.handleInputChange(event), onKeyUp: (event) => this.handleKeyPress(event) }), index.h("button", { class: "text-search-button", onClick: () => this.handleTextSearch(), disabled: search_store.searchState.loading }, search_store.searchState.loading &&
|
|
4390
|
+
search_store.searchState.searchType === "text" &&
|
|
4391
|
+
this.showInWidget ? (index.h("vviinn-preloader", null)) : (index.h("slot", { name: "vviinn-text-search-icon" }, index.h(TextSearchIcon, null))))));
|
|
4363
4392
|
}
|
|
4364
4393
|
get el() { return index.getElement(this); }
|
|
4365
4394
|
};
|
|
@@ -17313,7 +17313,7 @@ const uploadFile = (file) => {
|
|
|
17313
17313
|
return error;
|
|
17314
17314
|
}));
|
|
17315
17315
|
};
|
|
17316
|
-
const makeTextSearchRequest = async (query, dynamicFilters) => {
|
|
17316
|
+
const makeTextSearchRequest = async (query, token, dynamicFilters) => {
|
|
17317
17317
|
state.searchType = "text";
|
|
17318
17318
|
state.loading = true;
|
|
17319
17319
|
const body = Object.assign(Object.assign({ query }, (dynamicFilters
|
|
@@ -17321,7 +17321,7 @@ const makeTextSearchRequest = async (query, dynamicFilters) => {
|
|
|
17321
17321
|
dynamicFilters,
|
|
17322
17322
|
}
|
|
17323
17323
|
: {})), (state.campaignId.length ? { campaign: state.campaignId } : {}));
|
|
17324
|
-
const tokenWithBody = sequenceToEither(processBearerToken(
|
|
17324
|
+
const tokenWithBody = sequenceToEither(processBearerToken(token), right(JSON.stringify(body)));
|
|
17325
17325
|
return pipe(tokenWithBody, map$4(([headers, body]) => {
|
|
17326
17326
|
headers.set("Content-Type", "application/json");
|
|
17327
17327
|
return {
|
|
@@ -3,12 +3,11 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-4474431a.js');
|
|
6
|
-
const search_store = require('./search.store-
|
|
6
|
+
const search_store = require('./search.store-598721b2.js');
|
|
7
7
|
const customizedSlots = require('./customized-slots-dacb282b.js');
|
|
8
|
-
const index$1 = require('./index-
|
|
9
|
-
const resources = require('./resources-c5fbe419.js');
|
|
8
|
+
const index$1 = require('./index-8aa4a067.js');
|
|
10
9
|
const PlusIcon = require('./PlusIcon-835a5dcc.js');
|
|
11
|
-
const _package = require('./package-
|
|
10
|
+
const _package = require('./package-33c05afc.js');
|
|
12
11
|
|
|
13
12
|
const BasketIcon = () => (index.h("svg", { width: "25", height: "24", viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
14
13
|
index.h("path", { d: "M7.5 22C6.95 22 6.47917 21.8042 6.0875 21.4125C5.69583 21.0208 5.5 20.55 5.5 20C5.5 19.45 5.69583 18.9792 6.0875 18.5875C6.47917 18.1958 6.95 18 7.5 18C8.05 18 8.52083 18.1958 8.9125 18.5875C9.30417 18.9792 9.5 19.45 9.5 20C9.5 20.55 9.30417 21.0208 8.9125 21.4125C8.52083 21.8042 8.05 22 7.5 22ZM17.5 22C16.95 22 16.4792 21.8042 16.0875 21.4125C15.6958 21.0208 15.5 20.55 15.5 20C15.5 19.45 15.6958 18.9792 16.0875 18.5875C16.4792 18.1958 16.95 18 17.5 18C18.05 18 18.5208 18.1958 18.9125 18.5875C19.3042 18.9792 19.5 19.45 19.5 20C19.5 20.55 19.3042 21.0208 18.9125 21.4125C18.5208 21.8042 18.05 22 17.5 22ZM6.65 6L9.05 11H16.05L18.8 6H6.65ZM5.7 4H20.45C20.8333 4 21.125 4.17083 21.325 4.5125C21.525 4.85417 21.5333 5.2 21.35 5.55L17.8 11.95C17.6167 12.2833 17.3708 12.5417 17.0625 12.725C16.7542 12.9083 16.4167 13 16.05 13H8.6L7.5 15H18.5C18.7833 15 19.0208 15.0958 19.2125 15.2875C19.4042 15.4792 19.5 15.7167 19.5 16C19.5 16.2833 19.4042 16.5208 19.2125 16.7125C19.0208 16.9042 18.7833 17 18.5 17H7.5C6.75 17 6.18333 16.6708 5.8 16.0125C5.41667 15.3542 5.4 14.7 5.75 14.05L7.1 11.6L3.5 4H2.5C2.21667 4 1.97917 3.90417 1.7875 3.7125C1.59583 3.52083 1.5 3.28333 1.5 3C1.5 2.71667 1.59583 2.47917 1.7875 2.2875C1.97917 2.09583 2.21667 2 2.5 2H4.125C4.30833 2 4.48333 2.05 4.65 2.15C4.81667 2.25 4.94167 2.39167 5.025 2.575L5.7 4Z", fill: "#525252" })));
|
|
@@ -525,7 +524,7 @@ const VviinnExtendedFilters = class {
|
|
|
525
524
|
await index$1.instance.init({
|
|
526
525
|
lng: this.locale,
|
|
527
526
|
fallbackLng: "en",
|
|
528
|
-
resources:
|
|
527
|
+
resources: index$1.resources,
|
|
529
528
|
});
|
|
530
529
|
customizedSlots.slotChangeListener(this, this.el);
|
|
531
530
|
}
|
|
@@ -1920,7 +1919,7 @@ const VviinnVprWidget = class {
|
|
|
1920
1919
|
await index$1.instance.init({
|
|
1921
1920
|
lng: this.locale,
|
|
1922
1921
|
fallbackLng: "en",
|
|
1923
|
-
resources:
|
|
1922
|
+
resources: index$1.resources,
|
|
1924
1923
|
});
|
|
1925
1924
|
customizedSlots.slotChangeListener(this, this.el);
|
|
1926
1925
|
}
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-4474431a.js');
|
|
6
6
|
|
|
7
|
-
const vviinnErrorCss = ":host{width:280px;background:#f4f4f4;border-radius:8px;display:grid;grid-gap:20px;padding:24px;text-align:center;justify-items:center;align-self:center;justify-self:center}::slotted(svg){display:grid;align-self:center}::slotted(h4){margin:unset;font-weight:600;font-size:18px;line-height:24px}::slotted(span){font-size:14px;line-height:20px}::slotted(button){-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--color-primary, var(--color-primary-system));font-weight:600;font-size:16px;line-height:20px;cursor:pointer}";
|
|
7
|
+
const vviinnErrorCss = ":host{width:280px;background:#f4f4f4;border-radius:8px;display:grid;grid-gap:20px;padding:24px;text-align:center;justify-items:center;align-self:center;justify-self:center}::slotted(svg){display:grid;align-self:center}::slotted(h4){margin:unset;font-weight:600;font-size:18px;line-height:24px}::slotted(span){font-size:14px;line-height:20px}::slotted(button){-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--color-primary, var(--color-primary-system));font-weight:600;font-size:16px;line-height:20px;cursor:pointer}@media (max-width: 480px){:host{width:260px}}";
|
|
8
8
|
|
|
9
9
|
const VviinnError = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-4474431a.js');
|
|
6
|
-
const search_store = require('./search.store-
|
|
6
|
+
const search_store = require('./search.store-598721b2.js');
|
|
7
7
|
|
|
8
8
|
const vviinnPreloaderCss = ":host{--preloader-size:24px;--preloader-width:calc(var(--preloader-size) / 6);transform-origin:center;animation:rotate 3s linear infinite;border:var(--preloader-width) solid currentColor;border-radius:50%;border-top-color:transparent;display:none;outline:0;width:var(--preloader-size);height:var(--preloader-size);box-sizing:border-box}:host(.active){display:flex}@keyframes rotate{from{transform:rotate(-360deg)}to{transform:rotate(360deg)}}";
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-4474431a.js');
|
|
6
|
-
const _package = require('./package-
|
|
6
|
+
const _package = require('./package-33c05afc.js');
|
|
7
7
|
const VisualSearchIcon = require('./VisualSearchIcon-f435f5b0.js');
|
|
8
8
|
|
|
9
9
|
const vviinnVprButtonCss = ":host{display:block}";
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-4474431a.js');
|
|
6
|
-
const _package = require('./package-
|
|
6
|
+
const _package = require('./package-33c05afc.js');
|
|
7
7
|
const customizedSlots = require('./customized-slots-dacb282b.js');
|
|
8
8
|
const constants = require('./constants-7684cbfc.js');
|
|
9
9
|
|
|
@@ -3,11 +3,10 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-4474431a.js');
|
|
6
|
-
const search_store = require('./search.store-
|
|
7
|
-
const index$1 = require('./index-
|
|
8
|
-
const _package = require('./package-
|
|
6
|
+
const search_store = require('./search.store-598721b2.js');
|
|
7
|
+
const index$1 = require('./index-8aa4a067.js');
|
|
8
|
+
const _package = require('./package-33c05afc.js');
|
|
9
9
|
const customizedSlots = require('./customized-slots-dacb282b.js');
|
|
10
|
-
const resources = require('./resources-c5fbe419.js');
|
|
11
10
|
const constants = require('./constants-7684cbfc.js');
|
|
12
11
|
|
|
13
12
|
const CameraActionIcon = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" },
|
|
@@ -34,7 +33,7 @@ const checkDeviceType = () => {
|
|
|
34
33
|
return "desktop";
|
|
35
34
|
};
|
|
36
35
|
|
|
37
|
-
const vviinnVpsWidgetCss = ":host{--color-primary-system:#0f62fe;--color-primary-hover-system:#014cda;--color-icons-system:#2f8edf;--product-card-width-system:130px;--spacer:8px;--surface-color-surface-01:#f4f4f4;--text-color-text-primary:#161616;--font-family:Inter, system-ui, sans-serif;--font-size-body:14px;--font-weight-regular:400;--line-height-body:20px;--letter-spacing-default:0px;--background-color-background:#fff;--border-color-border-01:#f4f4f4;--gray-100:#161616;--gray-10:#f4f4f4;--gray-70:#525252;--radius-radius-md:8px;--button-color-button-primary:#000;--text-color-text-inverse:#fff;--text-color-text-secondary:#525252;--button-color-button-disabled:#e0e0e0;--text-color-text-disabled:rgba(22, 22, 22, 0.25);--surface-color-surface-accent:#e0e0e0;--border-color-border-02:#c6c6c6;--surface-color-surface-active:#161616;--surface-color-surface-inactive:#e0e0e0;--stroke-color-stroke-01:#f4f4f4}:host{display:block}.hidden{visibility:hidden;height:1px}vviinn-overlayed-modal.first-screen::part(title),vviinn-overlayed-modal.first-screen::part(secondary-action){visibility:hidden}.start-page{display:grid;grid-template-columns:repeat(2, 1fr);height:640px}#start-page_block{box-sizing:border-box;display:flex;overflow-y:auto;flex-direction:column;justify-content:center;padding:40px 62px}#start-page_block.error{align-content:center}#start-page_block vviinn-text-search{margin-top:12px}.start-page_main-content{flex-grow:1;display:flex;flex-direction:column;justify-content:center}.start-page_errors-block{display:flex;flex-direction:column;justify-content:center;gap:12px}.buttons-group{display:flex;flex-direction:column;gap:12px;margin-top:24px}.action-button{font-family:inherit;display:grid;border:none;cursor:pointer;align-items:center;border-radius:8px;font-size:16px;height:48px;justify-items:center;transition:background 0.1s ease-in-out;color:#525252;background-color:#f4f4f4}.action-button:hover{background-color:#eaeaea}.action-button:first-child{background:var(--color-primary, var(--color-primary-system));border-color:var(--color-primary, var(--color-primary-system));color:white}.action-button:first-child:hover{background:var(--color-primary-hover, var(--color-primary-hover-system));border-color:var(--color-primary-hover, var(--color-primary-hover-system))}.action-button:active{border-color:black}.action-button-content{display:grid;align-items:center;justify-items:start;justify-content:center;grid-template-columns:max-content auto;grid-gap:8px}.action-button .hidden{display:none}.results-page{margin-top:64px;display:grid;grid-template-columns:336px auto;box-sizing:border-box}.results-page>*{padding:24px;box-sizing:border-box}.source-wrapper{display:grid;grid-template-rows:min-content 1fr;min-width:100%}.results-page .source-wrapper.text-search-wrapper{padding:24px 24px 0 24px}.filters-wrapper{margin-top:24px;overflow-x:auto;transform:translateX(-24px);min-width:calc(100% + 48px)}search-filters span{display:none}search-filters::part(filter){background:#f4f4f4;border-radius:8px;box-sizing:border-box;color:#161616;font-size:14px;font-weight:400;line-height:20px}search-filters::part(show-more-filters){display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid #f4f4f4;min-width:40px;height:40px;border-radius:100px;box-sizing:border-box;color:#161616}search-filters::part(show-more-filters):hover{background:#eaeaea}search-filters::part(filter active){background:var(--color-primary, var(--color-primary-system));color:white}.results-page:not(.active){display:none}vviinn-preloader{--preloader-size:24px;display:flex}@media (max-width: 1080px){#start-page_block{padding:24px 36px}}@media (max-width: 768px){.start-page{display:flex;flex-direction:column;height:100%}vviinn-overlayed-modal.first-screen::part(secondary-action){visibility:visible}.start-page.active{height:calc(100vh - 64px);height:calc(100svh - 64px)}.start-page:not(.active){overflow:hidden}.results-page{margin-top:0}.results-page>*{box-sizing:border-box;padding:12px 24px 24px}.source-wrapper{grid-template-rows:min-content auto;width:100%;padding:0}.source-wrapper.image-wrapper .filters-wrapper{padding-left:24px;min-width:100%}.image{margin-bottom:8px}.results-page{grid-template-rows:min-content;grid-template-columns:unset}#start-page_block{overflow-y:unset;min-height:-moz-fit-content;min-height:fit-content;padding:24px 20px 20px}}@media (max-width: 480px){.start-page{padding-top:0}.action-button-content{grid-gap:10px}}.visually-hidden{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}";
|
|
36
|
+
const vviinnVpsWidgetCss = ":host{--color-primary-system:#0f62fe;--color-primary-hover-system:#014cda;--color-icons-system:#2f8edf;--product-card-width-system:130px;--spacer:8px;--surface-color-surface-01:#f4f4f4;--text-color-text-primary:#161616;--font-family:Inter, system-ui, sans-serif;--font-size-body:14px;--font-weight-regular:400;--line-height-body:20px;--letter-spacing-default:0px;--background-color-background:#fff;--border-color-border-01:#f4f4f4;--gray-100:#161616;--gray-10:#f4f4f4;--gray-70:#525252;--radius-radius-md:8px;--button-color-button-primary:#000;--text-color-text-inverse:#fff;--text-color-text-secondary:#525252;--button-color-button-disabled:#e0e0e0;--text-color-text-disabled:rgba(22, 22, 22, 0.25);--surface-color-surface-accent:#e0e0e0;--border-color-border-02:#c6c6c6;--surface-color-surface-active:#161616;--surface-color-surface-inactive:#e0e0e0;--stroke-color-stroke-01:#f4f4f4}:host{display:block}.hidden{visibility:hidden;height:1px}vviinn-overlayed-modal.first-screen::part(title),vviinn-overlayed-modal.first-screen::part(secondary-action){visibility:hidden}.start-page{display:grid;grid-template-columns:repeat(2, 1fr);height:640px}#start-page_block{box-sizing:border-box;display:flex;overflow-y:auto;flex-direction:column;justify-content:center;padding:40px 62px}#start-page_block.error{align-content:center}#start-page_block vviinn-text-search{margin-top:12px}.start-page_main-content{flex-grow:1;display:flex;flex-direction:column;justify-content:center}.start-page_errors-block{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px}.buttons-group{display:flex;flex-direction:column;gap:12px;margin-top:24px}.action-button{font-family:inherit;display:grid;border:none;cursor:pointer;align-items:center;border-radius:8px;font-size:16px;height:48px;justify-items:center;transition:background 0.1s ease-in-out;color:#525252;background-color:#f4f4f4}.action-button:hover{background-color:#eaeaea}.action-button:first-child{background:var(--color-primary, var(--color-primary-system));border-color:var(--color-primary, var(--color-primary-system));color:white}.action-button:first-child:hover{background:var(--color-primary-hover, var(--color-primary-hover-system));border-color:var(--color-primary-hover, var(--color-primary-hover-system))}.action-button:active{border-color:black}.action-button-content{display:grid;align-items:center;justify-items:start;justify-content:center;grid-template-columns:max-content auto;grid-gap:8px}.action-button .hidden{display:none}.results-page{margin-top:64px;display:grid;grid-template-columns:336px auto;box-sizing:border-box}.results-page>*{padding:24px;box-sizing:border-box}.source-wrapper{display:grid;grid-template-rows:min-content 1fr;min-width:100%}.results-page .source-wrapper.text-search-wrapper{padding:24px 24px 0 24px}.filters-wrapper{margin-top:24px;overflow-x:auto;transform:translateX(-24px);min-width:calc(100% + 48px)}search-filters span{display:none}search-filters::part(filter){background:#f4f4f4;border-radius:8px;box-sizing:border-box;color:#161616;font-size:14px;font-weight:400;line-height:20px}search-filters::part(show-more-filters){display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid #f4f4f4;min-width:40px;height:40px;border-radius:100px;box-sizing:border-box;color:#161616}search-filters::part(show-more-filters):hover{background:#eaeaea}search-filters::part(filter active){background:var(--color-primary, var(--color-primary-system));color:white}.results-page:not(.active){display:none}vviinn-preloader{--preloader-size:24px;display:flex}@media (max-width: 1080px){#start-page_block{padding:24px 36px}}@media (max-width: 768px){.start-page{display:flex;flex-direction:column;height:100%}vviinn-overlayed-modal.first-screen::part(secondary-action){visibility:visible}.start-page.active{height:calc(100vh - 64px);height:calc(100svh - 64px)}.start-page:not(.active){overflow:hidden}.results-page{margin-top:0}.results-page>*{box-sizing:border-box;padding:12px 24px 24px}.source-wrapper{grid-template-rows:min-content auto;width:100%;padding:0}.source-wrapper.image-wrapper .filters-wrapper{padding-left:24px;min-width:100%}.image{margin-bottom:8px}.results-page{grid-template-rows:min-content;grid-template-columns:unset}#start-page_block{overflow-y:unset;min-height:-moz-fit-content;min-height:fit-content;padding:24px 20px 20px}}@media (max-width: 480px){.start-page{padding-top:0}.action-button-content{grid-gap:10px}}.visually-hidden{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}";
|
|
38
37
|
|
|
39
38
|
var __rest = (undefined && undefined.__rest) || function (s, e) {
|
|
40
39
|
var t = {};
|
|
@@ -161,9 +160,6 @@ const VviinnVpsWidget = class {
|
|
|
161
160
|
widgetVersion: _package.version,
|
|
162
161
|
};
|
|
163
162
|
};
|
|
164
|
-
this.setSearchQuery = (query) => {
|
|
165
|
-
this.searchQuery = query;
|
|
166
|
-
};
|
|
167
163
|
this.LinkText = ({ href, children }) => {
|
|
168
164
|
return index.h("a", { href: href || "" }, children);
|
|
169
165
|
};
|
|
@@ -217,7 +213,7 @@ const VviinnVpsWidget = class {
|
|
|
217
213
|
await index$1.instance.init({
|
|
218
214
|
lng: this.locale,
|
|
219
215
|
fallbackLng: "en",
|
|
220
|
-
resources:
|
|
216
|
+
resources: index$1.resources,
|
|
221
217
|
});
|
|
222
218
|
customizedSlots.slotChangeListener(this, this.el);
|
|
223
219
|
this.vviinnWidgetLoad.emit(this.getBasicEventData());
|
|
@@ -230,12 +226,6 @@ const VviinnVpsWidget = class {
|
|
|
230
226
|
element: this.el,
|
|
231
227
|
});
|
|
232
228
|
}
|
|
233
|
-
async handleTextSearch() {
|
|
234
|
-
if (!this.searchQuery)
|
|
235
|
-
return;
|
|
236
|
-
await search_store.makeTextSearchRequest(this.searchQuery);
|
|
237
|
-
this.slidePosition = 1;
|
|
238
|
-
}
|
|
239
229
|
activeWatcher(active) {
|
|
240
230
|
if (active) {
|
|
241
231
|
this.overflow = document.body.style.overflow;
|
|
@@ -250,6 +240,10 @@ const VviinnVpsWidget = class {
|
|
|
250
240
|
this.initResultEvents();
|
|
251
241
|
}
|
|
252
242
|
}
|
|
243
|
+
textSearchFinishedHandler({ detail, }) {
|
|
244
|
+
this.searchQuery = detail.query;
|
|
245
|
+
this.slidePosition = 1;
|
|
246
|
+
}
|
|
253
247
|
resultLoadHandler() {
|
|
254
248
|
search_store.searchState.resultLoaded = true;
|
|
255
249
|
}
|
|
@@ -285,7 +279,7 @@ const VviinnVpsWidget = class {
|
|
|
285
279
|
this.trackingApi.trackEvent(searchEvent).then(this.setTrackingDeactivated);
|
|
286
280
|
}
|
|
287
281
|
trackTextSearchFilterSelected({ detail }) {
|
|
288
|
-
search_store.makeTextSearchRequest(this.searchQuery, detail);
|
|
282
|
+
search_store.makeTextSearchRequest(this.searchQuery, this.token, detail);
|
|
289
283
|
}
|
|
290
284
|
connectedCallback() {
|
|
291
285
|
this.isDesktop = checkDeviceType() === "desktop";
|
|
@@ -401,7 +395,7 @@ const VviinnVpsWidget = class {
|
|
|
401
395
|
}, id: "start-page_block" }, index.h("div", { class: "start-page_main-content" }, index.h("div", { class: {
|
|
402
396
|
"start-page_errors-block": true,
|
|
403
397
|
hidden: !this.wrongImageFormat && !search_store.searchState.serverError,
|
|
404
|
-
} }, index.h("vviinn-wrong-format", { class: { hidden: !this.wrongImageFormat }, handler: () => this.resetState() }), index.h("vviinn-server-error", { class: { hidden: !search_store.searchState.serverError }, handler: () => this.resetState() })), !this.haveErrors() && (index.h(index.Fragment, null, index.h("vviinn-teaser", null), index.h("div", { class: "buttons-group" }, this.renderButtons()), this.textSearchShow && (index.h("vviinn-text-search", {
|
|
398
|
+
} }, index.h("vviinn-wrong-format", { class: { hidden: !this.wrongImageFormat }, handler: () => this.resetState() }), index.h("vviinn-server-error", { class: { hidden: !search_store.searchState.serverError }, handler: () => this.resetState() })), !this.haveErrors() && (index.h(index.Fragment, null, index.h("vviinn-teaser", null), index.h("div", { class: "buttons-group" }, this.renderButtons()), this.textSearchShow && (index.h("vviinn-text-search", { token: this.token, showInWidget: true, searchQuery: this.searchQuery, apiPath: this.apiPath }))))), index.h("vviinn-privacy-badge", { privacyBadgeText: index$1.instance.t("privacyBadgeText", {
|
|
405
399
|
interpolation: { escapeValue: false },
|
|
406
400
|
}), class: { invisible: this.haveErrors() } }))), index.h("vviinn-slide", { class: {
|
|
407
401
|
"results-page": true,
|
|
@@ -409,7 +403,7 @@ const VviinnVpsWidget = class {
|
|
|
409
403
|
} }, this.isResultSlide() && search_store.searchState.searchType === "image" && (index.h("div", { class: "source-wrapper image-wrapper" }, index.h("vviinn-image-view", { basicEventData: this.getBasicEventData(), setShowAspectRatioError: this.setShowAspectRatioError, showAspectRatioError: this.showAspectRatioError }), index.h("div", { class: {
|
|
410
404
|
"filters-wrapper": true,
|
|
411
405
|
hidden: this.showAspectRatioError,
|
|
412
|
-
} }, index.h("div", { class: "filters" }, search_store.searchState.filters.map((filter) => (index.h("search-filters", { filter: filter, basicEventData: this.getBasicEventData() }))))))), this.isResultSlide() && search_store.searchState.searchType === "text" && (index.h("div", { class: "source-wrapper text-search-wrapper" }, index.h("vviinn-text-search", {
|
|
406
|
+
} }, index.h("div", { class: "filters" }, search_store.searchState.filters.map((filter) => (index.h("search-filters", { filter: filter, basicEventData: this.getBasicEventData() }))))))), this.isResultSlide() && search_store.searchState.searchType === "text" && (index.h("div", { class: "source-wrapper text-search-wrapper" }, index.h("vviinn-text-search", { token: this.token, showInWidget: true, searchQuery: this.searchQuery, apiPath: this.apiPath }), index.h("div", { class: {
|
|
413
407
|
"filters-wrapper": true,
|
|
414
408
|
hidden: this.showAspectRatioError,
|
|
415
409
|
} }, index.h("div", { class: "filters" }, search_store.searchState.textSearchFilters.map((filter) => (index.h("search-filters", { textSearchFiltersGroup: filter, basicEventData: this.getBasicEventData() }))))))), this.isResultSlide() && (index.h("vviinn-results", { token: this.token, uiSessionId: this.uiSessionId, apiPath: this.apiPath, widgetElementId: (_b = this.buttonElementId) !== null && _b !== void 0 ? _b : this.widgetElementId, showingInWidget: true, buttonElementId: this.buttonElementId, imageResolutionWidth: this.imageResolutionWidth, "currency-sign": this.currencySign, locale: this.locale, productDetailsNewTab: this.productDetailsNewTab, productDetailsRedirect: this.productDetailsRedirect, showAspectRatioError: this.showAspectRatioError, trackingDeactivated: this.trackingDeactivated, resetState: this.resetState.bind(this), textSearchQuery: this.searchQuery })))))));
|