vviinn-widgets 2.166.0 → 2.167.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 (84) hide show
  1. package/dist/cjs/{index-B9ytLPxZ.js → index-DYvhURIh.js} +12 -0
  2. package/dist/cjs/loader.cjs.js +1 -1
  3. package/dist/cjs/{package-cwS3_cup.js → package-CTmKiTyO.js} +1 -1
  4. package/dist/cjs/vviinn-button_2.cjs.entry.js +2 -2
  5. package/dist/cjs/vviinn-camera_12.cjs.entry.js +16 -16
  6. package/dist/cjs/vviinn-carousel_10.cjs.entry.js +77 -32
  7. package/dist/cjs/vviinn-detected-object_7.cjs.entry.js +7 -7
  8. package/dist/cjs/vviinn-text-search.cjs.entry.js +3 -3
  9. package/dist/cjs/vviinn-vps-button.cjs.entry.js +2 -2
  10. package/dist/cjs/vviinn-widgets.cjs.js +1 -1
  11. package/dist/collection/Image/renderTitleImage.js +2 -0
  12. package/dist/collection/components/vviinn-modal/vviinn-modal.js +3 -3
  13. package/dist/collection/components/vviinn-product-card/render-helpers.js +29 -9
  14. package/dist/collection/components/vviinn-product-card/vviinn-energy-label/vviinn-energy-label.js +2 -2
  15. package/dist/collection/components/vviinn-product-card/vviinn-product-card.css +42 -0
  16. package/dist/collection/components/vviinn-product-card/vviinn-product-card.js +79 -16
  17. package/dist/collection/components/vviinn-results/vviinn-results.js +3 -3
  18. package/dist/collection/components/vviinn-skeleton/vviinn-skeleton.js +1 -1
  19. package/dist/collection/components/vviinn-slider/vviinn-slide/vviinn-slide.js +1 -1
  20. package/dist/collection/components/vviinn-slider/vviinn-slider.js +1 -1
  21. package/dist/collection/components/vviinn-teaser/vviinn-teaser.js +1 -1
  22. package/dist/collection/components/vviinn-text-search/vviinn-text-search.js +2 -2
  23. package/dist/collection/components/vviinn-vpr-button/recommendations-sidebar/recommendations-sidebar.js +1 -1
  24. package/dist/collection/components/vviinn-vpr-button/vviinn-vpr-button.js +2 -2
  25. package/dist/collection/components/vviinn-vpr-widget/vviinn-vpr-widget.css +1 -1
  26. package/dist/collection/components/vviinn-vps-button/vviinn-vps-button.js +2 -2
  27. package/dist/collection/components/vviinn-vps-widget/vviinn-vps-widget.js +9 -9
  28. package/dist/collection/cssParts/index.js +2 -1
  29. package/dist/collection/cssParts/product.js +10 -0
  30. package/dist/collection/helpers/url/getLastUrlPath.js +14 -0
  31. package/dist/collection/helpers/url/getLastUrlPath.test.js +23 -0
  32. package/dist/collection/store/search.store.js +1 -1
  33. package/dist/collection/utils/string/joinTruthy.js +3 -0
  34. package/dist/collection/utils/string/joinTruthy.test.js +17 -0
  35. package/dist/esm/{index-DJLLuTh-.js → index-CYUAT3RF.js} +12 -1
  36. package/dist/esm/loader.js +1 -1
  37. package/dist/esm/{package-BRkye-3Y.js → package-Ds0qJGAs.js} +1 -1
  38. package/dist/esm/vviinn-button_2.entry.js +2 -2
  39. package/dist/esm/vviinn-camera_12.entry.js +16 -16
  40. package/dist/esm/vviinn-carousel_10.entry.js +77 -32
  41. package/dist/esm/vviinn-detected-object_7.entry.js +7 -7
  42. package/dist/esm/vviinn-text-search.entry.js +3 -3
  43. package/dist/esm/vviinn-vps-button.entry.js +2 -2
  44. package/dist/esm/vviinn-widgets.js +1 -1
  45. package/dist/types/Image/renderTitleImage.d.ts +1 -0
  46. package/dist/types/components/vviinn-product-card/render-helpers.d.ts +10 -2
  47. package/dist/types/components/vviinn-product-card/vviinn-product-card.d.ts +8 -1
  48. package/dist/types/components.d.ts +24 -0
  49. package/dist/types/cssParts/index.d.ts +1 -0
  50. package/dist/types/cssParts/product.d.ts +1 -0
  51. package/dist/types/helpers/url/getLastUrlPath.d.ts +1 -0
  52. package/dist/types/helpers/url/getLastUrlPath.test.d.ts +1 -0
  53. package/dist/types/utils/string/joinTruthy.d.ts +1 -0
  54. package/dist/types/utils/string/joinTruthy.test.d.ts +1 -0
  55. package/dist/vviinn-widgets/p-08c03082.entry.js +1 -0
  56. package/{www/build/p-f97aa42e.entry.js → dist/vviinn-widgets/p-177e130c.entry.js} +1 -1
  57. package/dist/vviinn-widgets/{p-d06c3d98.entry.js → p-53347933.entry.js} +1 -1
  58. package/dist/vviinn-widgets/{p-e70adb2f.entry.js → p-6e0b7760.entry.js} +1 -1
  59. package/dist/vviinn-widgets/{p-464d7e0c.entry.js → p-7d12f926.entry.js} +1 -1
  60. package/dist/vviinn-widgets/{p-DJLLuTh-.js → p-CYUAT3RF.js} +1 -1
  61. package/dist/vviinn-widgets/{p-BRkye-3Y.js → p-Ds0qJGAs.js} +1 -1
  62. package/dist/vviinn-widgets/{p-f4a75f92.entry.js → p-bb74e1b1.entry.js} +2 -2
  63. package/dist/vviinn-widgets/vviinn-widgets.esm.js +1 -1
  64. package/package.json +1 -1
  65. package/www/build/p-08c03082.entry.js +1 -0
  66. package/{dist/vviinn-widgets/p-f97aa42e.entry.js → www/build/p-177e130c.entry.js} +1 -1
  67. package/www/build/{p-d06c3d98.entry.js → p-53347933.entry.js} +1 -1
  68. package/www/build/{p-e70adb2f.entry.js → p-6e0b7760.entry.js} +1 -1
  69. package/www/build/{p-464d7e0c.entry.js → p-7d12f926.entry.js} +1 -1
  70. package/www/build/p-9fa69445.js +1 -0
  71. package/www/build/{p-DJLLuTh-.js → p-CYUAT3RF.js} +1 -1
  72. package/www/build/{p-BRkye-3Y.js → p-Ds0qJGAs.js} +1 -1
  73. package/www/build/{p-f4a75f92.entry.js → p-bb74e1b1.entry.js} +2 -2
  74. package/www/build/vviinn-widgets.esm.js +1 -1
  75. package/www/index.html +1 -1
  76. package/dist/collection/Image/renderImage.js +0 -2
  77. package/dist/collection/helpers/index.js +0 -1
  78. package/dist/collection/utils/string/index.js +0 -1
  79. package/dist/types/Image/renderImage.d.ts +0 -1
  80. package/dist/types/helpers/index.d.ts +0 -1
  81. package/dist/types/utils/string/index.d.ts +0 -1
  82. package/dist/vviinn-widgets/p-d6ea882d.entry.js +0 -1
  83. package/www/build/p-ca47d016.js +0 -1
  84. package/www/build/p-d6ea882d.entry.js +0 -1
@@ -19,7 +19,7 @@ var patchBrowser = () => {
19
19
 
20
20
  patchBrowser().then(async (options) => {
21
21
  await appGlobals.globalScripts();
22
- return index.bootstrapLazy(JSON.parse("[[\"vviinn-selected-filters.cjs\",[[1,\"vviinn-selected-filters\",{\"showInWidget\":[4,\"show-in-widget\"],\"requestFilters\":[32],\"selectedFilterButtons\":[32],\"textSearchCustomFilter\":[32],\"imageSrc\":[32],\"priceCustomFilter\":[32]}]]],[\"vviinn-error.cjs\",[[1,\"vviinn-error\"]]],[\"vviinn-carousel_10.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\"],\"setItemsAmount\":[2,\"set-items-amount\"],\"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\"],\"addPriceContainer\":[4,\"add-price-container\"],\"favoriteShow\":[4,\"favorite-show\"],\"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],\"isAppended\":[4,\"is-appended\"],\"showInWidget\":[4,\"show-in-widget\"],\"recommendationsLoading\":[1028,\"recommendations-loading\"],\"setRecommendationsLoading\":[16,\"set-recommendations-loading\"],\"imageResolutionWidth\":[2,\"image-resolution-width\"],\"recommendations\":[32],\"dynamicFilters\":[32],\"sourceProduct\":[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,\"vviinnAddToFavorite\",\"trackAddToWishlist\"],[0,\"vviinnUpdatingAllCardsFinished\",\"updatingAllCardsFinishedListener\"],[0,\"vviinnFiltersChanged\",\"filtersChanged\"]],{\"productId\":[\"handleProductIdChange\"],\"campaignType\":[\"handleCampaignTypeChange\"],\"campaigns\":[\"handleCampaignsChange\"],\"opened\":[\"trackWidgetOpen\"],\"closed\":[\"trackWidgetClose\"]}],[0,\"vviinn-carousel\",{\"mode\":[1],\"currencySign\":[1,\"currency-sign\"],\"pricePrefix\":[1,\"price-prefix\"],\"locale\":[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],\"sourceProduct\":[16,\"source-product\"],\"widgetVersion\":[1,\"widget-version\"],\"addToBasketShow\":[4,\"add-to-basket-show\"],\"updatingAllCards\":[4,\"updating-all-cards\"],\"updateButtonLocation\":[1,\"update-button-location\"],\"replaceSlotsContent\":[16,\"replace-slots-content\"],\"setModeDiscountsArray\":[16,\"set-mode-discounts-array\"],\"imageRatio\":[2,\"image-ratio\"],\"addPriceContainer\":[4,\"add-price-container\"],\"favoriteShow\":[4,\"favorite-show\"],\"setItemsAmount\":[2,\"set-items-amount\"],\"isAppended\":[4,\"is-appended\"],\"loading\":[4],\"hasErrorOnLoad\":[4,\"has-error-on-load\"],\"showInWidget\":[4,\"show-in-widget\"],\"imageResolutionWidth\":[2,\"image-resolution-width\"],\"moveDirection\":[32],\"contentGroups\":[32],\"activeContentGroup\":[32],\"isRTL\":[32],\"crossSellingRecommendations\":[32],\"setModeDiscount\":[32],\"currentDiscountIndex\":[32],\"setModeAppliedDiscounts\":[32],\"columns\":[32],\"showContent\":[32]},[[0,\"vviinnCrossSellingClick\",\"crossSellingClickListener\"],[0,\"vviinnAddToBasket\",\"setModeAddToBasketHandler\"]],{\"recommendations\":[\"recommendationsWatcher\"],\"updatingAllCards\":[\"updatingAllCardsWatcher\"],\"loading\":[\"onLoadingChange\"]}],[1,\"vviinn-extended-filters\",{\"filters\":[1040],\"mode\":[1],\"showHeader\":[4,\"show-header\"],\"filtersString\":[1,\"filters-string\"],\"showInWidget\":[4,\"show-in-widget\"],\"widgetElement\":[8,\"widget-element\"],\"innerFilters\":[32],\"requestFilters\":[32],\"showMore\":[32],\"selectedMoreOptions\":[32],\"displayedOptionsCount\":[32]},[[16,\"click\",\"bodyClickListener\"]],{\"showMore\":[\"showMoreWatcher\"],\"filtersString\":[\"filtersStringWatcher\"]}],[1,\"vviinn-filters\",{\"filters\":[1040],\"filtersString\":[1,\"filters-string\"],\"showInWidget\":[4,\"show-in-widget\"],\"innerFilters\":[32],\"selectedFilter\":[32],\"requestFilters\":[32]},null,{\"filtersString\":[\"filtersStringWatcher\"]}],[1,\"vviinn-product-card\",{\"brand\":[1],\"currency\":[1],\"locale\":[1],\"pricePrefix\":[1,\"price-prefix\"],\"image\":[1],\"imageRatio\":[2,\"image-ratio\"],\"imageWidth\":[2,\"image-width\"],\"price\":[2],\"basePrice\":[1,\"base-price\"],\"productTitle\":[1,\"product-title\"],\"productType\":[1,\"product-type\"],\"setMode\":[4,\"set-mode\"],\"salePrice\":[2,\"sale-price\"],\"baseSalePrice\":[1,\"base-sale-price\"],\"responsive\":[4],\"addToBasketShow\":[4,\"add-to-basket-show\"],\"favoriteShow\":[4,\"favorite-show\"],\"updateButtonLocation\":[1,\"update-button-location\"],\"customLabels\":[1,\"custom-labels\"],\"addPriceContainer\":[4,\"add-price-container\"],\"energyCertifications\":[1040,\"energy-certifications\"],\"productId\":[1,\"product-id\"],\"campaignTypeId\":[1,\"campaign-type-id\"],\"widgetElementId\":[1,\"widget-element-id\"],\"buttonElementId\":[1,\"button-element-id\"],\"widgetVersion\":[1,\"widget-version\"],\"deeplink\":[1],\"index\":[2],\"updatingAllCards\":[4,\"updating-all-cards\"],\"defaultAnimationInterval\":[2,\"default-animation-interval\"],\"appliedDiscountPercentage\":[2,\"applied-discount-percentage\"],\"currentDiscountPercentage\":[2,\"current-discount-percentage\"],\"isSourceProduct\":[4,\"is-source-product\"],\"isResultsWidget\":[4,\"is-results-widget\"],\"energyCertificationsString\":[1,\"energy-certifications-string\"],\"isStandalone\":[4,\"is-standalone\"],\"showFooterArrow\":[4,\"show-footer-arrow\"],\"imageResolutionWidth\":[2,\"image-resolution-width\"],\"isTransitioning\":[32],\"basketButonPressed\":[32],\"favoriteButonPressed\":[32]},[[0,\"vviinnCrossSellingClick\",\"crossSellingClickListener\"]],{\"updatingAllCards\":[\"updatingAllCardsWatcher\"],\"productId\":[\"productIdWatcher\"]}],[1,\"vviinn-product-card-skeleton\",{\"imageRatio\":[2,\"image-ratio\"]}],[1,\"vviinn-extended-filters-button\",{\"handleClick\":[16,\"handle-click\"],\"showInWidget\":[4,\"show-in-widget\"]}],[1,\"vviinn-energy-label\",{\"classIconUrls\":[16,\"class-icon-urls\"],\"productType\":[1,\"product-type\"],\"classDataSheetUrl\":[1,\"class-data-sheet-url\"],\"iconDirection\":[1,\"icon-direction\"]}],[1,\"vviinn-price-range\",{\"histogram\":[16],\"addStyle\":[4,\"add-style\"],\"priceChangeHandler\":[16,\"price-change-handler\"],\"selectedInterval\":[16,\"selected-interval\"],\"minIndex\":[32],\"maxIndex\":[32],\"scalingFactor\":[32]},null,{\"selectedInterval\":[\"updatingSelectedInterval\"]}],[1,\"vviinn-skeleton\",{\"height\":[2],\"halfWidth\":[4,\"half-width\"],\"aspectRatio\":[2,\"aspect-ratio\"]}]]],[\"vviinn-button_2.cjs\",[[1,\"vviinn-recommendations-sidebar\",{\"sidebarTitle\":[1,\"sidebar-title\"],\"token\":[1],\"locale\":[1],\"currencySign\":[1,\"currency-sign\"],\"pricePrefix\":[1,\"price-prefix\"],\"productId\":[1,\"product-id\"],\"position\":[1],\"widgetScrollbar\":[4,\"widget-scrollbar\"],\"mode\":[1],\"campaigns\":[1],\"campaignType\":[1,\"campaign-type\"],\"color\":[1],\"imageWidth\":[2,\"image-width\"],\"imageRatio\":[2,\"image-ratio\"],\"cssUrl\":[1,\"css-url\"],\"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\"],\"addPriceContainer\":[4,\"add-price-container\"],\"showFilters\":[4,\"show-filters\"],\"setModeDiscounts\":[1,\"set-mode-discounts\"],\"setItemsAmount\":[2,\"set-items-amount\"],\"updateButtonLocation\":[1,\"update-button-location\"],\"favoriteShow\":[4,\"favorite-show\"],\"useCarousel\":[4,\"use-carousel\"],\"showInWidget\":[4,\"show-in-widget\"],\"imageResolutionWidth\":[2,\"image-resolution-width\"],\"apiPath\":[1,\"api-path\"],\"showInCustomContainer\":[4,\"show-in-custom-container\"],\"buttonChildren\":[16,\"button-children\"],\"buttonElementId\":[1,\"button-element-id\"],\"widgetVersion\":[1,\"widget-version\"],\"showingInButton\":[4,\"showing-in-button\"],\"showInModal\":[4,\"show-in-modal\"],\"isAppended\":[4,\"is-appended\"],\"sidebarState\":[32],\"sourceProduct\":[32],\"showLoadingClass\":[32],\"recommendationsLoading\":[32],\"hidden\":[32]},[[0,\"vviinnUpdatingAllCardsStarted\",\"updatingAllCardsStarted\"],[0,\"vviinnUpdatingAllCardsFinished\",\"updatingAllCardsFinished\"],[16,\"click\",\"bodyClickListener\"],[0,\"sourceProductReceived\",\"sourceProductReceived\"]],{\"recommendationsLoading\":[\"handleLoadingChange\"]}],[1,\"vviinn-button\",{\"addStyle\":[4,\"add-style\"]}]]],[\"vviinn-detected-object_7.cjs\",[[1,\"vviinn-vpr-button\",{\"token\":[1],\"locale\":[1],\"currencySign\":[1,\"currency-sign\"],\"pricePrefix\":[1,\"price-prefix\"],\"productId\":[1,\"product-id\"],\"mode\":[1],\"campaigns\":[1],\"excluded\":[1],\"campaignType\":[1,\"campaign-type\"],\"color\":[1],\"imageWidth\":[2,\"image-width\"],\"imageRatio\":[2,\"image-ratio\"],\"setItemsAmount\":[2,\"set-items-amount\"],\"cssUrl\":[1,\"css-url\"],\"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\"],\"addPriceContainer\":[4,\"add-price-container\"],\"setModeDiscounts\":[1,\"set-mode-discounts\"],\"updateButtonLocation\":[1,\"update-button-location\"],\"sidebarTitle\":[1,\"sidebar-title\"],\"modalScrollbar\":[4,\"modal-scrollbar\"],\"position\":[1],\"addStyle\":[4,\"add-style\"],\"favoriteShow\":[4,\"favorite-show\"],\"appendSidebarToElement\":[16,\"append-sidebar-to-element\"],\"appendSidebarToId\":[1,\"append-sidebar-to-id\"],\"oneClickDiscoveryMode\":[1,\"one-click-discovery-mode\"],\"apiPath\":[1,\"api-path\"],\"showInWidget\":[4,\"show-in-widget\"],\"imageResolutionWidth\":[2,\"image-resolution-width\"],\"targetAppendSidebarTo\":[32]},null,{\"appendSidebarToElement\":[\"appendSidebarToElementWatcher\"]}],[1,\"vviinn-empty-results\",{\"handler\":[16]}],[1,\"vviinn-wrong-aspect-ratio\",{\"handler\":[16]}],[1,\"vviinn-detected-object\",{\"detectedObject\":[16,\"detected-object\"],\"selectedDetectedObject\":[16,\"selected-detected-object\"],\"basicEventData\":[16,\"basic-event-data\"],\"imageBounds\":[16,\"image-bounds\"],\"showInWidget\":[4,\"show-in-widget\"],\"position\":[32]}],[1,\"vviinn-modal\",{\"active\":[1540],\"resetState\":[16,\"reset-state\"],\"buttonElementId\":[1,\"button-element-id\"],\"widgetVersion\":[1,\"widget-version\"],\"hideBackButton\":[4,\"hide-back-button\"],\"isFirstScreen\":[4,\"is-first-screen\"],\"slider\":[32]}],[1,\"vviinn-overlay\"],[1,\"vviinn-preloader\"]]],[\"vviinn-vps-button.cjs\",[[1,\"vviinn-vps-button\",{\"token\":[1],\"currencySign\":[1,\"currency-sign\"],\"locale\":[1],\"pricePrefix\":[1,\"price-prefix\"],\"campaignId\":[1,\"campaign-id\"],\"campaignIdTextSearch\":[1,\"campaign-id-text-search\"],\"campaignIdVisualSearch\":[1,\"campaign-id-visual-search\"],\"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\"],\"addToBasketShow\":[4,\"add-to-basket-show\"],\"favoriteShow\":[4,\"favorite-show\"],\"oneClickDiscoveryShow\":[4,\"one-click-discovery-show\"],\"oneClickDiscoveryMode\":[1,\"one-click-discovery-mode\"],\"oneClickDiscoveryCampaigns\":[1,\"one-click-discovery-campaigns\"],\"addPriceContainer\":[4,\"add-price-container\"],\"apiPath\":[1,\"api-path\"],\"showInWidget\":[4,\"show-in-widget\"],\"buttonPressed\":[32]},[[0,\"vviinnWidgetClose\",\"handleModalClosed\"]]]]],[\"vviinn-text-search.cjs\",[[1,\"vviinn-text-search\",{\"token\":[1],\"locale\":[1],\"mode\":[1],\"searchQuery\":[1025,\"search-query\"],\"placeholder\":[1],\"showInWidget\":[4,\"show-in-widget\"],\"showOnFirstScreen\":[4,\"show-on-first-screen\"],\"apiPath\":[1,\"api-path\"],\"uiSessionId\":[1,\"ui-session-id\"],\"basicEventData\":[16,\"basic-event-data\"],\"isRecording\":[32],\"showTooltip\":[32]}]]],[\"vviinn-camera_12.cjs\",[[1,\"vviinn-vps-widget\",{\"token\":[1],\"active\":[1028],\"currencySign\":[1,\"currency-sign\"],\"pricePrefix\":[1,\"price-prefix\"],\"locale\":[1],\"campaignId\":[1,\"campaign-id\"],\"campaignIdTextSearch\":[1,\"campaign-id-text-search\"],\"campaignIdVisualSearch\":[1,\"campaign-id-visual-search\"],\"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\"],\"addToBasketShow\":[4,\"add-to-basket-show\"],\"favoriteShow\":[4,\"favorite-show\"],\"oneClickDiscoveryShow\":[4,\"one-click-discovery-show\"],\"oneClickDiscoveryMode\":[1,\"one-click-discovery-mode\"],\"oneClickDiscoveryCampaigns\":[1,\"one-click-discovery-campaigns\"],\"addPriceContainer\":[4,\"add-price-container\"],\"apiPath\":[1,\"api-path\"],\"showingInButton\":[4,\"showing-in-button\"],\"buttonElementId\":[1,\"button-element-id\"],\"buttonPressed\":[4,\"button-pressed\"],\"mode\":[1],\"resetVpsButton\":[16,\"reset-vps-button\"],\"replaceSlotsContentInButton\":[16,\"replace-slots-content-in-button\"],\"parentSlots\":[16,\"parent-slots\"],\"showInWidget\":[4,\"show-in-widget\"],\"slidePosition\":[32],\"uploadSource\":[32],\"stream\":[32],\"products\":[32],\"textSearchQuery\":[32],\"modalBody\":[32],\"isCameraInitializing\":[32],\"isCameraEnabled\":[32],\"isCameraButtonClicked\":[32],\"showAspectRatioError\":[32],\"wrongImageFormat\":[32]},[[0,\"widgetTextSearchFinished\",\"textSearchFinishedHandler\"],[0,\"vviinnResultLoad\",\"resultLoadHandler\"],[0,\"vviinnResultView\",\"resultViewHandler\"],[0,\"vviinnCameraEnabled\",\"trackCameraEnabled\"],[0,\"vviinnImageCrop\",\"cropAreaChanges\"],[0,\"vviinnSelectObject\",\"trackDetectedObject\"],[0,\"vviinnSelectFilter\",\"trackImageSearchFilterSelected\"]],{\"active\":[\"activeWatcher\"],\"slidePosition\":[\"slidePositionWatcher\"]}],[1,\"vviinn-results\",{\"token\":[1],\"currencySign\":[1,\"currency-sign\"],\"locale\":[8],\"campaignIdTextSearch\":[1,\"campaign-id-text-search\"],\"campaignIdVisualSearch\":[1,\"campaign-id-visual-search\"],\"pricePrefix\":[1,\"price-prefix\"],\"searchId\":[1,\"search-id\"],\"uiSessionId\":[1025,\"ui-session-id\"],\"imageResolutionWidth\":[2,\"image-resolution-width\"],\"productDetailsNewTab\":[4,\"product-details-new-tab\"],\"productDetailsRedirect\":[4,\"product-details-redirect\"],\"addToBasketShow\":[4,\"add-to-basket-show\"],\"favoriteShow\":[4,\"favorite-show\"],\"textSearchQuery\":[1,\"text-search-query\"],\"filterColumn\":[1,\"filter-column\"],\"filterValue\":[1,\"filter-value\"],\"resultsCount\":[2,\"results-count\"],\"addPriceContainer\":[4,\"add-price-container\"],\"oneClickDiscoveryMode\":[1,\"one-click-discovery-mode\"],\"oneClickDiscoveryCampaigns\":[1,\"one-click-discovery-campaigns\"],\"showInWidget\":[4,\"show-in-widget\"],\"apiPath\":[1,\"api-path\"],\"buttonElementId\":[1,\"button-element-id\"],\"widgetElementId\":[1025,\"widget-element-id\"],\"showAspectRatioError\":[4,\"show-aspect-ratio-error\"],\"resetWidgetState\":[16,\"reset-widget-state\"],\"replaceSlotsContentInWidget\":[16,\"replace-slots-content-in-widget\"],\"replaceSlotsContentInButton\":[16,\"replace-slots-content-in-button\"],\"parentSlots\":[16,\"parent-slots\"],\"useInnerState\":[4,\"use-inner-state\"],\"scrollableModalBody\":[16,\"scrollable-modal-body\"],\"innerTextSearchQuery\":[32],\"slotsReplaced\":[32],\"oneClickDiscoveryAppendIndex\":[32],\"oneClickDiscoverySelectedIndex\":[32],\"isTextSearch\":[32],\"innerResults\":[32]},[[0,\"vviinnProductLoad\",\"trackProductLoad\"],[0,\"vviinnProductView\",\"trackProductView\"],[0,\"vviinnProductClick\",\"trackProductClick\"],[0,\"vviinnAuxClick\",\"trackAuxClick\"],[0,\"vviinnAddToBasket\",\"trackAddToBasket\"],[0,\"vviinnAddToFavorite\",\"trackAddToFavorite\"]],{\"textSearchQuery\":[\"watchTextSearchQuery\"],\"searchId\":[\"watchSearchId\"]}],[1,\"vviinn-cropper\",{\"saveImageMode\":[1,\"save-image-mode\"],\"width\":[1026],\"apiPath\":[1,\"api-path\"],\"height\":[1026],\"basicEventData\":[1040,\"basic-event-data\"],\"showAspectRatioError\":[4,\"show-aspect-ratio-error\"],\"showInWidget\":[4,\"show-in-widget\"],\"cropper\":[32],\"selectedDetectedObject\":[32]},[[0,\"vviinnSelectObject\",\"selectDetectedObject\"],[0,\"vviinnImageCrop\",\"imageCropHandler\"]]],[1,\"vviinn-overlayed-modal\",{\"active\":[4],\"resetState\":[16,\"reset-state\"],\"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,\"basic-event-data\"],\"startUpload\":[4,\"start-upload\"],\"loading\":[4],\"accept\":[1],\"resetVpsButton\":[16,\"reset-vps-button\"],\"token\":[1],\"apiPath\":[1,\"api-path\"],\"showInWidget\":[4,\"show-in-widget\"],\"storeName\":[1,\"store-name\"],\"state\":[16]},null,{\"startUpload\":[\"startUploadWatcher\"]}],[1,\"vviinn-server-error\",{\"handler\":[16]}],[1,\"vviinn-wrong-format\",{\"handler\":[16]}],[1,\"vviinn-camera\",{\"exampleImageSource\":[1,\"example-image-source\"],\"width\":[2],\"height\":[2],\"basicEventData\":[16,\"basic-event-data\"],\"srcObject\":[16,\"src-object\"],\"cameraButtonClicked\":[4,\"camera-button-clicked\"],\"showInWidget\":[4,\"show-in-widget\"],\"storeName\":[1,\"store-name\"],\"state\":[16],\"selected\":[32],\"videoInitialized\":[32],\"zoomCapabilities\":[32]},null,{\"srcObject\":[\"handleSrcObjectChange\"]}],[1,\"vviinn-privacy-badge\",{\"privacyBadgeText\":[1,\"privacy-badge-text\"]}],[1,\"vviinn-slide\"],[1,\"vviinn-slider\",{\"position\":[514],\"elementsCount\":[32],\"internalPosition\":[32],\"swipeStartPosition\":[32],\"isRTL\":[32]},null,{\"position\":[\"positionWatchHandler\"]}],[1,\"vviinn-teaser\"]]]]"), options);
22
+ return index.bootstrapLazy(JSON.parse("[[\"vviinn-selected-filters.cjs\",[[1,\"vviinn-selected-filters\",{\"showInWidget\":[4,\"show-in-widget\"],\"requestFilters\":[32],\"selectedFilterButtons\":[32],\"textSearchCustomFilter\":[32],\"imageSrc\":[32],\"priceCustomFilter\":[32]}]]],[\"vviinn-error.cjs\",[[1,\"vviinn-error\"]]],[\"vviinn-carousel_10.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\"],\"setItemsAmount\":[2,\"set-items-amount\"],\"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\"],\"addPriceContainer\":[4,\"add-price-container\"],\"favoriteShow\":[4,\"favorite-show\"],\"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],\"isAppended\":[4,\"is-appended\"],\"showInWidget\":[4,\"show-in-widget\"],\"recommendationsLoading\":[1028,\"recommendations-loading\"],\"setRecommendationsLoading\":[16,\"set-recommendations-loading\"],\"imageResolutionWidth\":[2,\"image-resolution-width\"],\"recommendations\":[32],\"dynamicFilters\":[32],\"sourceProduct\":[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,\"vviinnAddToFavorite\",\"trackAddToWishlist\"],[0,\"vviinnUpdatingAllCardsFinished\",\"updatingAllCardsFinishedListener\"],[0,\"vviinnFiltersChanged\",\"filtersChanged\"]],{\"productId\":[\"handleProductIdChange\"],\"campaignType\":[\"handleCampaignTypeChange\"],\"campaigns\":[\"handleCampaignsChange\"],\"opened\":[\"trackWidgetOpen\"],\"closed\":[\"trackWidgetClose\"]}],[0,\"vviinn-carousel\",{\"mode\":[1],\"currencySign\":[1,\"currency-sign\"],\"pricePrefix\":[1,\"price-prefix\"],\"locale\":[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],\"sourceProduct\":[16,\"source-product\"],\"widgetVersion\":[1,\"widget-version\"],\"addToBasketShow\":[4,\"add-to-basket-show\"],\"updatingAllCards\":[4,\"updating-all-cards\"],\"updateButtonLocation\":[1,\"update-button-location\"],\"replaceSlotsContent\":[16,\"replace-slots-content\"],\"setModeDiscountsArray\":[16,\"set-mode-discounts-array\"],\"imageRatio\":[2,\"image-ratio\"],\"addPriceContainer\":[4,\"add-price-container\"],\"favoriteShow\":[4,\"favorite-show\"],\"setItemsAmount\":[2,\"set-items-amount\"],\"isAppended\":[4,\"is-appended\"],\"loading\":[4],\"hasErrorOnLoad\":[4,\"has-error-on-load\"],\"showInWidget\":[4,\"show-in-widget\"],\"imageResolutionWidth\":[2,\"image-resolution-width\"],\"moveDirection\":[32],\"contentGroups\":[32],\"activeContentGroup\":[32],\"isRTL\":[32],\"crossSellingRecommendations\":[32],\"setModeDiscount\":[32],\"currentDiscountIndex\":[32],\"setModeAppliedDiscounts\":[32],\"columns\":[32],\"showContent\":[32]},[[0,\"vviinnCrossSellingClick\",\"crossSellingClickListener\"],[0,\"vviinnAddToBasket\",\"setModeAddToBasketHandler\"]],{\"recommendations\":[\"recommendationsWatcher\"],\"updatingAllCards\":[\"updatingAllCardsWatcher\"],\"loading\":[\"onLoadingChange\"]}],[1,\"vviinn-extended-filters\",{\"filters\":[1040],\"mode\":[1],\"showHeader\":[4,\"show-header\"],\"filtersString\":[1,\"filters-string\"],\"showInWidget\":[4,\"show-in-widget\"],\"widgetElement\":[8,\"widget-element\"],\"innerFilters\":[32],\"requestFilters\":[32],\"showMore\":[32],\"selectedMoreOptions\":[32],\"displayedOptionsCount\":[32]},[[16,\"click\",\"bodyClickListener\"]],{\"showMore\":[\"showMoreWatcher\"],\"filtersString\":[\"filtersStringWatcher\"]}],[1,\"vviinn-filters\",{\"filters\":[1040],\"filtersString\":[1,\"filters-string\"],\"showInWidget\":[4,\"show-in-widget\"],\"innerFilters\":[32],\"selectedFilter\":[32],\"requestFilters\":[32]},null,{\"filtersString\":[\"filtersStringWatcher\"]}],[1,\"vviinn-product-card\",{\"brand\":[1],\"currency\":[1],\"locale\":[1],\"pricePrefix\":[1,\"price-prefix\"],\"image\":[1],\"imageRatio\":[2,\"image-ratio\"],\"imageWidth\":[2,\"image-width\"],\"price\":[2],\"basePrice\":[1,\"base-price\"],\"productTitle\":[1,\"product-title\"],\"productType\":[1,\"product-type\"],\"setMode\":[4,\"set-mode\"],\"salePrice\":[2,\"sale-price\"],\"baseSalePrice\":[1,\"base-sale-price\"],\"responsive\":[4],\"addToBasketShow\":[4,\"add-to-basket-show\"],\"favoriteShow\":[4,\"favorite-show\"],\"updateButtonLocation\":[1,\"update-button-location\"],\"customLabels\":[1,\"custom-labels\"],\"addPriceContainer\":[4,\"add-price-container\"],\"energyCertifications\":[1040,\"energy-certifications\"],\"isContentCard\":[4,\"is-content-card\"],\"contentText\":[1,\"content-text\"],\"contentLink\":[1,\"content-link\"],\"productId\":[1,\"product-id\"],\"campaignTypeId\":[1,\"campaign-type-id\"],\"widgetElementId\":[1,\"widget-element-id\"],\"buttonElementId\":[1,\"button-element-id\"],\"widgetVersion\":[1,\"widget-version\"],\"deeplink\":[1],\"index\":[2],\"updatingAllCards\":[4,\"updating-all-cards\"],\"defaultAnimationInterval\":[2,\"default-animation-interval\"],\"appliedDiscountPercentage\":[2,\"applied-discount-percentage\"],\"currentDiscountPercentage\":[2,\"current-discount-percentage\"],\"isSourceProduct\":[4,\"is-source-product\"],\"isResultsWidget\":[4,\"is-results-widget\"],\"energyCertificationsString\":[1,\"energy-certifications-string\"],\"isStandalone\":[4,\"is-standalone\"],\"showFooterArrow\":[4,\"show-footer-arrow\"],\"imageResolutionWidth\":[2,\"image-resolution-width\"],\"isTransitioning\":[32],\"basketButonPressed\":[32],\"favoriteButonPressed\":[32]},[[0,\"vviinnCrossSellingClick\",\"crossSellingClickListener\"]],{\"updatingAllCards\":[\"updatingAllCardsWatcher\"],\"productId\":[\"productIdWatcher\"]}],[1,\"vviinn-product-card-skeleton\",{\"imageRatio\":[2,\"image-ratio\"]}],[1,\"vviinn-extended-filters-button\",{\"handleClick\":[16,\"handle-click\"],\"showInWidget\":[4,\"show-in-widget\"]}],[1,\"vviinn-energy-label\",{\"classIconUrls\":[16,\"class-icon-urls\"],\"productType\":[1,\"product-type\"],\"classDataSheetUrl\":[1,\"class-data-sheet-url\"],\"iconDirection\":[1,\"icon-direction\"]}],[1,\"vviinn-price-range\",{\"histogram\":[16],\"addStyle\":[4,\"add-style\"],\"priceChangeHandler\":[16,\"price-change-handler\"],\"selectedInterval\":[16,\"selected-interval\"],\"minIndex\":[32],\"maxIndex\":[32],\"scalingFactor\":[32]},null,{\"selectedInterval\":[\"updatingSelectedInterval\"]}],[1,\"vviinn-skeleton\",{\"height\":[2],\"halfWidth\":[4,\"half-width\"],\"aspectRatio\":[2,\"aspect-ratio\"]}]]],[\"vviinn-button_2.cjs\",[[1,\"vviinn-recommendations-sidebar\",{\"sidebarTitle\":[1,\"sidebar-title\"],\"token\":[1],\"locale\":[1],\"currencySign\":[1,\"currency-sign\"],\"pricePrefix\":[1,\"price-prefix\"],\"productId\":[1,\"product-id\"],\"position\":[1],\"widgetScrollbar\":[4,\"widget-scrollbar\"],\"mode\":[1],\"campaigns\":[1],\"campaignType\":[1,\"campaign-type\"],\"color\":[1],\"imageWidth\":[2,\"image-width\"],\"imageRatio\":[2,\"image-ratio\"],\"cssUrl\":[1,\"css-url\"],\"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\"],\"addPriceContainer\":[4,\"add-price-container\"],\"showFilters\":[4,\"show-filters\"],\"setModeDiscounts\":[1,\"set-mode-discounts\"],\"setItemsAmount\":[2,\"set-items-amount\"],\"updateButtonLocation\":[1,\"update-button-location\"],\"favoriteShow\":[4,\"favorite-show\"],\"useCarousel\":[4,\"use-carousel\"],\"showInWidget\":[4,\"show-in-widget\"],\"imageResolutionWidth\":[2,\"image-resolution-width\"],\"apiPath\":[1,\"api-path\"],\"showInCustomContainer\":[4,\"show-in-custom-container\"],\"buttonChildren\":[16,\"button-children\"],\"buttonElementId\":[1,\"button-element-id\"],\"widgetVersion\":[1,\"widget-version\"],\"showingInButton\":[4,\"showing-in-button\"],\"showInModal\":[4,\"show-in-modal\"],\"isAppended\":[4,\"is-appended\"],\"sidebarState\":[32],\"sourceProduct\":[32],\"showLoadingClass\":[32],\"recommendationsLoading\":[32],\"hidden\":[32]},[[0,\"vviinnUpdatingAllCardsStarted\",\"updatingAllCardsStarted\"],[0,\"vviinnUpdatingAllCardsFinished\",\"updatingAllCardsFinished\"],[16,\"click\",\"bodyClickListener\"],[0,\"sourceProductReceived\",\"sourceProductReceived\"]],{\"recommendationsLoading\":[\"handleLoadingChange\"]}],[1,\"vviinn-button\",{\"addStyle\":[4,\"add-style\"]}]]],[\"vviinn-detected-object_7.cjs\",[[1,\"vviinn-vpr-button\",{\"token\":[1],\"locale\":[1],\"currencySign\":[1,\"currency-sign\"],\"pricePrefix\":[1,\"price-prefix\"],\"productId\":[1,\"product-id\"],\"mode\":[1],\"campaigns\":[1],\"excluded\":[1],\"campaignType\":[1,\"campaign-type\"],\"color\":[1],\"imageWidth\":[2,\"image-width\"],\"imageRatio\":[2,\"image-ratio\"],\"setItemsAmount\":[2,\"set-items-amount\"],\"cssUrl\":[1,\"css-url\"],\"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\"],\"addPriceContainer\":[4,\"add-price-container\"],\"setModeDiscounts\":[1,\"set-mode-discounts\"],\"updateButtonLocation\":[1,\"update-button-location\"],\"sidebarTitle\":[1,\"sidebar-title\"],\"modalScrollbar\":[4,\"modal-scrollbar\"],\"position\":[1],\"addStyle\":[4,\"add-style\"],\"favoriteShow\":[4,\"favorite-show\"],\"appendSidebarToElement\":[16,\"append-sidebar-to-element\"],\"appendSidebarToId\":[1,\"append-sidebar-to-id\"],\"oneClickDiscoveryMode\":[1,\"one-click-discovery-mode\"],\"apiPath\":[1,\"api-path\"],\"showInWidget\":[4,\"show-in-widget\"],\"imageResolutionWidth\":[2,\"image-resolution-width\"],\"targetAppendSidebarTo\":[32]},null,{\"appendSidebarToElement\":[\"appendSidebarToElementWatcher\"]}],[1,\"vviinn-empty-results\",{\"handler\":[16]}],[1,\"vviinn-wrong-aspect-ratio\",{\"handler\":[16]}],[1,\"vviinn-detected-object\",{\"detectedObject\":[16,\"detected-object\"],\"selectedDetectedObject\":[16,\"selected-detected-object\"],\"basicEventData\":[16,\"basic-event-data\"],\"imageBounds\":[16,\"image-bounds\"],\"showInWidget\":[4,\"show-in-widget\"],\"position\":[32]}],[1,\"vviinn-modal\",{\"active\":[1540],\"resetState\":[16,\"reset-state\"],\"buttonElementId\":[1,\"button-element-id\"],\"widgetVersion\":[1,\"widget-version\"],\"hideBackButton\":[4,\"hide-back-button\"],\"isFirstScreen\":[4,\"is-first-screen\"],\"slider\":[32]}],[1,\"vviinn-overlay\"],[1,\"vviinn-preloader\"]]],[\"vviinn-vps-button.cjs\",[[1,\"vviinn-vps-button\",{\"token\":[1],\"currencySign\":[1,\"currency-sign\"],\"locale\":[1],\"pricePrefix\":[1,\"price-prefix\"],\"campaignId\":[1,\"campaign-id\"],\"campaignIdTextSearch\":[1,\"campaign-id-text-search\"],\"campaignIdVisualSearch\":[1,\"campaign-id-visual-search\"],\"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\"],\"addToBasketShow\":[4,\"add-to-basket-show\"],\"favoriteShow\":[4,\"favorite-show\"],\"oneClickDiscoveryShow\":[4,\"one-click-discovery-show\"],\"oneClickDiscoveryMode\":[1,\"one-click-discovery-mode\"],\"oneClickDiscoveryCampaigns\":[1,\"one-click-discovery-campaigns\"],\"addPriceContainer\":[4,\"add-price-container\"],\"apiPath\":[1,\"api-path\"],\"showInWidget\":[4,\"show-in-widget\"],\"buttonPressed\":[32]},[[0,\"vviinnWidgetClose\",\"handleModalClosed\"]]]]],[\"vviinn-text-search.cjs\",[[1,\"vviinn-text-search\",{\"token\":[1],\"locale\":[1],\"mode\":[1],\"searchQuery\":[1025,\"search-query\"],\"placeholder\":[1],\"showInWidget\":[4,\"show-in-widget\"],\"showOnFirstScreen\":[4,\"show-on-first-screen\"],\"apiPath\":[1,\"api-path\"],\"uiSessionId\":[1,\"ui-session-id\"],\"basicEventData\":[16,\"basic-event-data\"],\"isRecording\":[32],\"showTooltip\":[32]}]]],[\"vviinn-camera_12.cjs\",[[1,\"vviinn-vps-widget\",{\"token\":[1],\"active\":[1028],\"currencySign\":[1,\"currency-sign\"],\"pricePrefix\":[1,\"price-prefix\"],\"locale\":[1],\"campaignId\":[1,\"campaign-id\"],\"campaignIdTextSearch\":[1,\"campaign-id-text-search\"],\"campaignIdVisualSearch\":[1,\"campaign-id-visual-search\"],\"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\"],\"addToBasketShow\":[4,\"add-to-basket-show\"],\"favoriteShow\":[4,\"favorite-show\"],\"oneClickDiscoveryShow\":[4,\"one-click-discovery-show\"],\"oneClickDiscoveryMode\":[1,\"one-click-discovery-mode\"],\"oneClickDiscoveryCampaigns\":[1,\"one-click-discovery-campaigns\"],\"addPriceContainer\":[4,\"add-price-container\"],\"apiPath\":[1,\"api-path\"],\"showingInButton\":[4,\"showing-in-button\"],\"buttonElementId\":[1,\"button-element-id\"],\"buttonPressed\":[4,\"button-pressed\"],\"mode\":[1],\"resetVpsButton\":[16,\"reset-vps-button\"],\"replaceSlotsContentInButton\":[16,\"replace-slots-content-in-button\"],\"parentSlots\":[16,\"parent-slots\"],\"showInWidget\":[4,\"show-in-widget\"],\"slidePosition\":[32],\"uploadSource\":[32],\"stream\":[32],\"products\":[32],\"textSearchQuery\":[32],\"modalBody\":[32],\"isCameraInitializing\":[32],\"isCameraEnabled\":[32],\"isCameraButtonClicked\":[32],\"showAspectRatioError\":[32],\"wrongImageFormat\":[32]},[[0,\"widgetTextSearchFinished\",\"textSearchFinishedHandler\"],[0,\"vviinnResultLoad\",\"resultLoadHandler\"],[0,\"vviinnResultView\",\"resultViewHandler\"],[0,\"vviinnCameraEnabled\",\"trackCameraEnabled\"],[0,\"vviinnImageCrop\",\"cropAreaChanges\"],[0,\"vviinnSelectObject\",\"trackDetectedObject\"],[0,\"vviinnSelectFilter\",\"trackImageSearchFilterSelected\"]],{\"active\":[\"activeWatcher\"],\"slidePosition\":[\"slidePositionWatcher\"]}],[1,\"vviinn-results\",{\"token\":[1],\"currencySign\":[1,\"currency-sign\"],\"locale\":[8],\"campaignIdTextSearch\":[1,\"campaign-id-text-search\"],\"campaignIdVisualSearch\":[1,\"campaign-id-visual-search\"],\"pricePrefix\":[1,\"price-prefix\"],\"searchId\":[1,\"search-id\"],\"uiSessionId\":[1025,\"ui-session-id\"],\"imageResolutionWidth\":[2,\"image-resolution-width\"],\"productDetailsNewTab\":[4,\"product-details-new-tab\"],\"productDetailsRedirect\":[4,\"product-details-redirect\"],\"addToBasketShow\":[4,\"add-to-basket-show\"],\"favoriteShow\":[4,\"favorite-show\"],\"textSearchQuery\":[1,\"text-search-query\"],\"filterColumn\":[1,\"filter-column\"],\"filterValue\":[1,\"filter-value\"],\"resultsCount\":[2,\"results-count\"],\"addPriceContainer\":[4,\"add-price-container\"],\"oneClickDiscoveryMode\":[1,\"one-click-discovery-mode\"],\"oneClickDiscoveryCampaigns\":[1,\"one-click-discovery-campaigns\"],\"showInWidget\":[4,\"show-in-widget\"],\"apiPath\":[1,\"api-path\"],\"buttonElementId\":[1,\"button-element-id\"],\"widgetElementId\":[1025,\"widget-element-id\"],\"showAspectRatioError\":[4,\"show-aspect-ratio-error\"],\"resetWidgetState\":[16,\"reset-widget-state\"],\"replaceSlotsContentInWidget\":[16,\"replace-slots-content-in-widget\"],\"replaceSlotsContentInButton\":[16,\"replace-slots-content-in-button\"],\"parentSlots\":[16,\"parent-slots\"],\"useInnerState\":[4,\"use-inner-state\"],\"scrollableModalBody\":[16,\"scrollable-modal-body\"],\"innerTextSearchQuery\":[32],\"slotsReplaced\":[32],\"oneClickDiscoveryAppendIndex\":[32],\"oneClickDiscoverySelectedIndex\":[32],\"isTextSearch\":[32],\"innerResults\":[32]},[[0,\"vviinnProductLoad\",\"trackProductLoad\"],[0,\"vviinnProductView\",\"trackProductView\"],[0,\"vviinnProductClick\",\"trackProductClick\"],[0,\"vviinnAuxClick\",\"trackAuxClick\"],[0,\"vviinnAddToBasket\",\"trackAddToBasket\"],[0,\"vviinnAddToFavorite\",\"trackAddToFavorite\"]],{\"textSearchQuery\":[\"watchTextSearchQuery\"],\"searchId\":[\"watchSearchId\"]}],[1,\"vviinn-cropper\",{\"saveImageMode\":[1,\"save-image-mode\"],\"width\":[1026],\"apiPath\":[1,\"api-path\"],\"height\":[1026],\"basicEventData\":[1040,\"basic-event-data\"],\"showAspectRatioError\":[4,\"show-aspect-ratio-error\"],\"showInWidget\":[4,\"show-in-widget\"],\"cropper\":[32],\"selectedDetectedObject\":[32]},[[0,\"vviinnSelectObject\",\"selectDetectedObject\"],[0,\"vviinnImageCrop\",\"imageCropHandler\"]]],[1,\"vviinn-overlayed-modal\",{\"active\":[4],\"resetState\":[16,\"reset-state\"],\"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,\"basic-event-data\"],\"startUpload\":[4,\"start-upload\"],\"loading\":[4],\"accept\":[1],\"resetVpsButton\":[16,\"reset-vps-button\"],\"token\":[1],\"apiPath\":[1,\"api-path\"],\"showInWidget\":[4,\"show-in-widget\"],\"storeName\":[1,\"store-name\"],\"state\":[16]},null,{\"startUpload\":[\"startUploadWatcher\"]}],[1,\"vviinn-server-error\",{\"handler\":[16]}],[1,\"vviinn-wrong-format\",{\"handler\":[16]}],[1,\"vviinn-camera\",{\"exampleImageSource\":[1,\"example-image-source\"],\"width\":[2],\"height\":[2],\"basicEventData\":[16,\"basic-event-data\"],\"srcObject\":[16,\"src-object\"],\"cameraButtonClicked\":[4,\"camera-button-clicked\"],\"showInWidget\":[4,\"show-in-widget\"],\"storeName\":[1,\"store-name\"],\"state\":[16],\"selected\":[32],\"videoInitialized\":[32],\"zoomCapabilities\":[32]},null,{\"srcObject\":[\"handleSrcObjectChange\"]}],[1,\"vviinn-privacy-badge\",{\"privacyBadgeText\":[1,\"privacy-badge-text\"]}],[1,\"vviinn-slide\"],[1,\"vviinn-slider\",{\"position\":[514],\"elementsCount\":[32],\"internalPosition\":[32],\"swipeStartPosition\":[32],\"isRTL\":[32]},null,{\"position\":[\"positionWatchHandler\"]}],[1,\"vviinn-teaser\"]]]]"), options);
23
23
  });
24
24
 
25
25
  exports.setNonce = index.setNonce;
@@ -0,0 +1,2 @@
1
+ import { h } from "@stencil/core";
2
+ export const renderTitleImage = (image) => image ? (h("img", { width: "28", height: "28", src: image.src, class: "title-image" })) : null;
@@ -5,7 +5,7 @@ import { campaignTypeNames } from "../../campaign/Campaign";
5
5
  import { SecondaryActionIcon } from "../vviinn-icons/";
6
6
  import { modalParts } from "../../cssParts";
7
7
  import { searchState } from "../../store/search.store";
8
- import { renderImage } from "../../Image/renderImage";
8
+ import { renderTitleImage } from "../../Image/renderTitleImage";
9
9
  import { addIfNotEmpty } from "../../utils/collections/collectionsUtils";
10
10
  export class VviinnModal {
11
11
  constructor() {
@@ -34,10 +34,10 @@ export class VviinnModal {
34
34
  this.slider = true;
35
35
  }
36
36
  render() {
37
- return (h(Host, { key: 'e6008534642fb543ed667c82154df5c91cdf661c', exportparts: modalParts, class: { closed: !this.active, "first-screen": this.isFirstScreen }, onAnimationEnd: (ev) => this.handleAnimationEnd(ev) }, h("div", { key: 'c3d57c092a9ac2f3037b1385a0389eb22c4c7965', class: "head" }, !this.hideBackButton && (h("button", { key: 'faa3f5d2e4da15e6a988875e9553a45f38540695', part: "secondary-action", onClick: () => {
37
+ return (h(Host, { key: '2b55d24feb158395efb28601b6dd4ea7cb44c8ac', exportparts: modalParts, class: { closed: !this.active, "first-screen": this.isFirstScreen }, onAnimationEnd: (ev) => this.handleAnimationEnd(ev) }, h("div", { key: 'ee63734e3825bc1d1a84bae2e0c16a458145c0fc', class: "head" }, !this.hideBackButton && (h("button", { key: '504e4e580cb092883d423f51cafb0188e8466566', part: "secondary-action", onClick: () => {
38
38
  this.resetState();
39
39
  this.resetTopScroll();
40
- } }, h(SecondaryActionIcon, { key: '96c95e076b462a3bdeba8918941c3922c41b4bd2' }))), h("div", { key: '6b32deba8baeebb5095452dff4428682e69efb13', class: "title", part: "results-title" }, renderImage(searchState.image), h("slot", { key: '7afa8824c1faf611df220af8ca2e9c544f46f499', name: "vviinn-image-search-modal-title" }, i18next.t("imageSearchModalTitle"))), h("button", { key: 'eea6caff0dd54414cdc9e79038615deb38740da2', onClick: () => this.close(), class: "close-button", part: "close-button" }, h("svg", { key: 'b88941fd4689430292f3827b2bc99b58b8f374a0', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { key: '1aaa800ac58360486e2186c103cdb622cdc7aa6c', d: "M12 13.3892L6.91958 18.4696C6.72248 18.6667 6.49095 18.7653 6.225 18.7653C5.95905 18.7653 5.72753 18.6667 5.53043 18.4696C5.33333 18.2725 5.23478 18.041 5.23478 17.775C5.23478 17.5091 5.33333 17.2776 5.53043 17.0805L10.6109 12L5.53043 6.9196C5.33333 6.7225 5.23478 6.49098 5.23478 6.22503C5.23478 5.95908 5.33333 5.72755 5.53043 5.53045C5.72753 5.33335 5.95905 5.2348 6.225 5.2348C6.49095 5.2348 6.72248 5.33335 6.91958 5.53045L12 10.6109L17.0804 5.53045C17.2775 5.33335 17.5091 5.2348 17.775 5.2348C18.041 5.2348 18.2725 5.33335 18.4696 5.53045C18.6667 5.72755 18.7652 5.95908 18.7652 6.22503C18.7652 6.49098 18.6667 6.7225 18.4696 6.9196L13.3892 12L18.4696 17.0805C18.6667 17.2776 18.7652 17.5091 18.7652 17.775C18.7652 18.041 18.6667 18.2725 18.4696 18.4696C18.2725 18.6667 18.041 18.7653 17.775 18.7653C17.5091 18.7653 17.2775 18.6667 17.0804 18.4696L12 13.3892Z", fill: "currentColor" })))), h("div", { key: 'e96b98b285f63b78f80d4c47a4e81f2e04b043ad', class: "body" }, h("slot", { key: '27f6ce02ee4a772a98dbc3d619494144cf2f8244' }))));
40
+ } }, h(SecondaryActionIcon, { key: 'f8f41fee98264906fa76666eeb11fc24c507853c' }))), h("div", { key: 'ace69d25186ed7eba74d408a2cf97ed6ce780159', class: "title", part: "results-title" }, renderTitleImage(searchState.image), h("slot", { key: '183a67aa73731bda97a7401d7d7581913f021f5c', name: "vviinn-image-search-modal-title" }, i18next.t("imageSearchModalTitle"))), h("button", { key: 'ce0803f9b42a861a01d5672fc983f0dcbd93b763', onClick: () => this.close(), class: "close-button", part: "close-button" }, h("svg", { key: '186c273af33ab58b785759e74f5e6d0f9a056137', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { key: '0c444b987ec0d748fe7f4339c7be78973ef02774', d: "M12 13.3892L6.91958 18.4696C6.72248 18.6667 6.49095 18.7653 6.225 18.7653C5.95905 18.7653 5.72753 18.6667 5.53043 18.4696C5.33333 18.2725 5.23478 18.041 5.23478 17.775C5.23478 17.5091 5.33333 17.2776 5.53043 17.0805L10.6109 12L5.53043 6.9196C5.33333 6.7225 5.23478 6.49098 5.23478 6.22503C5.23478 5.95908 5.33333 5.72755 5.53043 5.53045C5.72753 5.33335 5.95905 5.2348 6.225 5.2348C6.49095 5.2348 6.72248 5.33335 6.91958 5.53045L12 10.6109L17.0804 5.53045C17.2775 5.33335 17.5091 5.2348 17.775 5.2348C18.041 5.2348 18.2725 5.33335 18.4696 5.53045C18.6667 5.72755 18.7652 5.95908 18.7652 6.22503C18.7652 6.49098 18.6667 6.7225 18.4696 6.9196L13.3892 12L18.4696 17.0805C18.6667 17.2776 18.7652 17.5091 18.7652 17.775C18.7652 18.041 18.6667 18.2725 18.4696 18.4696C18.2725 18.6667 18.041 18.7653 17.775 18.7653C17.5091 18.7653 17.2775 18.6667 17.0804 18.4696L12 13.3892Z", fill: "currentColor" })))), h("div", { key: 'a6f61fc03402c68460b981c5e7a5e1c5fed3f521', class: "body" }, h("slot", { key: 'e7ee82a4e8add5bf2bb0f3adc0e5e76761fdb5d7' }))));
41
41
  }
42
42
  static get is() { return "vviinn-modal"; }
43
43
  static get encapsulation() { return "shadow"; }
@@ -1,8 +1,9 @@
1
1
  import { pipe } from "fp-ts/lib/function";
2
2
  import * as E from "fp-ts/lib/Either";
3
- import { h } from "@stencil/core";
4
- import { Fragment } from "@stencil/core";
3
+ import { h, Fragment } from "@stencil/core";
5
4
  import { ImagePlaceholderIcon, PlusIcon } from "../vviinn-icons";
5
+ import { getLastUrlPath } from "../../helpers/url/getLastUrlPath";
6
+ import { joinTruthy } from "../../utils/string/joinTruthy";
6
7
  const FIT_EXPR = /fit\/\d+\//;
7
8
  const containsFit = (url) => {
8
9
  return pipe(url.match(FIT_EXPR), E.fromNullable(url), E.map(() => url));
@@ -66,7 +67,7 @@ const ImageOrPlaceholder = (props) => {
66
67
  const hasImage = !!props.src;
67
68
  const { num: widthNum, px: widthPx } = getDimensionValues(props.width);
68
69
  const { num: heightNum, px: heightPx } = getDimensionValues(props.height);
69
- return hasImage ? (h("img", { src: props.src, width: widthNum, height: heightNum, alt: props.alt, title: props.title, class: props.className, ref: props.ref, onLoad: props.onLoad, loading: "lazy", part: "image" })) : (h("div", { style: {
70
+ return hasImage ? (h("img", { src: props.src, width: widthNum, height: heightNum, alt: props.alt, title: props.title, class: props.className, ref: props.ref, onLoad: props.onLoad, loading: "lazy", part: props.part })) : (h("div", { style: {
70
71
  width: widthPx,
71
72
  height: heightPx,
72
73
  }, class: "image-placeholder", part: "image-placeholder", ref: props.ref }, h("slot", { name: "vviinn-image-placeholder-icon" }, h(ImagePlaceholderIcon, null))));
@@ -74,11 +75,30 @@ const ImageOrPlaceholder = (props) => {
74
75
  const getProcessedSrc = (src, imageResolutionWidth) => {
75
76
  return imageResolutionWidth ? processWidth(src, imageResolutionWidth) : src;
76
77
  };
77
- export const Image = (props, onLoadEnd = () => undefined) => {
78
- const processedSrc = getProcessedSrc(props.src, props.imageResolutionWidth);
79
- return (h("picture", { part: "image-picture" }, h(ImageOrPlaceholder, { src: processedSrc, width: props.width, height: props.height, alt: props.title, title: props.title, className: "image", ref: props.ref, onLoad: onLoadEnd }), props.isSource && h(PlusIcon, null)));
78
+ export const UniversalImage = ({ width, height, title, src, ref, isSource, imageResolutionWidth, isResponsive = false, isFullHeight = false, additionalClasses = [], additionalParts = [], onLoadEnd = () => undefined, }) => {
79
+ const processedSrc = getProcessedSrc(src, imageResolutionWidth);
80
+ const classes = joinTruthy([
81
+ "image",
82
+ isResponsive && "responsive",
83
+ isFullHeight && "content-card-image",
84
+ ...additionalClasses,
85
+ ]);
86
+ const computeParts = (base) => joinTruthy([
87
+ base,
88
+ isFullHeight &&
89
+ (base === "image-picture"
90
+ ? "content-card-image-picture"
91
+ : "content-card-image"),
92
+ ...additionalParts,
93
+ ]);
94
+ const parts = computeParts("image-picture");
95
+ const imageParts = computeParts("image");
96
+ return (h("picture", { part: parts }, h(ImageOrPlaceholder, { src: processedSrc, width: !isResponsive ? width : undefined, height: !isResponsive ? height : undefined, alt: title, title: title, part: imageParts, className: classes, ref: ref, onLoad: onLoadEnd }), isSource && h(PlusIcon, null)));
80
97
  };
81
- export const ResponsiveImage = (props, onLoadEnd = () => undefined) => {
82
- const processedSrc = getProcessedSrc(props.src, props.imageResolutionWidth);
83
- return (h("picture", { part: "image-picture" }, h(ImageOrPlaceholder, { src: processedSrc, alt: props.title, title: props.title, className: "image responsive", ref: props.ref, onLoad: onLoadEnd })));
98
+ export const renderImage = (imageProps, isResponsive, isFullHeight = false) => {
99
+ return UniversalImage(Object.assign(Object.assign({}, imageProps), { isResponsive,
100
+ isFullHeight }));
101
+ };
102
+ export const ContentCardContent = (contentText, contentLink, labelText = "Content") => {
103
+ return (h("div", { class: "content-container", part: "content-container content-card-content-container" }, h("div", { class: "content-label", part: "content-label" }, labelText), contentText && (h("div", { class: "content-text", part: "content-text", title: contentText }, contentText)), contentLink && (h(Linked, { deeplink: contentLink, class: "content-link", part: "content-link" }, getLastUrlPath(contentLink)))));
84
104
  };
@@ -18,9 +18,9 @@ export class VviinnEnergyLabel {
18
18
  slotChangeListener(this, this.el);
19
19
  }
20
20
  render() {
21
- return (h(Host, { key: 'c9ca5e5f0a76e5497c7ecfa420dec094373feaa7', class: {
21
+ return (h(Host, { key: '7342ec4499392827d9255605eb5d00587b1d59b9', class: {
22
22
  hidden: !this.classIconUrls && !this.productType && !this.classDataSheetUrl,
23
- }, exportparts: energyLabelParts }, h("div", { key: 'd7312425ece39ffe6fc8f37680c8e07c45fef845', class: "container", part: "energy-label-container" }, !!this.classIconUrls && (h("img", { key: '133182a1aa678209825f9c2208fbeefe884121ec', class: "class-label-icon", part: "energy-label-icon", src: this.classIconUrls[this.iconDirection] })), (this.productType || this.classDataSheetUrl) && (h("div", { key: 'c46674ea4ccf0fb286f6547211757403f3a6a738', class: "info-container" }, this.productType && (h("span", { key: 'c9f08b56673c60f45fcbebaae5c3316045202572', class: "product-type", part: "energy-label-product-type" }, this.productType)), this.classDataSheetUrl && (h("a", { key: '7813f860d0d75f90d40ec47ba98ceb8559ad7ba4', class: "data-sheet-link", part: "energy-label-data-sheet-link", href: this.classDataSheetUrl, target: "_blank", rel: "noopener noreferrer" }, h("slot", { key: '004bde63524de975899fc5eb830f68f3aad892b6', name: "vviinn-energy-label-data-sheet-text" }, i18next.t("energyLabel.dataSheetText")))))))));
23
+ }, exportparts: energyLabelParts }, h("div", { key: '4d1ec82fefe845a6168091584ec1d65e4f4cce9c', class: "container", part: "energy-label-container" }, !!this.classIconUrls && (h("img", { key: 'cf6e369e1aa542648cae38bd7434ecf3aeb5f62b', class: "class-label-icon", part: "energy-label-icon", src: this.classIconUrls[this.iconDirection] })), (this.productType || this.classDataSheetUrl) && (h("div", { key: 'ae0e42d623443b26c3614c8adc24ebc55627877b', class: "info-container" }, this.productType && (h("span", { key: 'd139a2c9d57764bc02fbd7bffc4d9b1a2a0b5cb4', class: "product-type", part: "energy-label-product-type" }, this.productType)), this.classDataSheetUrl && (h("a", { key: '194d6282f79f2854c2e47e703bf50ffff967b258', class: "data-sheet-link", part: "energy-label-data-sheet-link", href: this.classDataSheetUrl, target: "_blank", rel: "noopener noreferrer" }, h("slot", { key: '16b7c90e062b5f7f5eb15b0ecef44aec6520df16', name: "vviinn-energy-label-data-sheet-text" }, i18next.t("energyLabel.dataSheetText")))))))));
24
24
  }
25
25
  static get is() { return "vviinn-energy-label"; }
26
26
  static get encapsulation() { return "shadow"; }
@@ -623,6 +623,48 @@ vviinn-energy-label {
623
623
  );
624
624
  }
625
625
 
626
+ :host(.content-card) {
627
+ height: auto;
628
+ }
629
+
630
+ .content-card-image-container {
631
+ height: 100%;
632
+ }
633
+
634
+ .content-card-image {
635
+ aspect-ratio: unset;
636
+ -o-object-fit: cover;
637
+ object-fit: cover;
638
+ }
639
+
640
+ .content-card-image.responsive {
641
+ min-width: 100%;
642
+ height: 100%;
643
+ }
644
+
645
+ .content-text,
646
+ .content-link {
647
+ display: -webkit-box;
648
+ -webkit-box-orient: vertical;
649
+ overflow-wrap: anywhere;
650
+ text-overflow: ellipsis;
651
+ overflow: hidden;
652
+ }
653
+
654
+ .content-text {
655
+ -webkit-line-clamp: 3;
656
+ font-size: var(--font-size-headline);
657
+ font-weight: var(--font-weight-600);
658
+ line-height: var(--line-height-headline);
659
+ letter-spacing: var(--letter-spacing-headline);
660
+ }
661
+
662
+ .content-link {
663
+ -webkit-line-clamp: 1;
664
+ color: var(--color-content-accent);
665
+ text-decoration: none;
666
+ }
667
+
626
668
  .footer-arrow {
627
669
  position: absolute;
628
670
  bottom: -35px;
@@ -4,14 +4,14 @@ import { getAnalyticsModule } from "../../analytics/GeneralAnalytics";
4
4
  import * as O from "fp-ts/lib/Option";
5
5
  import i18next from "i18next";
6
6
  import { searchState } from "../../store/search.store";
7
- import { Linked, Price, ResponsiveImage, Image, parseBasePrice, renderCustomLabels, } from "./render-helpers";
7
+ import { Linked, Price, parseBasePrice, renderCustomLabels, ContentCardContent, renderImage, } from "./render-helpers";
8
8
  import styles from "./vviinn-product-card.css";
9
9
  import { campaignTypeNames } from "../../campaign/Campaign";
10
10
  import { slotChangeListener } from "../customized-slots";
11
11
  import { BasketIcon, CheckCircleIcon, UpdateIcon, FavoriteIcon, FavoriteIconPressed, } from "../vviinn-icons";
12
12
  import { generateRandomNumber } from "../../utils/number";
13
13
  import { resources } from "../../locale";
14
- import { productCardParts } from "../../cssParts";
14
+ import { contentCardParts, productCardParts } from "../../cssParts";
15
15
  import { addIfNotEmpty } from "../../utils/collections/collectionsUtils";
16
16
  import { PRODUCT_CARD_IMAGE_WIDTH } from "../../widget/constants";
17
17
  /**
@@ -80,6 +80,8 @@ export class VviinnProductCard {
80
80
  this.responsive = false;
81
81
  this.customLabels = "";
82
82
  this.addPriceContainer = false;
83
+ /** If true, renders the card in 'Content' mode (special layout) */
84
+ this.isContentCard = false;
83
85
  /** @internal */
84
86
  this.index = 0;
85
87
  /** @internal */
@@ -115,6 +117,7 @@ export class VviinnProductCard {
115
117
  }
116
118
  connectedCallback() {
117
119
  this.productData = this.getProductData();
120
+ this.imageProps = this.getImageProps();
118
121
  this.isStandalone &&
119
122
  i18next.init({
120
123
  lng: this.locale,
@@ -199,8 +202,8 @@ export class VviinnProductCard {
199
202
  getProduct() {
200
203
  return searchState.results.find((r) => r.productId === this.productId);
201
204
  }
202
- renderImage() {
203
- const props = {
205
+ getImageProps() {
206
+ return {
204
207
  width: this.imageWidth,
205
208
  height: this.imageWidth * this.imageRatio,
206
209
  src: this.image,
@@ -211,19 +214,21 @@ export class VviinnProductCard {
211
214
  },
212
215
  isSource: this.isSourceProduct,
213
216
  };
214
- return this.responsive ? ResponsiveImage(props) : Image(props);
215
217
  }
216
218
  render() {
217
219
  var _a, _b, _c;
218
- return (h(Host, { key: 'f337ddf6a59fc953360eeea9c7f02dc2e338c6fe', part: "product-card", class: {
220
+ if (this.isContentCard) {
221
+ return (h(Host, { part: "product-card content-card", class: "content-card", exportparts: contentCardParts }, h("div", { class: "image-container content-card-image-container", part: "image-container" }, h(Linked, { deeplink: this.contentLink, part: "image-link content-image-link" }, renderImage(this.imageProps, this.responsive, true))), ContentCardContent(this.contentText, this.contentLink)));
222
+ }
223
+ return (h(Host, { part: "product-card", class: {
219
224
  animated: this.isTransitioning,
220
- }, exportparts: productCardParts }, h("div", { key: 'e40481a4a6abd09c88a38e0c285c7c3211f5bea2', class: "image-container", part: "image-container" }, h(Linked, { key: 'fe990c9a1da8c3c848c700c83b7f929509119064', deeplink: this.deeplink, part: "image-link" }, this.renderImage()), h("div", { key: '636ad988a90b0a5b741a86c50d1ce6a4b9addb04', class: "product-card-actions-top", part: "product-card-actions-top" }, h("button", { key: '3c54a8d77d1ff3be9a1d60011919bc195f9ba007', class: {
225
+ }, exportparts: productCardParts }, h("div", { class: "image-container", part: "image-container" }, h(Linked, { deeplink: this.deeplink, part: "image-link" }, renderImage(this.imageProps, this.responsive)), h("div", { class: "product-card-actions-top", part: "product-card-actions-top" }, h("button", { class: {
221
226
  hidden: !this.favoriteShow || this.isSourceProduct,
222
227
  }, part: "favorite-button", onClick: this.favoriteButtonClickHandler.bind(this) }, h("div", { key: "favorite-not-pressed", class: {
223
228
  hidden: this.favoriteButonPressed,
224
- } }, h("slot", { key: '7f83941b23b05114ac0a432eefb24d6ff3fae8cf', name: "vviinn-favorite-icon" }, h(FavoriteIcon, { key: '3493c7d29b7620c290033f23c9e7372a4d12cfa2', width: 14, height: 14 }))), h("div", { key: "favorite-pressed", class: {
229
+ } }, h("slot", { name: "vviinn-favorite-icon" }, h(FavoriteIcon, { width: 14, height: 14 }))), h("div", { key: "favorite-pressed", class: {
225
230
  hidden: !this.favoriteButonPressed,
226
- } }, h("slot", { key: '4976316d03f0c12046d23779a79e52626de2c93b', name: "vviinn-favorite-icon-pressed" }, h(FavoriteIconPressed, { key: '2978acc4ade06171cf7084365e68ec4aaed8ab9c', width: 14, height: 14 })))), h("button", { key: '61a5b1da74beaf53bf77f18a4a67f642c0c950f2', class: {
231
+ } }, h("slot", { name: "vviinn-favorite-icon-pressed" }, h(FavoriteIconPressed, { width: 14, height: 14 })))), h("button", { class: {
227
232
  "update-button": true,
228
233
  hidden: !this.isShowUpdateButton(),
229
234
  }, part: "update-button-item", onClick: () => {
@@ -231,26 +236,26 @@ export class VviinnProductCard {
231
236
  animationInterval: generateRandomNumber(800, 1400),
232
237
  productData: this.productData,
233
238
  });
234
- } }, h("div", { key: '1c95d46fd4ff65d2beb7e2ea7a86e28d9bd7c415' }, h("slot", { key: '6c877dd6cbb3484dc9f2995a9b69e4ff139b3c83', name: "vviinn-update-button-icon" }, h(UpdateIcon, { key: 'de48212dcd3c45b54deebe58019c5a5728a298f5', width: 14, height: 14 }))))), h("div", { key: 'ce4b9ff27a1064691a6fbfa44e01bc45f67f46f9', class: "product-card-actions", part: "product-card-actions" }, h("slot", { key: '811383f3be2955ed6f5103a1dc13d3ffe6167c69', name: "vviinn-product-card-actions" }))), h("div", { key: 'b282b8135396c679dcfb04f1c12b9ab420567e45', class: "content-container", part: "content-container" }, this.isTransitioning ? (h(Fragment, null, h("vviinn-skeleton", { height: 40 }), h("vviinn-skeleton", { height: 20, halfWidth: true }))) : (h(Fragment, null, h(Linked, { deeplink: this.deeplink, part: "deeplink" }, h("span", { class: "title", part: "title" }, this.productTitle)), ((_a = this.brand) === null || _a === void 0 ? void 0 : _a.length) > 0 && (h("span", { class: "brand", part: "brand" }, this.brand)), ((_b = this.productType) === null || _b === void 0 ? void 0 : _b.length) > 0 && (h("span", { class: "product-type", part: "product-type" }, this.productType)), ((_c = this === null || this === void 0 ? void 0 : this.energyCertifications) !== null && _c !== void 0 ? _c : []).map((energyCertification) => (h("vviinn-energy-label", { classIconUrls: energyCertification === null || energyCertification === void 0 ? void 0 : energyCertification.classIconUrls, classDataSheetUrl: energyCertification === null || energyCertification === void 0 ? void 0 : energyCertification.classDataSheetUrl, productType: energyCertification === null || energyCertification === void 0 ? void 0 : energyCertification.productType }))), h(Price, { prefix: this.pricePrefix, currency: this.currency, locale: this.locale, price: this.price, basePrice: parseBasePrice(this.basePrice), salePrice: this.salePrice, baseSalePrice: parseBasePrice(this.baseSalePrice), showInContainer: this.addPriceContainer }), this.setMode &&
239
+ } }, h("div", null, h("slot", { name: "vviinn-update-button-icon" }, h(UpdateIcon, { width: 14, height: 14 }))))), h("div", { class: "product-card-actions", part: "product-card-actions" }, h("slot", { name: "vviinn-product-card-actions" }))), h("div", { class: "content-container", part: "content-container" }, this.isTransitioning ? (h(Fragment, null, h("vviinn-skeleton", { height: 40 }), h("vviinn-skeleton", { height: 20, halfWidth: true }))) : (h(Fragment, null, h(Linked, { deeplink: this.deeplink, part: "deeplink" }, h("span", { class: "title", part: "title" }, this.productTitle)), ((_a = this.brand) === null || _a === void 0 ? void 0 : _a.length) > 0 && (h("span", { class: "brand", part: "brand" }, this.brand)), ((_b = this.productType) === null || _b === void 0 ? void 0 : _b.length) > 0 && (h("span", { class: "product-type", part: "product-type" }, this.productType)), ((_c = this === null || this === void 0 ? void 0 : this.energyCertifications) !== null && _c !== void 0 ? _c : []).map((energyCertification) => (h("vviinn-energy-label", { classIconUrls: energyCertification === null || energyCertification === void 0 ? void 0 : energyCertification.classIconUrls, classDataSheetUrl: energyCertification === null || energyCertification === void 0 ? void 0 : energyCertification.classDataSheetUrl, productType: energyCertification === null || energyCertification === void 0 ? void 0 : energyCertification.productType }))), h(Price, { prefix: this.pricePrefix, currency: this.currency, locale: this.locale, price: this.price, basePrice: parseBasePrice(this.basePrice), salePrice: this.salePrice, baseSalePrice: parseBasePrice(this.baseSalePrice), showInContainer: this.addPriceContainer }), this.setMode &&
235
240
  !this.appliedDiscountPercentage &&
236
- this.currentDiscountPercentage && (h("div", { class: "discount-label", part: "discount-label" }, `-${this.currentDiscountPercentage}%`)), renderCustomLabels(this.customLabels.split(",")))), h("vviinn-skeleton", { key: '1f965e02586545c4c06ca183f87108adda8aeea0', height: 40, class: {
241
+ this.currentDiscountPercentage && (h("div", { class: "discount-label", part: "discount-label" }, `-${this.currentDiscountPercentage}%`)), renderCustomLabels(this.customLabels.split(",")))), h("vviinn-skeleton", { height: 40, class: {
237
242
  hidden: !this.isTransitioning,
238
- } })), h("div", { key: '8eac508b0683163c2d6b693c952785c4cf580afa', class: {
243
+ } })), h("div", { class: {
239
244
  "basket-button-container": true,
240
245
  hidden: !this.isShowBasketButton(),
241
- }, part: "basket-button-container" }, h("button", { key: '7dbea605523c5f4bed52439503a6acc8cd35fa75', class: {
246
+ }, part: "basket-button-container" }, h("button", { class: {
242
247
  "basket-button": true,
243
248
  hidden: this.isTransitioning,
244
249
  pressed: this.basketButonPressed,
245
250
  }, part: "basket-button", onClick: this.basketButtonClickHandler.bind(this) }, h("div", { class: {
246
251
  "basket-button-content": true,
247
252
  hidden: this.basketButonPressed,
248
- }, key: "not-pressed" }, h("span", { key: 'a6c45b45a0ff89b879d45507614624a8019124cf', class: "basket-button-icon-container" }, h("slot", { key: '15cb52751d3b1bcff3c4a29faa20178c98d6a410', name: "vviinn-basket-button-icon" }, h(BasketIcon, { key: '1f5ee9586437f3694a4ff8a8a75b6925e52c598f' }))), h("span", { key: '2ad2ab09bb4aee9c50020a611d27c6eb5b2cf33f' }, this.setMode ? (h("slot", { name: "vviinn-basket-button-text", key: "button-text-set" }, i18next.t("setMode.basketButtonText"))) : (h("slot", { name: "vviinn-basket-button-text", key: "button-text-default" }, i18next.t("basketButtonText"))))), h("div", { key: "pressed", class: {
253
+ }, key: "not-pressed" }, h("span", { class: "basket-button-icon-container" }, h("slot", { name: "vviinn-basket-button-icon" }, h(BasketIcon, null))), h("span", null, this.setMode ? (h("slot", { name: "vviinn-basket-button-text", key: "button-text-set" }, i18next.t("setMode.basketButtonText"))) : (h("slot", { name: "vviinn-basket-button-text", key: "button-text-default" }, i18next.t("basketButtonText"))))), h("div", { key: "pressed", class: {
249
254
  "basket-button-content": true,
250
255
  hidden: !this.basketButonPressed,
251
- } }, h("span", { key: '6ac34d88bd4fbd4b56326ac2f71735d7f6b93b40', class: "basket-button-icon-container" }, h("slot", { key: '43b0b7be5d77bbc0d9d25666311e1f3f07ee4f01', name: "vviinn-basket-button-icon-pressed" }, h(CheckCircleIcon, { key: '6e624a83806879c8a3d9722b7598e025459e65ac' }))), h("span", { key: '14076b9fcf92d4de86bbbc7fd278ebebff6db32d' }, h("span", { key: 'a98fdf104b5fbcf748575d8c584e862cec22a775', class: "discount-percentage", part: "discount-percentage", hidden: !(this.setMode && this.appliedDiscountPercentage) }, this.appliedDiscountPercentage, "%"), h("slot", { key: '493b7a6d83066dab4462464743605873ba175547', name: "vviinn-basket-button-text-pressed" }, this.setMode
256
+ } }, h("span", { class: "basket-button-icon-container" }, h("slot", { name: "vviinn-basket-button-icon-pressed" }, h(CheckCircleIcon, null))), h("span", null, h("span", { class: "discount-percentage", part: "discount-percentage", hidden: !(this.setMode && this.appliedDiscountPercentage) }, this.appliedDiscountPercentage, "%"), h("slot", { name: "vviinn-basket-button-text-pressed" }, this.setMode
252
257
  ? i18next.t("setMode.basketButtonPressedText")
253
- : i18next.t("basketButtonPressedText")))))), this.showFooterArrow && h("div", { key: 'd9cea5cbd30650aabe32e2a424f3cf95761b0ec0', class: "footer-arrow" })));
258
+ : i18next.t("basketButtonPressedText")))))), this.showFooterArrow && h("div", { class: "footer-arrow" })));
254
259
  }
255
260
  static get is() { return "vviinn-product-card"; }
256
261
  static get encapsulation() { return "shadow"; }
@@ -687,6 +692,64 @@ export class VviinnProductCard {
687
692
  "getter": false,
688
693
  "setter": false
689
694
  },
695
+ "isContentCard": {
696
+ "type": "boolean",
697
+ "attribute": "is-content-card",
698
+ "mutable": false,
699
+ "complexType": {
700
+ "original": "boolean",
701
+ "resolved": "boolean",
702
+ "references": {}
703
+ },
704
+ "required": false,
705
+ "optional": false,
706
+ "docs": {
707
+ "tags": [],
708
+ "text": "If true, renders the card in 'Content' mode (special layout)"
709
+ },
710
+ "getter": false,
711
+ "setter": false,
712
+ "reflect": false,
713
+ "defaultValue": "false"
714
+ },
715
+ "contentText": {
716
+ "type": "string",
717
+ "attribute": "content-text",
718
+ "mutable": false,
719
+ "complexType": {
720
+ "original": "string",
721
+ "resolved": "string",
722
+ "references": {}
723
+ },
724
+ "required": false,
725
+ "optional": true,
726
+ "docs": {
727
+ "tags": [],
728
+ "text": "Content text for Content card mode"
729
+ },
730
+ "getter": false,
731
+ "setter": false,
732
+ "reflect": false
733
+ },
734
+ "contentLink": {
735
+ "type": "string",
736
+ "attribute": "content-link",
737
+ "mutable": false,
738
+ "complexType": {
739
+ "original": "string",
740
+ "resolved": "string",
741
+ "references": {}
742
+ },
743
+ "required": false,
744
+ "optional": true,
745
+ "docs": {
746
+ "tags": [],
747
+ "text": "Content link for Content card mode"
748
+ },
749
+ "getter": false,
750
+ "setter": false,
751
+ "reflect": false
752
+ },
690
753
  "productId": {
691
754
  "type": "string",
692
755
  "attribute": "product-id",
@@ -414,13 +414,13 @@ export class VviinnResults {
414
414
  render() {
415
415
  var _a;
416
416
  const resultsLength = this.getResults().length;
417
- return (h(Host, { key: '2f0bdae6dafeae327f730209f7d7280c05130b76', id: "results-block", class: {
417
+ return (h(Host, { key: '01c3147ae6603cf1c353afb3d234c7b4952d3a8d', id: "results-block", class: {
418
418
  "show-in-widget": this.showInWidget,
419
419
  "matching-discovery": this.oneClickDiscoveryMode === "append-slider",
420
- }, exportparts: `${productCardParts}, ${productCardsGridPart}` }, h("div", { key: '43174873687c99458e3c7da39c380e3c2d6a26b8', class: "nothing-found" }, resultsLength === 0 && this.showInWidget && (h("vviinn-empty-results", { key: 'e8b7df4b9dc5a2f95fcce9ef5c076852c17ba299', handler: () => this === null || this === void 0 ? void 0 : this.resetWidgetState() })), this.showAspectRatioError && this.showInWidget && (h("vviinn-wrong-aspect-ratio", { key: 'bf1abb1fa0a174b6b73d8cb7ac37a81ee260ee38', handler: () => this === null || this === void 0 ? void 0 : this.resetWidgetState() }))), h("div", { key: '80de29f0df1f95f89c10ace7e9a9f34f34a8b23e', class: {
420
+ }, exportparts: `${productCardParts}, ${productCardsGridPart}` }, h("div", { key: 'f11e370143ecee3aa4c433ca5cb9c44544705e8a', class: "nothing-found" }, resultsLength === 0 && this.showInWidget && (h("vviinn-empty-results", { key: '8e0c25a09e22f03ff2ccd9b08448579095b3f734', handler: () => this === null || this === void 0 ? void 0 : this.resetWidgetState() })), this.showAspectRatioError && this.showInWidget && (h("vviinn-wrong-aspect-ratio", { key: '97fc821f704b24da0e5dc23a27c6748f192c9e25', handler: () => this === null || this === void 0 ? void 0 : this.resetWidgetState() }))), h("div", { key: 'bac7a906840e576e84961c5fbcff0ffebe2c677c', class: {
421
421
  hidden: this.showAspectRatioError || resultsLength === 0,
422
422
  products: true,
423
- }, part: productCardsGridPart, id: "vviinn-results-products" }, resultsLength > 0 && this.renderResults(), h("div", { key: 'bd7a0fea2ccf3b9ce2322c2508e88e7847f0af00', id: "one-click-discovery-append", style: {
423
+ }, part: productCardsGridPart, id: "vviinn-results-products" }, resultsLength > 0 && this.renderResults(), h("div", { key: 'e9d7f969ab5a725e7798787405d211e700c74888', id: "one-click-discovery-append", style: {
424
424
  order: ((_a = this.oneClickDiscoveryAppendIndex) !== null && _a !== void 0 ? _a : resultsLength).toString(),
425
425
  } }))));
426
426
  }
@@ -4,7 +4,7 @@ export class VviinnSkeleton {
4
4
  this.halfWidth = false;
5
5
  }
6
6
  render() {
7
- return (h(Host, { key: '0142c176f6b684a465e8636af7cb8f148317ae53' }, h("div", { key: 'b8ba6779f3d89c725089bb42c89b951ad7e1e79d', class: {
7
+ return (h(Host, { key: '749d83daa34563328a2e9bd99d9e0698c8092842' }, h("div", { key: 'dee29d665b867b7d6a6f2b17e96de450b0c3d733', class: {
8
8
  "vviinn-skeleton": true,
9
9
  }, style: {
10
10
  height: this.height ? `${this.height.toString()}px` : "100%",
@@ -1,7 +1,7 @@
1
1
  import { Host, h } from "@stencil/core";
2
2
  export class VviinnSlide {
3
3
  render() {
4
- return (h(Host, { key: '874edf4c00fe5abb143cd45258242c7921ba9db6' }, h("slot", { key: '82b8e83b67119c310cabcac3d8a43c608edfd484' })));
4
+ return (h(Host, { key: '69b59fca979bed410d652d3ca274d9d849efb1f0' }, h("slot", { key: '7245c2d5fa77cb57782df8374e7db75ccd582b7f' })));
5
5
  }
6
6
  static get is() { return "vviinn-slide"; }
7
7
  static get encapsulation() { return "shadow"; }
@@ -34,7 +34,7 @@ export class VviinnSlider {
34
34
  return this.isRTL ? position * -1 : position;
35
35
  }
36
36
  render() {
37
- return (h(Host, { key: 'd35901ea48c63c7c1ff955e64e6677efef160fbb' }, h("div", { key: 'ab6b420eba1087b1af4574e84b73e2ad75a91786', class: "items-wrapper" }, h("div", { key: '49c710066c568b72030c8a0e9466259466675c11', class: "items" }, h("slot", { key: 'b0b0ef1167e256788b0529881afb971fc99883de' })))));
37
+ return (h(Host, { key: '31c25161ac3d7fd4c27d5da03b6c47915730b694' }, h("div", { key: '4ea924a8a0a4e07d610afc1c9fc0d0d700980a9a', class: "items-wrapper" }, h("div", { key: 'bcd910407682b4e24db6cde666d5167afdf32029', class: "items" }, h("slot", { key: 'f46d287050238e137ababadae8b8eb1ffdb96c7b' })))));
38
38
  }
39
39
  static get is() { return "vviinn-slider"; }
40
40
  static get encapsulation() { return "shadow"; }
@@ -6,7 +6,7 @@ export class VviinnTeaser {
6
6
  slotChangeListener(this, this.el);
7
7
  }
8
8
  render() {
9
- return (h(Host, { key: 'd38f9d6b8bffc2fe77c6cc219b86b30c6f328a85' }, h("slot", { key: 'cd1709188d72273236b5856ec304676aaeb1ef87' }, h("span", { key: '3704865abd33c1a83511dfa5bc884e4faf3d4341', class: "vviinn-teaser-text" }, h("slot", { key: '5c7caa1f911466d3d712b44ecb11bb9536e33175', name: "vviinn-teaser-text" }, i18next.t("teaserText"))))));
9
+ return (h(Host, { key: '4a9e002e10f369d67efc1fa03eb95a13143c9da6' }, h("slot", { key: '5348b9579f736a40dd32ff9256b8d52091d487d4' }, h("span", { key: '3be6496874a9b9d5205a8171f28aad1e40b94390', class: "vviinn-teaser-text" }, h("slot", { key: 'b8dbcc7c8f0262807487042cd20b32efc4541c77', name: "vviinn-teaser-text" }, i18next.t("teaserText"))))));
10
10
  }
11
11
  static get is() { return "vviinn-teaser"; }
12
12
  static get encapsulation() { return "shadow"; }
@@ -155,8 +155,8 @@ export class VviinnTextSearch {
155
155
  }
156
156
  }
157
157
  render() {
158
- return (h(Host, { key: 'a066fa697365db3c9c5e54a46298e29d811e421d', exportparts: searchBarParts }, h("div", { key: 'bd9405c73b5b3d57573e22c57867a62e6476d424', class: "text-search-container", part: "text-search-container" }, h("input", { key: 'a10326c55a1e0388869d937b18832ab5e5242b88', class: "text-search-input", part: "text-search-input", type: "text", placeholder: this.getPlaceholderText(), value: this.searchQuery, onInput: (event) => this.handleInputChange(event), onKeyUp: (event) => this.handleKeyPress(event) }), this.mode === "extended" && (h("vviinn-vps-button", { key: 'e1761d5971f891e66fe8c202d83247419de9d0d3', token: globalState.token, locale: globalState.locale, apiPath: globalState.apiPath, addStyle: false, showInWidget: false, exportparts: "vviinn-button" })), this.mode === "basic" && (h("slot", { key: 'be7158671ace61a4171a2cc9ba50208c3192e1ec', name: "vviinn-text-search-actions" })), (this.mode === "extended" || this.showInWidget) &&
159
- this.recognition && (h("button", { key: 'a8f654025d2870aae5850bf17ee2a3d5769b4380', class: "speech-button", part: "speech-button", onClick: () => this.handleSpeech() }, h(MicIcon, { key: '636b4c426410f1a7f45923718462940b494cfe91' }), this.isShowRecording() && (h("span", { key: 'd0d64aecf6b9850237cdabee58595652a6568c32', class: "recording-indicator" })))), h("button", { key: '6c21d014e94e087ed3b8b9dc5f2654d9d31ca633', class: "text-search-button", part: "text-search-button", onClick: () => this.handleTextSearch(), disabled: this.state.loading }, this.isShowPreloader() ? (h("vviinn-preloader", null)) : (h("slot", { name: "vviinn-text-search-icon" }, h(TextSearchIcon, null))))), this.showTooltip && (h("p", { key: 'ce6634b658ae8535e0ee007370c728cafa941387', class: "text-search-tooltip", part: "text-search-tooltip" }, i18next.t(this.tooltipText)))));
158
+ return (h(Host, { key: 'c4929073c1229ccdc941c4168ce4c20e7ab86748', exportparts: searchBarParts }, h("div", { key: '6b18110e89fce5f80de212cdcd8bb4aa93c9a252', class: "text-search-container", part: "text-search-container" }, h("input", { key: 'd65c310e2ead8f2e918e29c23c6ee6810d3f023f', class: "text-search-input", part: "text-search-input", type: "text", placeholder: this.getPlaceholderText(), value: this.searchQuery, onInput: (event) => this.handleInputChange(event), onKeyUp: (event) => this.handleKeyPress(event) }), this.mode === "extended" && (h("vviinn-vps-button", { key: '63c12d90c876c52d3b1ac0672657ba9034d566e2', token: globalState.token, locale: globalState.locale, apiPath: globalState.apiPath, addStyle: false, showInWidget: false, exportparts: "vviinn-button" })), this.mode === "basic" && (h("slot", { key: 'b0d3250b809ea692bff4a0c9f8ae9c88e4afe702', name: "vviinn-text-search-actions" })), (this.mode === "extended" || this.showInWidget) &&
159
+ this.recognition && (h("button", { key: 'f59432039bddcae76e224e9ad4dd1dc4a57f56da', class: "speech-button", part: "speech-button", onClick: () => this.handleSpeech() }, h(MicIcon, { key: '155bee4ac5cb4e7b86ffcd28483027d36a378caa' }), this.isShowRecording() && (h("span", { key: 'da1ab308baab739ccb48f0eb68f32c6c40b68e30', class: "recording-indicator" })))), h("button", { key: 'bbe403e8e4a5940fa43f884782a788765d55b846', class: "text-search-button", part: "text-search-button", onClick: () => this.handleTextSearch(), disabled: this.state.loading }, this.isShowPreloader() ? (h("vviinn-preloader", null)) : (h("slot", { name: "vviinn-text-search-icon" }, h(TextSearchIcon, null))))), this.showTooltip && (h("p", { key: '8e40fff9010c28394a8896d5387a5c4141d72f19', class: "text-search-tooltip", part: "text-search-tooltip" }, i18next.t(this.tooltipText)))));
160
160
  }
161
161
  static get is() { return "vviinn-text-search"; }
162
162
  static get encapsulation() { return "shadow"; }
@@ -112,7 +112,7 @@ export class RecommendationsSidebar {
112
112
  }
113
113
  render() {
114
114
  var _a;
115
- return (h(Host, { key: '22f22c826ee2f06b713a81d1fdf9333ea4c6b49a', class: this.getClassMap(), style: { display: this.hidden ? "none" : undefined }, exportparts: `body, close-sidebar, ${carouselParts}, ${productCardParts}` }, h("aside", { key: '305c32dfdd18503f97724688dee951895cff3828', class: "sidebar", part: "body", onAnimationEnd: (e) => this.handleAnimationEnd(e) }, h("header", { key: '54749d4f22c6f45ec7becf3ccbbba680f51f96a4', class: { "contains-source-img": this.isSourceImageValid() }, part: "sidebar-header" }, this.mode !== "set" && (h(Fragment, { key: '4bb68874250d5702e5e3a0b5a6b631939c8ae778' }, this.renderSourceImage(), ((_a = this.sidebarTitle) === null || _a === void 0 ? void 0 : _a.length) !== 0 && (h("span", { key: '3261c3a65ef16bcc2ca9368dbf60539290e95fe3', class: "title", part: "recommendations-title" }, this.sidebarTitle || i18next.t("discoveryWidgetTitle"))))), h("button", { key: 'f50551b9a6a96b2b7759fcbe2e6c929382b0acad', class: "close-sidebar", onClick: () => (this.sidebarState = "closed"), part: "close-sidebar" }, h(CrossIcon, { key: '0f09e22615091f32864c0e39c1fb2b8a5000649e' }))), h("main", { key: 'ed0e0d0918c7c5a42e3fea5c7557710cdd9da5b4', part: "sidebar-content" }, h("vviinn-vpr-widget", { key: '4bc347f029c897843f3743b2ba449fe82798d380', token: this.token, currencySign: this.currencySign, pricePrefix: this.pricePrefix, apiPath: this.apiPath, locale: this.locale, productId: this.productId, exportparts: `${carouselParts}, ${productCardParts}`, imageWidth: this.imageWidth, imageRatio: this.imageRatio, setItemsAmount: this.setItemsAmount, blockTitle: "", mode: this.mode, "campaign-type": this.campaignType, useCarousel: this.useCarousel, onVviinnRecommendationsLoaded: () => {
115
+ return (h(Host, { key: '4b9ea1751cd51a239447d8fe1178cff375aeb465', class: this.getClassMap(), style: { display: this.hidden ? "none" : undefined }, exportparts: `body, close-sidebar, ${carouselParts}, ${productCardParts}` }, h("aside", { key: 'f4037c3e828eef19454a6d1a73059a6ba0047dff', class: "sidebar", part: "body", onAnimationEnd: (e) => this.handleAnimationEnd(e) }, h("header", { key: '4c7c02c45247b2daef79b8c0d06b29f945ed02f6', class: { "contains-source-img": this.isSourceImageValid() }, part: "sidebar-header" }, this.mode !== "set" && (h(Fragment, { key: '9f1824fcce22445521533ff55a8d92ada9548ee3' }, this.renderSourceImage(), ((_a = this.sidebarTitle) === null || _a === void 0 ? void 0 : _a.length) !== 0 && (h("span", { key: 'a32d884502443b3d722d5554f04e0d979c26652b', class: "title", part: "recommendations-title" }, this.sidebarTitle || i18next.t("discoveryWidgetTitle"))))), h("button", { key: '3bfca729d6755feaf774c3e7d71f2f9d930255bc', class: "close-sidebar", onClick: () => (this.sidebarState = "closed"), part: "close-sidebar" }, h(CrossIcon, { key: '717f9d0f1be9765e153a51def68e6a636ada7675' }))), h("main", { key: '0dbf46ad6c85e9b2f5541808be5a549ac25fd525', part: "sidebar-content" }, h("vviinn-vpr-widget", { key: '891406847848a737acdc61de3220b18893160891', token: this.token, currencySign: this.currencySign, pricePrefix: this.pricePrefix, apiPath: this.apiPath, locale: this.locale, productId: this.productId, exportparts: `${carouselParts}, ${productCardParts}`, imageWidth: this.imageWidth, imageRatio: this.imageRatio, setItemsAmount: this.setItemsAmount, blockTitle: "", mode: this.mode, "campaign-type": this.campaignType, useCarousel: this.useCarousel, onVviinnRecommendationsLoaded: () => {
116
116
  this.hidden = false;
117
117
  this.sidebarState = "open";
118
118
  }, showScroll: this.widgetScrollbar, campaigns: this.campaigns, color: this.color, 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.sidebarState === "closed", opened: this.sidebarState === "open", addToBasketShow: this.addToBasketShow, cssUrl: this.cssUrl, showFilters: this.showFilters, setModeDiscounts: this.setModeDiscounts, updateButtonLocation: this.updateButtonLocation, addPriceContainer: this.addPriceContainer, favoriteShow: this.favoriteShow, isAppended: this.isAppended, showInWidget: this.showInWidget, recommendationsLoading: this.recommendationsLoading, setRecommendationsLoading: this.setRecommendationsLoading, imageResolutionWidth: this.imageResolutionWidth })))));
@@ -147,7 +147,7 @@ export class VviinnVprButton {
147
147
  }
148
148
  }
149
149
  render() {
150
- return (h(Host, { key: '87aa8b75fca93a8ecfa4a6dde703196dc30d338b', onClick: () => {
150
+ return (h(Host, { key: '09dfd61dbbc3bc43ae2d4cc034faa105d676999f', onClick: () => {
151
151
  if (this.appendSidebarToId && !this.targetAppendSidebarTo) {
152
152
  setTimeout(() => {
153
153
  this.handleClick();
@@ -156,7 +156,7 @@ export class VviinnVprButton {
156
156
  else {
157
157
  this.handleClick();
158
158
  }
159
- }, role: "button", tabindex: "0" }, h("vviinn-button", { key: 'ef75f37eeeadc8155b23d0f2787cd62e30806195', addStyle: this.addStyle, part: "vviinn-button" }, h("slot", { key: '8307b99a1b93514a512225544e643c5a6e367cee' }, this.campaignType === "VCS" ? (h(CrossSellingIcon, { width: this.iconSideSize, height: this.iconSideSize })) : (h(SimilarProductsIcon, { width: this.iconSideSize, height: this.iconSideSize }))))));
159
+ }, role: "button", tabindex: "0" }, h("vviinn-button", { key: '60b4167b9189c9b396c003a043ed231776bf8210', addStyle: this.addStyle, part: "vviinn-button" }, h("slot", { key: '158ae74be03b06097840931dba71301354368ac8' }, this.campaignType === "VCS" ? (h(CrossSellingIcon, { width: this.iconSideSize, height: this.iconSideSize })) : (h(SimilarProductsIcon, { width: this.iconSideSize, height: this.iconSideSize }))))));
160
160
  }
161
161
  handleClick() {
162
162
  const sidebar = document.createElement("vviinn-recommendations-sidebar");