vviinn-widgets 2.60.0 → 2.62.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.
Files changed (59) hide show
  1. package/dist/cjs/loader.cjs.js +1 -1
  2. package/dist/cjs/{package-3f1f2d26.js → package-b1ec17b3.js} +1 -1
  3. package/dist/cjs/vviinn-carousel_6.cjs.entry.js +29 -19
  4. package/dist/cjs/vviinn-recommendations-sidebar.cjs.entry.js +25 -3
  5. package/dist/cjs/vviinn-vpr-button.cjs.entry.js +22 -10
  6. package/dist/cjs/vviinn-vps-button.cjs.entry.js +4 -3
  7. package/dist/cjs/vviinn-vps-widget.cjs.entry.js +6 -3
  8. package/dist/cjs/vviinn-widgets.cjs.js +1 -1
  9. package/dist/collection/components/vviinn-carousel/vviinn-carousel.js +19 -1
  10. package/dist/collection/components/vviinn-product-card/vviinn-product-card.js +19 -0
  11. package/dist/collection/components/vviinn-vpr-button/recommendations-sidebar/recommendations-sidebar.js +146 -5
  12. package/dist/collection/components/vviinn-vpr-button/stories/args.js +1 -1
  13. package/dist/collection/components/vviinn-vpr-button/stories/vviinn-vpr-button.stories.js +14 -2
  14. package/dist/collection/components/vviinn-vpr-button/vviinn-vpr-button.js +228 -97
  15. package/dist/collection/components/vviinn-vpr-widget/stories/vviinn-vpr-widget.stories.js +8 -4
  16. package/dist/collection/components/vviinn-vpr-widget/vviinn-vpr-widget.js +187 -162
  17. package/dist/collection/components/vviinn-vps-button/stories/vviinn-vps-button.stories.js +6 -3
  18. package/dist/collection/components/vviinn-vps-button/vviinn-vps-button.js +23 -4
  19. package/dist/collection/components/vviinn-vps-widget/stories/vviinn-vps-widget.stories.js +4 -2
  20. package/dist/collection/components/vviinn-vps-widget/vviinn-vps-widget.js +25 -4
  21. package/dist/esm/loader.js +1 -1
  22. package/dist/esm/{package-8e0d9aa5.js → package-be836bde.js} +1 -1
  23. package/dist/esm/vviinn-carousel_6.entry.js +29 -19
  24. package/dist/esm/vviinn-recommendations-sidebar.entry.js +25 -3
  25. package/dist/esm/vviinn-vpr-button.entry.js +22 -10
  26. package/dist/esm/vviinn-vps-button.entry.js +4 -3
  27. package/dist/esm/vviinn-vps-widget.entry.js +6 -3
  28. package/dist/esm/vviinn-widgets.js +1 -1
  29. package/dist/types/components/vviinn-carousel/vviinn-carousel.d.ts +1 -0
  30. package/dist/types/components/vviinn-product-card/vviinn-product-card.d.ts +2 -0
  31. package/dist/types/components/vviinn-vpr-button/recommendations-sidebar/recommendations-sidebar.d.ts +12 -1
  32. package/dist/types/components/vviinn-vpr-button/vviinn-vpr-button.d.ts +34 -15
  33. package/dist/types/components/vviinn-vpr-widget/vviinn-vpr-widget.d.ts +27 -25
  34. package/dist/types/components/vviinn-vps-button/vviinn-vps-button.d.ts +3 -1
  35. package/dist/types/components/vviinn-vps-widget/vviinn-vps-widget.d.ts +3 -1
  36. package/dist/types/components.d.ts +104 -12
  37. package/dist/vviinn-widgets/p-2cead38f.entry.js +1 -0
  38. package/{www/build/p-0312affe.entry.js → dist/vviinn-widgets/p-2d5b312d.entry.js} +1 -1
  39. package/dist/vviinn-widgets/p-88b63cc1.entry.js +1 -0
  40. package/{www/build/p-39085f69.entry.js → dist/vviinn-widgets/p-8d4d9e15.entry.js} +1 -1
  41. package/dist/vviinn-widgets/p-cd71ef95.js +1 -0
  42. package/dist/vviinn-widgets/p-e3e2c98a.entry.js +1 -0
  43. package/dist/vviinn-widgets/vviinn-widgets.esm.js +1 -1
  44. package/package.json +1 -1
  45. package/www/build/p-2cead38f.entry.js +1 -0
  46. package/{dist/vviinn-widgets/p-0312affe.entry.js → www/build/p-2d5b312d.entry.js} +1 -1
  47. package/www/build/p-88b63cc1.entry.js +1 -0
  48. package/{dist/vviinn-widgets/p-39085f69.entry.js → www/build/p-8d4d9e15.entry.js} +1 -1
  49. package/www/build/p-cd71ef95.js +1 -0
  50. package/www/build/p-e3e2c98a.entry.js +1 -0
  51. package/www/build/vviinn-widgets.esm.js +1 -1
  52. package/dist/vviinn-widgets/p-8e892c5c.entry.js +0 -1
  53. package/dist/vviinn-widgets/p-928bdf4f.entry.js +0 -1
  54. package/dist/vviinn-widgets/p-b9905744.entry.js +0 -1
  55. package/dist/vviinn-widgets/p-d2e14366.js +0 -1
  56. package/www/build/p-8e892c5c.entry.js +0 -1
  57. package/www/build/p-928bdf4f.entry.js +0 -1
  58. package/www/build/p-b9905744.entry.js +0 -1
  59. package/www/build/p-d2e14366.js +0 -1
@@ -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([["vviinn-button.cjs",[[1,"vviinn-button",{"addStyle":[4,"add-style"]}]]],["vviinn-preloader.cjs",[[1,"vviinn-preloader"]]],["vviinn-error.cjs",[[1,"vviinn-error"]]],["vviinn-carousel_6.cjs",[[1,"vviinn-vpr-widget",{"blockTitle":[1,"block-title"],"imageRatio":[2,"image-ratio"],"imageWidth":[2,"image-width"],"productId":[1,"product-id"],"token":[1],"currencySign":[1,"currency-sign"],"pricePrefix":[1,"price-prefix"],"mode":[1],"campaignType":[1,"campaign-type"],"locale":[1],"campaigns":[1],"color":[1],"gridArrowsDynamic":[4,"grid-arrows-dynamic"],"noResultText":[1,"no-result-text"],"noResultShow":[4,"no-result-show"],"showScroll":[4,"show-scroll"],"cssUrl":[1,"css-url"],"excluded":[1],"productDetailNewTab":[4,"product-detail-new-tab"],"addToBasketShow":[4,"add-to-basket-show"],"updateButtonLocation":[1,"update-button-location"],"showFilters":[4,"show-filters"],"showExtendedFilters":[4,"show-extended-filters"],"setModeDiscounts":[1,"set-mode-discounts"],"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],"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-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_17.cjs",[[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-empty-results",{"handler":[16]}],[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-aspect-ratio",{"handler":[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-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],"productDetailNewTab":[4,"product-detail-new-tab"],"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,"vviinnCameraEnabled","trackCameraEnabled"],[0,"vviinnProductLoad","trackProductLoad"],[0,"vviinnProductView","trackProductView"],[0,"vviinnProductClick","trackProductClick"],[0,"vviinnAuxClick","trackAuxClick"],[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],"productDetailNewTab":[4,"product-detail-new-tab"],"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"],"currencySign":[1,"currency-sign"],"noResultText":[1,"no-result-text"],"noResultShow":[4,"no-result-show"],"gridArrowsDynamic":[4,"grid-arrows-dynamic"],"excluded":[1],"productDetailNewTab":[4,"product-detail-new-tab"],"addToBasketShow":[4,"add-to-basket-show"],"showFilters":[4,"show-filters"],"buttonChildren":[16],"apiPath":[1,"api-path"],"buttonElementId":[1,"button-element-id"],"widgetVersion":[1,"widget-version"],"showingInButton":[4,"showing-in-button"],"state":[32]},[[16,"click","bodyClickListener"]]]]],["vviinn-vpr-button.cjs",[[1,"vviinn-vpr-button",{"token":[1],"productId":[1,"product-id"],"position":[1],"sourceImage":[1,"source-image"],"sidebarTitle":[1,"sidebar-title"],"modalScrollbar":[4,"modal-scrollbar"],"campaigns":[1],"campaignType":[1,"campaign-type"],"locale":[1],"color":[1],"addStyle":[4,"add-style"],"mode":[1],"imageWidth":[2,"image-width"],"currencySign":[1,"currency-sign"],"noResultText":[1,"no-result-text"],"noResultShow":[4,"no-result-show"],"gridArrowsDynamic":[4,"grid-arrows-dynamic"],"excluded":[1],"productDetailNewTab":[4,"product-detail-new-tab"],"addToBasketShow":[4,"add-to-basket-show"],"showFilters":[4,"show-filters"],"apiPath":[1,"api-path"]}]]]], options);
17
+ return index.bootstrapLazy([["vviinn-button.cjs",[[1,"vviinn-button",{"addStyle":[4,"add-style"]}]]],["vviinn-preloader.cjs",[[1,"vviinn-preloader"]]],["vviinn-error.cjs",[[1,"vviinn-error"]]],["vviinn-carousel_6.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-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_17.cjs",[[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-empty-results",{"handler":[16]}],[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-aspect-ratio",{"handler":[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-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,"vviinnCameraEnabled","trackCameraEnabled"],[0,"vviinnProductLoad","trackProductLoad"],[0,"vviinnProductView","trackProductView"],[0,"vviinnProductClick","trackProductClick"],[0,"vviinnAuxClick","trackAuxClick"],[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
 
@@ -1,5 +1,5 @@
1
1
  'use strict';
2
2
 
3
- const version = "2.60.0";
3
+ const version = "2.62.0";
4
4
 
5
5
  exports.version = version;
@@ -8,7 +8,7 @@ const customizedSlots = require('./customized-slots-dacb282b.js');
8
8
  const i18next = require('./i18next-74ff3413.js');
9
9
  const index$1 = require('./index-c33ee22e.js');
10
10
  const PlusIcon = require('./PlusIcon-835a5dcc.js');
11
- const _package = require('./package-3f1f2d26.js');
11
+ const _package = require('./package-b1ec17b3.js');
12
12
 
13
13
  const BasketIcon = () => (index.h("svg", { width: "25", height: "24", viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
14
14
  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" })));
@@ -188,6 +188,7 @@ const VviinnCarousel = class {
188
188
  this.updateButtonLocation = undefined;
189
189
  this.replaceSlotsContent = undefined;
190
190
  this.setModeDiscountsArray = undefined;
191
+ this.imageRatio = undefined;
191
192
  this.currencySign = undefined;
192
193
  this.pricePrefix = "";
193
194
  this.locale = undefined;
@@ -400,7 +401,7 @@ const VviinnCarousel = class {
400
401
  const salePrice = this.isSetMode
401
402
  ? setModeDiscount
402
403
  : recommendation.price.sale;
403
- return (index.h("vviinn-product-card", { part: "product-part", productId: recommendation.productId, productTitle: recommendation.title, productType: recommendation.productType, deeplink: recommendation.deeplink, image: recommendation.image.thumbnail, brand: recommendation.brand, imageWidth: this.imageWidth, imageRatio: 1, price: recommendation.price.actual, salePrice: salePrice, responsive: this.isGridMode, dimmedBackground: this.isContinuityMode || this.isSetMode, campaignTypeId: this.campaignTypeId, index: rank, widgetElementId: this.widgetElementId, widgetVersion: this.widgetVersion, basketButtonShow: this.addToBasketShow, mode: this.mode, "data-id": recommendation.productId, updatingAllCards: this.updatingAllCards, defaultAnimationInterval: this.defaultAnimationInterval, updateButtonLocation: this.updateButtonLocation, appliedDiscountPercentage: appliedDiscount, currentDiscountPercentage: this.setModeDiscount, currency: this.currencySign, pricePrefix: this.pricePrefix, locale: this.locale }));
404
+ return (index.h("vviinn-product-card", { part: "product-part", productId: recommendation.productId, productTitle: recommendation.title, productType: recommendation.productType, deeplink: recommendation.deeplink, image: recommendation.image.thumbnail, brand: recommendation.brand, imageWidth: this.imageWidth, imageRatio: this.imageRatio, price: recommendation.price.actual, salePrice: salePrice, responsive: this.isGridMode, dimmedBackground: this.isContinuityMode || this.isSetMode, campaignTypeId: this.campaignTypeId, index: rank, widgetElementId: this.widgetElementId, widgetVersion: this.widgetVersion, basketButtonShow: this.addToBasketShow, mode: this.mode, "data-id": recommendation.productId, updatingAllCards: this.updatingAllCards, defaultAnimationInterval: this.defaultAnimationInterval, updateButtonLocation: this.updateButtonLocation, appliedDiscountPercentage: appliedDiscount, currentDiscountPercentage: this.setModeDiscount, currency: this.currencySign, pricePrefix: this.pricePrefix, locale: this.locale }));
404
405
  }
405
406
  renderRecommendationGroup(elements) {
406
407
  return (index.h("div", { class: CONTENT_GROUP_CSS_CLASS, part: "items-group" }, ...elements));
@@ -803,6 +804,7 @@ const VviinnProductCard = class {
803
804
  this.vviinnAddToBasket = index.createEvent(this, "vviinnAddToBasket", 7);
804
805
  this.vviinnAuxClick = index.createEvent(this, "vviinnAuxClick", 7);
805
806
  this.vviinnCrossSellingClick = index.createEvent(this, "vviinnCrossSellingClick", 7);
807
+ this.vviinnUpdatingAllCardsStarted = index.createEvent(this, "vviinnUpdatingAllCardsStarted", 7);
806
808
  this.vviinnUpdatingAllCardsFinished = index.createEvent(this, "vviinnUpdatingAllCardsFinished", 7);
807
809
  this.productData = null;
808
810
  this.intersectionCallback = (data) => {
@@ -870,6 +872,7 @@ const VviinnProductCard = class {
870
872
  updatingAllCardsWatcher() {
871
873
  if (!this.updatingAllCards)
872
874
  return;
875
+ this.vviinnUpdatingAllCardsStarted.emit();
873
876
  this.isTransitioning = true;
874
877
  this.basketButonPressed = false;
875
878
  const animationTimer = setTimeout(() => {
@@ -1676,30 +1679,31 @@ const VviinnVprWidget = class {
1676
1679
  this.trackingDeactivated = true;
1677
1680
  }
1678
1681
  };
1679
- this.blockTitle = "Recommended products";
1680
- this.imageRatio = 1;
1681
- this.imageWidth = 300;
1682
- this.productId = undefined;
1683
1682
  this.token = undefined;
1684
- this.currencySign = "€";
1685
- this.pricePrefix = "";
1683
+ this.productId = undefined;
1686
1684
  this.mode = "continuity";
1685
+ this.campaigns = "";
1686
+ this.excluded = "";
1687
1687
  this.campaignType = this.mode === "set" ? "VCS" : "VPR";
1688
1688
  this.locale = "de-DE";
1689
- this.campaigns = "";
1690
1689
  this.color = "";
1691
- this.gridArrowsDynamic = false;
1690
+ this.imageWidth = 300;
1691
+ this.imageRatio = 1;
1692
+ this.cssUrl = null;
1693
+ this.currencySign = "€";
1694
+ this.pricePrefix = "";
1692
1695
  this.noResultText = "";
1693
1696
  this.noResultShow = true;
1694
- this.showScroll = true;
1695
- this.cssUrl = null;
1696
- this.excluded = "";
1697
- this.productDetailNewTab = false;
1697
+ this.gridArrowsDynamic = false;
1698
+ this.productDetailsNewTab = false;
1699
+ this.productDetailsRedirect = true;
1698
1700
  this.addToBasketShow = false;
1699
- this.updateButtonLocation = "topAndItem";
1700
1701
  this.showFilters = false;
1701
1702
  this.showExtendedFilters = false;
1702
1703
  this.setModeDiscounts = this.mode === "set" ? "5, 10, 15" : "";
1704
+ this.updateButtonLocation = "topAndItem";
1705
+ this.blockTitle = "Recommended products";
1706
+ this.showScroll = true;
1703
1707
  this.apiPath = "https://api.vviinn.com";
1704
1708
  this.useCarousel = true;
1705
1709
  this.showingInButton = false;
@@ -1725,7 +1729,9 @@ const VviinnVprWidget = class {
1725
1729
  };
1726
1730
  }
1727
1731
  handleOpenLink(deeplink, event) {
1728
- if (this.productDetailNewTab || event.ctrlKey || event.metaKey) {
1732
+ if (!this.productDetailsRedirect)
1733
+ return;
1734
+ if (this.productDetailsNewTab || event.ctrlKey || event.metaKey) {
1729
1735
  let newTab = window.open();
1730
1736
  if (newTab) {
1731
1737
  newTab.location.href = deeplink;
@@ -1965,8 +1971,12 @@ const VviinnVprWidget = class {
1965
1971
  this.productIds = this.recommendations.map((r) => r.productId);
1966
1972
  this.productImageLoadedSubject.subscribe((id) => {
1967
1973
  this.productIds = this.productIds.filter((x) => x !== id);
1968
- if (this.productIds.length === 0) {
1974
+ if (!this.isSetMode && this.productIds.length === 0)
1969
1975
  this.vviinnRecommendationsLoaded.emit();
1976
+ if (this.isSetMode) {
1977
+ const setModeProductsLoaded = this.productIds.length === this.recommendations.length - 4;
1978
+ if (setModeProductsLoaded)
1979
+ this.vviinnRecommendationsLoaded.emit();
1970
1980
  }
1971
1981
  });
1972
1982
  }
@@ -1992,7 +2002,7 @@ const VviinnVprWidget = class {
1992
2002
  : i18next.instance.t("noResultText"))))));
1993
2003
  }
1994
2004
  renderRecommendation(recommendation, index$1) {
1995
- return (index.h("vviinn-product-card", { part: "product-part", productId: recommendation.productId, productTitle: recommendation.title, productType: recommendation.productType, deeplink: recommendation.deeplink, image: recommendation.image.thumbnail, brand: recommendation.brand, imageWidth: this.imageWidth, imageRatio: 1, price: recommendation.price.actual, salePrice: recommendation.price.sale, responsive: this.isGridMode, basketButtonShow: this.addToBasketShow, mode: this.mode, dimmedBackground: this.useDimmedBackgroundInCard(), campaignTypeId: this.campaignType, index: index$1, widgetElementId: this.id, widgetVersion: _package.version, currency: this.currencySign, pricePrefix: this.pricePrefix, locale: this.locale }));
2005
+ return (index.h("vviinn-product-card", { part: "product-part", productId: recommendation.productId, productTitle: recommendation.title, productType: recommendation.productType, deeplink: recommendation.deeplink, image: recommendation.image.thumbnail, brand: recommendation.brand, imageWidth: this.imageWidth, imageRatio: this.imageRatio, price: recommendation.price.actual, salePrice: recommendation.price.sale, responsive: this.isGridMode, basketButtonShow: this.addToBasketShow, mode: this.mode, dimmedBackground: this.useDimmedBackgroundInCard(), campaignTypeId: this.campaignType, index: index$1, widgetElementId: this.id, widgetVersion: _package.version, currency: this.currencySign, pricePrefix: this.pricePrefix, locale: this.locale }));
1996
2006
  }
1997
2007
  useDimmedBackgroundInCard() {
1998
2008
  return this.isContinuityMode || this.isSetMode || !this.useCarousel;
@@ -2001,7 +2011,7 @@ const VviinnVprWidget = class {
2001
2011
  return (index.h("div", { class: "recommendations-grid", part: "recommendations-grid" }, this.recommendations.map((r, i) => this.renderRecommendation(r, i))));
2002
2012
  }
2003
2013
  renderCarousel() {
2004
- return (index.h("vviinn-carousel", { mode: this.mode, campaignTypeId: this.campaignType, imageWidth: this.imageWidth, showScroll: this.showScroll, recommendations: this.recommendations, widgetElementId: this.id, widgetVersion: _package.version, gridArrowsDynamic: this.gridArrowsDynamic, addToBasketShow: this.addToBasketShow, updatingAllCards: this.updatingAllCards, updateButtonLocation: this.updateButtonLocation, replaceSlotsContent: this.replaceSlotsContent.bind(this), setModeDiscountsArray: this.setModeDiscountsArray, currencySign: this.currencySign, pricePrefix: this.pricePrefix, locale: this.locale }));
2014
+ return (index.h("vviinn-carousel", { mode: this.mode, campaignTypeId: this.campaignType, imageWidth: this.imageWidth, showScroll: this.showScroll, recommendations: this.recommendations, widgetElementId: this.id, widgetVersion: _package.version, gridArrowsDynamic: this.gridArrowsDynamic, addToBasketShow: this.addToBasketShow, updatingAllCards: this.updatingAllCards, updateButtonLocation: this.updateButtonLocation, replaceSlotsContent: this.replaceSlotsContent.bind(this), setModeDiscountsArray: this.setModeDiscountsArray, currencySign: this.currencySign, pricePrefix: this.pricePrefix, locale: this.locale, imageRatio: this.imageRatio }));
2005
2015
  }
2006
2016
  get el() { return index.getElement(this); }
2007
2017
  static get watchers() { return {
@@ -25,14 +25,20 @@ const RecommendationsSidebar = class {
25
25
  this.color = undefined;
26
26
  this.locale = undefined;
27
27
  this.imageWidth = 300;
28
+ this.imageRatio = undefined;
29
+ this.cssUrl = undefined;
28
30
  this.currencySign = "€";
31
+ this.pricePrefix = undefined;
29
32
  this.noResultText = undefined;
30
33
  this.noResultShow = undefined;
31
34
  this.gridArrowsDynamic = undefined;
32
35
  this.excluded = undefined;
33
- this.productDetailNewTab = undefined;
36
+ this.productDetailsNewTab = undefined;
37
+ this.productDetailsRedirect = undefined;
34
38
  this.addToBasketShow = false;
35
39
  this.showFilters = false;
40
+ this.setModeDiscounts = undefined;
41
+ this.updateButtonLocation = undefined;
36
42
  this.buttonChildren = undefined;
37
43
  this.apiPath = "https://api.vviinn.com";
38
44
  this.buttonElementId = undefined;
@@ -40,6 +46,19 @@ const RecommendationsSidebar = class {
40
46
  this.showingInButton = undefined;
41
47
  this.state = "idle";
42
48
  }
49
+ updatingAllCardsStarted() {
50
+ const { height } = this.getSidebarRectangle();
51
+ const aside = this.getAsideElement();
52
+ if (aside.style.height !== `${height}px`) {
53
+ aside.style.height = `${height}px`;
54
+ }
55
+ }
56
+ updatingAllCardsFinished() {
57
+ const aside = this.getAsideElement();
58
+ if (aside.style.height !== "auto") {
59
+ aside.style.height = "auto";
60
+ }
61
+ }
43
62
  bodyClickListener(event) {
44
63
  const { clientX, clientY } = event;
45
64
  const sidebarRect = this.getSidebarRectangle();
@@ -60,9 +79,12 @@ const RecommendationsSidebar = class {
60
79
  [this.state]: true,
61
80
  };
62
81
  }
82
+ getAsideElement() {
83
+ return this.el.shadowRoot.querySelector("aside");
84
+ }
63
85
  getSidebarRectangle() {
64
86
  var _a;
65
- return (_a = this.el.shadowRoot.querySelector("aside")) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
87
+ return (_a = this.getAsideElement()) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
66
88
  }
67
89
  componentDidLoad() {
68
90
  const widgetElement = this.el.shadowRoot.querySelector("vviinn-vpr-widget");
@@ -74,7 +96,7 @@ const RecommendationsSidebar = class {
74
96
  });
75
97
  }
76
98
  render() {
77
- return (index.h(index.Host, { class: this.getClassMap() }, index.h("aside", { class: "sidebar", part: "body", onAnimationEnd: (e) => this.handleAnimationEnd(e) }, index.h("header", { class: { "contains-source-img": this.isSourceImageValid() }, part: "sidebar-header" }, this.isSourceImageValid() ? this.renderSourceImage() : null, index.h("span", { class: "title", part: "title" }, this.sidebarTitle), index.h("button", { class: "close-sidebar", onClick: () => (this.state = "closed") }, index.h(CrossIcon, null))), index.h("main", { part: "sidebar-content" }, index.h("vviinn-vpr-widget", { exportparts: "brand, currency, deeplink, image, image-link, price-amount, price-container, price-prefix, price-outdated, price-regular, price-sale, title: product-title, carousel-button, product-card, items-group", token: this.token, productId: this.productId, imageWidth: this.imageWidth, blockTitle: "", mode: this.mode, "campaign-type": this.campaignType, useCarousel: this.position === "bottom", onVviinnRecommendationsLoaded: () => (this.state = "open"), showScroll: this.widgetScrollbar, campaigns: this.campaigns, color: this.color, currencySign: this.currencySign, apiPath: this.apiPath, locale: this.locale, buttonElementId: this.buttonElementId, noResultText: this.noResultText, noResultShow: this.noResultShow, gridArrowsDynamic: this.gridArrowsDynamic, showingInButton: this.showingInButton, excluded: this.excluded, productDetailNewTab: this.productDetailNewTab, closed: this.state === "closed", opened: this.state === "open", addToBasketShow: this.addToBasketShow, showFilters: this.showFilters })))));
99
+ return (index.h(index.Host, { class: this.getClassMap() }, index.h("aside", { class: "sidebar", part: "body", onAnimationEnd: (e) => this.handleAnimationEnd(e) }, index.h("header", { class: { "contains-source-img": this.isSourceImageValid() }, part: "sidebar-header" }, this.isSourceImageValid() ? this.renderSourceImage() : null, index.h("span", { class: "title", part: "title" }, this.sidebarTitle), index.h("button", { class: "close-sidebar", onClick: () => (this.state = "closed") }, index.h(CrossIcon, null))), index.h("main", { part: "sidebar-content" }, index.h("vviinn-vpr-widget", { exportparts: "brand, currency, deeplink, image, image-link, price-amount, price-container, price-prefix, price-outdated, price-regular, price-sale, title: product-title, carousel-button, product-card, items-group", token: this.token, productId: this.productId, imageWidth: this.imageWidth, imageRatio: this.imageRatio, blockTitle: "", mode: this.mode, "campaign-type": this.campaignType, useCarousel: this.position === "bottom", onVviinnRecommendationsLoaded: () => (this.state = "open"), showScroll: this.widgetScrollbar, campaigns: this.campaigns, color: this.color, currencySign: this.currencySign, pricePrefix: this.pricePrefix, apiPath: this.apiPath, locale: this.locale, buttonElementId: this.buttonElementId, noResultText: this.noResultText, noResultShow: this.noResultShow, gridArrowsDynamic: this.gridArrowsDynamic, showingInButton: this.showingInButton, excluded: this.excluded, productDetailsNewTab: this.productDetailsNewTab, productDetailsRedirect: this.productDetailsRedirect, closed: this.state === "closed", opened: this.state === "open", addToBasketShow: this.addToBasketShow, cssUrl: this.cssUrl, showFilters: this.showFilters, setModeDiscounts: this.setModeDiscounts, updateButtonLocation: this.updateButtonLocation })))));
78
100
  }
79
101
  renderSourceImage() {
80
102
  return (index.h("img", { class: "source-image", part: "source-image", src: this.sourceImage }));
@@ -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-3f1f2d26.js');
6
+ const _package = require('./package-b1ec17b3.js');
7
7
  const VisualSearchIcon = require('./VisualSearchIcon-f435f5b0.js');
8
8
 
9
9
  const vviinnVprButtonCss = ":host{display:block}";
@@ -27,25 +27,31 @@ const VviinnVprButton = class {
27
27
  };
28
28
  this.token = undefined;
29
29
  this.productId = undefined;
30
- this.position = "bottom";
31
- this.sourceImage = null;
32
- this.sidebarTitle = "Visually similar products";
33
- this.modalScrollbar = false;
30
+ this.mode = "continuity";
34
31
  this.campaigns = "";
32
+ this.excluded = "";
35
33
  this.campaignType = "VPR";
36
34
  this.locale = "de-DE";
37
35
  this.color = "";
38
- this.addStyle = true;
39
- this.mode = "continuity";
40
36
  this.imageWidth = 300;
37
+ this.imageRatio = 1;
38
+ this.cssUrl = null;
41
39
  this.currencySign = "€";
40
+ this.pricePrefix = "";
42
41
  this.noResultText = "";
43
42
  this.noResultShow = true;
44
43
  this.gridArrowsDynamic = false;
45
- this.excluded = "";
46
- this.productDetailNewTab = false;
44
+ this.productDetailsNewTab = false;
45
+ this.productDetailsRedirect = true;
47
46
  this.addToBasketShow = false;
48
47
  this.showFilters = false;
48
+ this.setModeDiscounts = this.mode === "set" ? "5, 10, 15" : "";
49
+ this.updateButtonLocation = "topAndItem";
50
+ this.sidebarTitle = this.mode === "set" ? "" : "Visually similar products";
51
+ this.modalScrollbar = false;
52
+ this.position = "bottom";
53
+ this.sourceImage = null;
54
+ this.addStyle = true;
49
55
  this.apiPath = "https://api.vviinn.com";
50
56
  }
51
57
  render() {
@@ -68,18 +74,24 @@ const VviinnVprButton = class {
68
74
  sidebar.mode = this.position === "right" ? "grid" : this.mode;
69
75
  sidebar.imageWidth = this.imageWidth;
70
76
  sidebar.currencySign = this.currencySign;
77
+ sidebar.pricePrefix = this.pricePrefix;
71
78
  sidebar.apiPath = this.apiPath;
72
79
  sidebar.buttonElementId = this.el.id;
73
80
  sidebar.noResultText = this.noResultText;
74
81
  sidebar.noResultShow = this.noResultShow;
75
82
  sidebar.gridArrowsDynamic = this.gridArrowsDynamic;
76
- sidebar.productDetailNewTab = this.productDetailNewTab;
83
+ sidebar.productDetailsNewTab = this.productDetailsNewTab;
84
+ sidebar.productDetailsRedirect = this.productDetailsRedirect;
77
85
  sidebar.widgetVersion = _package.version;
78
86
  sidebar.showingInButton = true;
79
87
  sidebar.excluded = this.excluded;
80
88
  sidebar.addToBasketShow = this.addToBasketShow;
81
89
  sidebar.buttonChildren = this.el.children;
82
90
  sidebar.showFilters = this.showFilters;
91
+ sidebar.cssUrl = this.cssUrl;
92
+ sidebar.imageRatio = this.imageRatio;
93
+ sidebar.setModeDiscounts = this.setModeDiscounts;
94
+ sidebar.updateButtonLocation = this.updateButtonLocation;
83
95
  this.sidebar = sidebar;
84
96
  sidebar.addEventListener("vviinnWidgetClose", this.sidebarCloseListener);
85
97
  document.body.append(this.sidebar);
@@ -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-3f1f2d26.js');
6
+ const _package = require('./package-b1ec17b3.js');
7
7
  const customizedSlots = require('./customized-slots-dacb282b.js');
8
8
  const constants = require('./constants-7684cbfc.js');
9
9
 
@@ -45,7 +45,8 @@ const VviinnVpsButton = class {
45
45
  this.addStyle = false;
46
46
  this.mode = "modal";
47
47
  this.excluded = "";
48
- this.productDetailNewTab = true;
48
+ this.productDetailsNewTab = true;
49
+ this.productDetailsRedirect = true;
49
50
  this.imageResolutionWidth = 250;
50
51
  this.exampleImageSource = constants.DEFAULT_EXAMPLE_IMAGE;
51
52
  this.textSearchShow = false;
@@ -72,7 +73,7 @@ const VviinnVpsButton = class {
72
73
  return (index.h(index.Host, { tabindex: "0", role: "button" }, index.h("vviinn-button", { onClick: () => {
73
74
  this.handleClick();
74
75
  }, addStyle: this.addStyle, part: "vviinn-button" }, index.h("slot", null, index.h(CameraIcon, null))), customizedSlots.SlotSkeleton("vps"), index.h("vviinn-vps-widget", { mode: this.mode, "currency-sign": this.currencySign, token: this.token, locale: this.locale, apiPath: this.apiPath, exportparts: "brand, deeplink, currency, image, image-link, price-amount-sale, price-amount-outdated, price-amount-regular, price-container, price-outdated, price-regular, price-sale, price-prefix, title, product-card, upload-photo_button, show-files_button, start-camera_button", campaignId: this.campaignId, showingInButton: true, buttonPressed: this.buttonPressed, resetVpsButton: this.resetButton.bind(this), buttonElementId: this.el.id, active: this.buttonPressed &&
75
- (this.mode === "modal" || this.mode === "camera"), excluded: this.excluded, productDetailNewTab: this.productDetailNewTab, imageResolutionWidth: this.imageResolutionWidth, exampleImageSource: this.exampleImageSource, textSearchShow: this.textSearchShow })));
76
+ (this.mode === "modal" || this.mode === "camera"), excluded: this.excluded, productDetailsNewTab: this.productDetailsNewTab, productDetailsRedirect: this.productDetailsRedirect, imageResolutionWidth: this.imageResolutionWidth, exampleImageSource: this.exampleImageSource, textSearchShow: this.textSearchShow })));
76
77
  }
77
78
  get el() { return index.getElement(this); }
78
79
  };
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-4474431a.js');
6
6
  const search_store = require('./search.store-d6fff13b.js');
7
7
  const i18next = require('./i18next-74ff3413.js');
8
- const _package = require('./package-3f1f2d26.js');
8
+ const _package = require('./package-b1ec17b3.js');
9
9
  const customizedSlots = require('./customized-slots-dacb282b.js');
10
10
  const index$1 = require('./index-c33ee22e.js');
11
11
  const constants = require('./constants-7684cbfc.js');
@@ -180,7 +180,8 @@ const VviinnVpsWidget = class {
180
180
  this.locale = "de-DE";
181
181
  this.campaignId = "";
182
182
  this.excluded = "";
183
- this.productDetailNewTab = true;
183
+ this.productDetailsNewTab = true;
184
+ this.productDetailsRedirect = true;
184
185
  this.imageResolutionWidth = 250;
185
186
  this.exampleImageSource = constants.DEFAULT_EXAMPLE_IMAGE;
186
187
  this.textSearchShow = false;
@@ -223,7 +224,9 @@ const VviinnVpsWidget = class {
223
224
  return search_store.searchState.results.find((r) => r.productId === id);
224
225
  }
225
226
  handleOpenLink(deeplink, event) {
226
- if (this.productDetailNewTab || event.ctrlKey || event.metaKey) {
227
+ if (!this.productDetailsRedirect)
228
+ return;
229
+ if (this.productDetailsNewTab || event.ctrlKey || event.metaKey) {
227
230
  let newTab = window.open();
228
231
  if (newTab) {
229
232
  newTab.location.href = deeplink;
@@ -20,7 +20,7 @@ const patchBrowser = () => {
20
20
  };
21
21
 
22
22
  patchBrowser().then(options => {
23
- return index.bootstrapLazy([["vviinn-button.cjs",[[1,"vviinn-button",{"addStyle":[4,"add-style"]}]]],["vviinn-preloader.cjs",[[1,"vviinn-preloader"]]],["vviinn-error.cjs",[[1,"vviinn-error"]]],["vviinn-carousel_6.cjs",[[1,"vviinn-vpr-widget",{"blockTitle":[1,"block-title"],"imageRatio":[2,"image-ratio"],"imageWidth":[2,"image-width"],"productId":[1,"product-id"],"token":[1],"currencySign":[1,"currency-sign"],"pricePrefix":[1,"price-prefix"],"mode":[1],"campaignType":[1,"campaign-type"],"locale":[1],"campaigns":[1],"color":[1],"gridArrowsDynamic":[4,"grid-arrows-dynamic"],"noResultText":[1,"no-result-text"],"noResultShow":[4,"no-result-show"],"showScroll":[4,"show-scroll"],"cssUrl":[1,"css-url"],"excluded":[1],"productDetailNewTab":[4,"product-detail-new-tab"],"addToBasketShow":[4,"add-to-basket-show"],"updateButtonLocation":[1,"update-button-location"],"showFilters":[4,"show-filters"],"showExtendedFilters":[4,"show-extended-filters"],"setModeDiscounts":[1,"set-mode-discounts"],"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],"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-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_17.cjs",[[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-empty-results",{"handler":[16]}],[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-aspect-ratio",{"handler":[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-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],"productDetailNewTab":[4,"product-detail-new-tab"],"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,"vviinnCameraEnabled","trackCameraEnabled"],[0,"vviinnProductLoad","trackProductLoad"],[0,"vviinnProductView","trackProductView"],[0,"vviinnProductClick","trackProductClick"],[0,"vviinnAuxClick","trackAuxClick"],[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],"productDetailNewTab":[4,"product-detail-new-tab"],"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"],"currencySign":[1,"currency-sign"],"noResultText":[1,"no-result-text"],"noResultShow":[4,"no-result-show"],"gridArrowsDynamic":[4,"grid-arrows-dynamic"],"excluded":[1],"productDetailNewTab":[4,"product-detail-new-tab"],"addToBasketShow":[4,"add-to-basket-show"],"showFilters":[4,"show-filters"],"buttonChildren":[16],"apiPath":[1,"api-path"],"buttonElementId":[1,"button-element-id"],"widgetVersion":[1,"widget-version"],"showingInButton":[4,"showing-in-button"],"state":[32]},[[16,"click","bodyClickListener"]]]]],["vviinn-vpr-button.cjs",[[1,"vviinn-vpr-button",{"token":[1],"productId":[1,"product-id"],"position":[1],"sourceImage":[1,"source-image"],"sidebarTitle":[1,"sidebar-title"],"modalScrollbar":[4,"modal-scrollbar"],"campaigns":[1],"campaignType":[1,"campaign-type"],"locale":[1],"color":[1],"addStyle":[4,"add-style"],"mode":[1],"imageWidth":[2,"image-width"],"currencySign":[1,"currency-sign"],"noResultText":[1,"no-result-text"],"noResultShow":[4,"no-result-show"],"gridArrowsDynamic":[4,"grid-arrows-dynamic"],"excluded":[1],"productDetailNewTab":[4,"product-detail-new-tab"],"addToBasketShow":[4,"add-to-basket-show"],"showFilters":[4,"show-filters"],"apiPath":[1,"api-path"]}]]]], options);
23
+ return index.bootstrapLazy([["vviinn-button.cjs",[[1,"vviinn-button",{"addStyle":[4,"add-style"]}]]],["vviinn-preloader.cjs",[[1,"vviinn-preloader"]]],["vviinn-error.cjs",[[1,"vviinn-error"]]],["vviinn-carousel_6.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-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_17.cjs",[[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-empty-results",{"handler":[16]}],[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-aspect-ratio",{"handler":[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-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,"vviinnCameraEnabled","trackCameraEnabled"],[0,"vviinnProductLoad","trackProductLoad"],[0,"vviinnProductView","trackProductView"],[0,"vviinnProductClick","trackProductClick"],[0,"vviinnAuxClick","trackAuxClick"],[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);
24
24
  });
25
25
 
26
26
  exports.setNonce = index.setNonce;
@@ -66,6 +66,7 @@ export class VviinnCarousel {
66
66
  this.updateButtonLocation = undefined;
67
67
  this.replaceSlotsContent = undefined;
68
68
  this.setModeDiscountsArray = undefined;
69
+ this.imageRatio = undefined;
69
70
  this.currencySign = undefined;
70
71
  this.pricePrefix = "";
71
72
  this.locale = undefined;
@@ -278,7 +279,7 @@ export class VviinnCarousel {
278
279
  const salePrice = this.isSetMode
279
280
  ? setModeDiscount
280
281
  : recommendation.price.sale;
281
- return (h("vviinn-product-card", { part: "product-part", productId: recommendation.productId, productTitle: recommendation.title, productType: recommendation.productType, deeplink: recommendation.deeplink, image: recommendation.image.thumbnail, brand: recommendation.brand, imageWidth: this.imageWidth, imageRatio: 1, price: recommendation.price.actual, salePrice: salePrice, responsive: this.isGridMode, dimmedBackground: this.isContinuityMode || this.isSetMode, campaignTypeId: this.campaignTypeId, index: rank, widgetElementId: this.widgetElementId, widgetVersion: this.widgetVersion, basketButtonShow: this.addToBasketShow, mode: this.mode, "data-id": recommendation.productId, updatingAllCards: this.updatingAllCards, defaultAnimationInterval: this.defaultAnimationInterval, updateButtonLocation: this.updateButtonLocation, appliedDiscountPercentage: appliedDiscount, currentDiscountPercentage: this.setModeDiscount, currency: this.currencySign, pricePrefix: this.pricePrefix, locale: this.locale }));
282
+ return (h("vviinn-product-card", { part: "product-part", productId: recommendation.productId, productTitle: recommendation.title, productType: recommendation.productType, deeplink: recommendation.deeplink, image: recommendation.image.thumbnail, brand: recommendation.brand, imageWidth: this.imageWidth, imageRatio: this.imageRatio, price: recommendation.price.actual, salePrice: salePrice, responsive: this.isGridMode, dimmedBackground: this.isContinuityMode || this.isSetMode, campaignTypeId: this.campaignTypeId, index: rank, widgetElementId: this.widgetElementId, widgetVersion: this.widgetVersion, basketButtonShow: this.addToBasketShow, mode: this.mode, "data-id": recommendation.productId, updatingAllCards: this.updatingAllCards, defaultAnimationInterval: this.defaultAnimationInterval, updateButtonLocation: this.updateButtonLocation, appliedDiscountPercentage: appliedDiscount, currentDiscountPercentage: this.setModeDiscount, currency: this.currencySign, pricePrefix: this.pricePrefix, locale: this.locale }));
282
283
  }
283
284
  renderRecommendationGroup(elements) {
284
285
  return (h("div", { class: CONTENT_GROUP_CSS_CLASS, part: "items-group" }, ...elements));
@@ -565,6 +566,23 @@ export class VviinnCarousel {
565
566
  "text": ""
566
567
  }
567
568
  },
569
+ "imageRatio": {
570
+ "type": "number",
571
+ "mutable": false,
572
+ "complexType": {
573
+ "original": "number",
574
+ "resolved": "number",
575
+ "references": {}
576
+ },
577
+ "required": false,
578
+ "optional": false,
579
+ "docs": {
580
+ "tags": [],
581
+ "text": ""
582
+ },
583
+ "attribute": "image-ratio",
584
+ "reflect": false
585
+ },
568
586
  "currencySign": {
569
587
  "type": "string",
570
588
  "mutable": false,
@@ -104,6 +104,7 @@ export class VviinnProductCard {
104
104
  updatingAllCardsWatcher() {
105
105
  if (!this.updatingAllCards)
106
106
  return;
107
+ this.vviinnUpdatingAllCardsStarted.emit();
107
108
  this.isTransitioning = true;
108
109
  this.basketButonPressed = false;
109
110
  const animationTimer = setTimeout(() => {
@@ -852,6 +853,24 @@ export class VviinnProductCard {
852
853
  }
853
854
  }
854
855
  }
856
+ }, {
857
+ "method": "vviinnUpdatingAllCardsStarted",
858
+ "name": "vviinnUpdatingAllCardsStarted",
859
+ "bubbles": true,
860
+ "cancelable": true,
861
+ "composed": true,
862
+ "docs": {
863
+ "tags": [{
864
+ "name": "internal",
865
+ "text": undefined
866
+ }],
867
+ "text": ""
868
+ },
869
+ "complexType": {
870
+ "original": "any",
871
+ "resolved": "any",
872
+ "references": {}
873
+ }
855
874
  }, {
856
875
  "method": "vviinnUpdatingAllCardsFinished",
857
876
  "name": "vviinnUpdatingAllCardsFinished",