vviinn-widgets 2.104.0 → 2.106.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 (79) hide show
  1. package/dist/cjs/index-4474431a.js +4 -12
  2. package/dist/cjs/loader.cjs.js +1 -1
  3. package/dist/cjs/{customized-slots-ee9418c1.js → package-46d36705.js} +3 -0
  4. package/dist/cjs/{search-filters_19.cjs.entry.js → search-filters_20.cjs.entry.js} +141 -13
  5. package/dist/cjs/{vviinn-recommendations-sidebar.cjs.entry.js → vviinn-button_2.cjs.entry.js} +17 -0
  6. package/dist/cjs/vviinn-carousel_8.cjs.entry.js +34 -17
  7. package/dist/cjs/vviinn-vps-button.cjs.entry.js +3 -4
  8. package/dist/cjs/vviinn-vps-widget.cjs.entry.js +4 -5
  9. package/dist/cjs/vviinn-widgets.cjs.js +1 -1
  10. package/dist/collection/components/vviinn-filters/vviinn-extended-filters.js +30 -2
  11. package/dist/collection/components/vviinn-filters/vviinn-filters.css +1 -1
  12. package/dist/collection/components/vviinn-product-card/vviinn-product-card.css +5 -1
  13. package/dist/collection/components/vviinn-product-card/vviinn-product-card.js +1 -1
  14. package/dist/collection/components/vviinn-results/stories/ResultsTemplate.js +2 -1
  15. package/dist/collection/components/vviinn-results/stories/generalArgs.js +1 -0
  16. package/dist/collection/components/vviinn-results/vviinn-results.css +17 -0
  17. package/dist/collection/components/vviinn-results/vviinn-results.js +20 -1
  18. package/dist/esm/{emitRequestFiltersMore-2ac945dd.js → emitRequestFiltersMore-597aca40.js} +1 -1
  19. package/dist/esm/{index-ee7cf1ca.js → index-9b5df8ac.js} +1 -1
  20. package/dist/esm/index-abf408d8.js +4 -12
  21. package/dist/esm/loader.js +1 -1
  22. package/dist/esm/{customized-slots-7fa3856f.js → package-04d38548.js} +3 -1
  23. package/dist/esm/{search-filters_19.entry.js → search-filters_20.entry.js} +136 -9
  24. package/dist/esm/{search.store-a11affa8.js → search.store-d8d95ae7.js} +1 -1
  25. package/dist/esm/{vviinn-recommendations-sidebar.entry.js → vviinn-button_2.entry.js} +19 -3
  26. package/dist/esm/vviinn-carousel_8.entry.js +28 -11
  27. package/dist/esm/vviinn-preloader.entry.js +1 -1
  28. package/dist/esm/vviinn-vps-button.entry.js +1 -2
  29. package/dist/esm/vviinn-vps-widget.entry.js +3 -4
  30. package/dist/esm/vviinn-widgets.js +1 -1
  31. package/dist/types/components/vviinn-filters/vviinn-extended-filters.d.ts +4 -0
  32. package/dist/types/components/vviinn-results/stories/generalArgs.d.ts +1 -0
  33. package/dist/types/components/vviinn-results/vviinn-results.d.ts +2 -0
  34. package/dist/types/components.d.ts +8 -0
  35. package/dist/vviinn-widgets/{p-2854a440.js → p-0f73cc0c.js} +1 -1
  36. package/dist/vviinn-widgets/{p-43242068.js → p-32c0fbb5.js} +1 -1
  37. package/dist/vviinn-widgets/p-3a90e25d.entry.js +1 -0
  38. package/dist/vviinn-widgets/p-3d9504c6.entry.js +11 -0
  39. package/dist/vviinn-widgets/p-6cf6b67e.entry.js +1 -0
  40. package/dist/vviinn-widgets/p-ab152043.entry.js +1 -0
  41. package/dist/vviinn-widgets/{p-299751a4.entry.js → p-add07964.entry.js} +1 -1
  42. package/dist/vviinn-widgets/{p-17d4d7e8.js → p-bf1e18ea.js} +1 -1
  43. package/dist/vviinn-widgets/p-c6784fd4.entry.js +1 -0
  44. package/dist/vviinn-widgets/{p-499b1c72.js → p-cbed9be2.js} +1 -1
  45. package/dist/vviinn-widgets/vviinn-widgets.esm.js +1 -1
  46. package/package.json +1 -1
  47. package/www/build/{p-2854a440.js → p-0f73cc0c.js} +1 -1
  48. package/www/build/{p-43242068.js → p-32c0fbb5.js} +1 -1
  49. package/www/build/p-3a90e25d.entry.js +1 -0
  50. package/www/build/p-3d9504c6.entry.js +11 -0
  51. package/www/build/p-6cf6b67e.entry.js +1 -0
  52. package/www/build/p-ab152043.entry.js +1 -0
  53. package/www/build/{p-299751a4.entry.js → p-add07964.entry.js} +1 -1
  54. package/www/build/{p-17d4d7e8.js → p-bf1e18ea.js} +1 -1
  55. package/www/build/p-c6784fd4.entry.js +1 -0
  56. package/www/build/{p-499b1c72.js → p-cbed9be2.js} +1 -1
  57. package/www/build/vviinn-widgets.esm.js +1 -1
  58. package/dist/cjs/package-f5478116.js +0 -5
  59. package/dist/cjs/vviinn-button.cjs.entry.js +0 -23
  60. package/dist/cjs/vviinn-vpr-button.cjs.entry.js +0 -135
  61. package/dist/esm/package-6acc63c5.js +0 -3
  62. package/dist/esm/vviinn-button.entry.js +0 -19
  63. package/dist/esm/vviinn-vpr-button.entry.js +0 -131
  64. package/dist/vviinn-widgets/p-1e65d372.entry.js +0 -1
  65. package/dist/vviinn-widgets/p-3320ed92.entry.js +0 -11
  66. package/dist/vviinn-widgets/p-3ea343af.entry.js +0 -1
  67. package/dist/vviinn-widgets/p-be084975.entry.js +0 -1
  68. package/dist/vviinn-widgets/p-be1480ba.entry.js +0 -1
  69. package/dist/vviinn-widgets/p-c3996c4f.entry.js +0 -1
  70. package/dist/vviinn-widgets/p-cbe8afb9.entry.js +0 -1
  71. package/dist/vviinn-widgets/p-e906d5e6.js +0 -1
  72. package/www/build/p-1e65d372.entry.js +0 -1
  73. package/www/build/p-3320ed92.entry.js +0 -11
  74. package/www/build/p-3ea343af.entry.js +0 -1
  75. package/www/build/p-be084975.entry.js +0 -1
  76. package/www/build/p-be1480ba.entry.js +0 -1
  77. package/www/build/p-c3996c4f.entry.js +0 -1
  78. package/www/build/p-cbe8afb9.entry.js +0 -1
  79. package/www/build/p-e906d5e6.js +0 -1
@@ -1714,30 +1714,22 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
1714
1714
  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
1715
1715
  /* webpackMode: "lazy" */
1716
1716
  './vviinn-carousel_8.cjs.entry.js')); }).then(processMod, consoleError);
1717
- case 'vviinn-vpr-button.cjs':
1718
- return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
1719
- /* webpackMode: "lazy" */
1720
- './vviinn-vpr-button.cjs.entry.js')); }).then(processMod, consoleError);
1721
1717
  case 'vviinn-vps-button.cjs':
1722
1718
  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
1723
1719
  /* webpackMode: "lazy" */
1724
1720
  './vviinn-vps-button.cjs.entry.js')); }).then(processMod, consoleError);
1725
- case 'vviinn-recommendations-sidebar.cjs':
1726
- return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
1727
- /* webpackMode: "lazy" */
1728
- './vviinn-recommendations-sidebar.cjs.entry.js')); }).then(processMod, consoleError);
1729
1721
  case 'vviinn-vps-widget.cjs':
1730
1722
  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
1731
1723
  /* webpackMode: "lazy" */
1732
1724
  './vviinn-vps-widget.cjs.entry.js')); }).then(processMod, consoleError);
1733
- case 'search-filters_19.cjs':
1725
+ case 'search-filters_20.cjs':
1734
1726
  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
1735
1727
  /* webpackMode: "lazy" */
1736
- './search-filters_19.cjs.entry.js')); }).then(processMod, consoleError);
1737
- case 'vviinn-button.cjs':
1728
+ './search-filters_20.cjs.entry.js')); }).then(processMod, consoleError);
1729
+ case 'vviinn-button_2.cjs':
1738
1730
  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
1739
1731
  /* webpackMode: "lazy" */
1740
- './vviinn-button.cjs.entry.js')); }).then(processMod, consoleError);
1732
+ './vviinn-button_2.cjs.entry.js')); }).then(processMod, consoleError);
1741
1733
  case 'vviinn-preloader.cjs':
1742
1734
  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
1743
1735
  /* webpackMode: "lazy" */
@@ -14,7 +14,7 @@ const patchEsm = () => {
14
14
  const defineCustomElements = (win, options) => {
15
15
  if (typeof window === 'undefined') return Promise.resolve();
16
16
  return patchEsm().then(() => {
17
- return index.bootstrapLazy(JSON.parse("[[\"vviinn-button.cjs\",[[1,\"vviinn-button\",{\"addStyle\":[4,\"add-style\"]}]]],[\"vviinn-preloader.cjs\",[[1,\"vviinn-preloader\"]]],[\"vviinn-error.cjs\",[[1,\"vviinn-error\"]]],[\"vviinn-carousel_8.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\":[1040],\"filtersString\":[1,\"filters-string\"],\"locale\":[1],\"mode\":[1],\"requestFilters\":[32],\"showMore\":[32],\"selectedMoreOptions\":[32]}],[1,\"vviinn-filters\",{\"filters\":[1040],\"filtersString\":[1,\"filters-string\"],\"showInWidget\":[4,\"show-in-widget\"],\"selectedFilter\":[32],\"requestFilters\":[32]}],[1,\"vviinn-product-card\",{\"brand\":[1],\"currency\":[1],\"image\":[1],\"imageRatio\":[2,\"image-ratio\"],\"imageWidth\":[2,\"image-width\"],\"locale\":[1],\"price\":[2],\"basePrice\":[1,\"base-price\"],\"pricePrefix\":[1,\"price-prefix\"],\"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\"],\"updateButtonLocation\":[1,\"update-button-location\"],\"priceLabel\":[1,\"price-label\"],\"energyCertifications\":[1040],\"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\"],\"isTransitioning\":[32],\"basketButonPressed\":[32]},[[0,\"vviinnCrossSellingClick\",\"crossSellingClickListener\"]]],[1,\"vviinn-price-range\",{\"histogram\":[16],\"addStyle\":[4,\"add-style\"],\"priceChangeHandler\":[16],\"selectedInterval\":[16],\"minIndex\":[32],\"maxIndex\":[32],\"scalingFactor\":[32]}],[1,\"vviinn-energy-label\",{\"classIconUrls\":[16],\"productType\":[1,\"product-type\"],\"classDataSheetUrl\":[1,\"class-data-sheet-url\"],\"iconDirection\":[1,\"icon-direction\"]}],[1,\"vviinn-skeleton\",{\"height\":[2],\"halfWidth\":[4,\"half-width\"]}]]],[\"search-filters_19.cjs\",[[1,\"vviinn-results\",{\"token\":[1],\"searchId\":[1,\"search-id\"],\"uiSessionId\":[1025,\"ui-session-id\"],\"imageResolutionWidth\":[2,\"image-resolution-width\"],\"currencySign\":[1,\"currency-sign\"],\"locale\":[8],\"productDetailsNewTab\":[4,\"product-details-new-tab\"],\"productDetailsRedirect\":[4,\"product-details-redirect\"],\"addToBasketShow\":[4,\"add-to-basket-show\"],\"textSearchQuery\":[1,\"text-search-query\"],\"filterColumn\":[1,\"filter-column\"],\"filterValue\":[1,\"filter-value\"],\"resultsCount\":[2,\"results-count\"],\"showInWidget\":[4,\"show-in-widget\"],\"apiPath\":[1,\"api-path\"],\"buttonElementId\":[1,\"button-element-id\"],\"widgetElementId\":[1,\"widget-element-id\"],\"showAspectRatioError\":[4,\"show-aspect-ratio-error\"],\"trackingDeactivated\":[1028,\"tracking-deactivated\"],\"resetState\":[16],\"replaceSlotsContentInWidget\":[16],\"replaceSlotsContentInButton\":[16],\"recommendations\":[32],\"innerTextSearchQuery\":[32],\"slotsReplaced\":[32]},[[0,\"vviinnProductLoad\",\"trackProductLoad\"],[0,\"vviinnProductView\",\"trackProductView\"],[0,\"vviinnProductClick\",\"trackProductClick\"],[0,\"vviinnAuxClick\",\"trackAuxClick\"]]],[1,\"vviinn-image-view\",{\"basicEventData\":[16],\"setShowAspectRatioError\":[16],\"showAspectRatioError\":[4,\"show-aspect-ratio-error\"],\"cropper\":[32],\"hidePreloader\":[32]},[[0,\"vviinnSelectObject\",\"selectDetectedObject\"]]],[1,\"vviinn-overlayed-modal\",{\"active\":[4],\"resetState\":[16],\"buttonElementId\":[1,\"button-element-id\"],\"hideBackButton\":[4,\"hide-back-button\"],\"widgetVersion\":[1,\"widget-version\"],\"isFirstScreen\":[4,\"is-first-screen\"]}],[1,\"vviinn-text-search\",{\"token\":[1],\"locale\":[1],\"mode\":[1],\"showInWidget\":[4,\"show-in-widget\"],\"searchQuery\":[1025,\"search-query\"],\"apiPath\":[1,\"api-path\"],\"isLoading\":[32]},[[0,\"vviinnImageUploadFinished\",\"imageUploadFinished\"]]],[1,\"vviinn-server-error\",{\"handler\":[16]}],[1,\"vviinn-wrong-format\",{\"handler\":[16]}],[1,\"search-filters\",{\"filter\":[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-selected-filters\",{\"showInWidget\":[4,\"show-in-widget\"],\"filters\":[32],\"requestFilters\":[32]}],[1,\"vviinn-slide\"],[1,\"vviinn-slider\",{\"showBullets\":[4,\"show-bullets\"],\"position\":[514],\"showArrows\":[4,\"show-arrows\"],\"elementsCount\":[32],\"internalPosition\":[32],\"swipeStartPosition\":[32],\"isRTL\":[32]}],[1,\"vviinn-teaser\"],[1,\"vviinn-empty-results\",{\"handler\":[16]}],[1,\"vviinn-image-selector\",{\"basicEventData\":[16],\"startUpload\":[4,\"start-upload\"],\"loading\":[4],\"accept\":[1],\"resetVpsButton\":[16],\"token\":[1],\"apiPath\":[1,\"api-path\"],\"showInTextSearch\":[4,\"show-in-text-search\"],\"uploadStartedHandler\":[16]}],[1,\"vviinn-wrong-aspect-ratio\",{\"handler\":[16]}],[1,\"vviinn-detected-object\",{\"detectedObject\":[16],\"basicEventData\":[16],\"position\":[32]}],[1,\"vviinn-modal\",{\"active\":[1540],\"resetState\":[16],\"buttonElementId\":[1,\"button-element-id\"],\"widgetVersion\":[1,\"widget-version\"],\"hideBackButton\":[4,\"hide-back-button\"],\"isFirstScreen\":[4,\"is-first-screen\"],\"slider\":[32]}],[1,\"vviinn-overlay\"]]],[\"vviinn-vps-widget.cjs\",[[1,\"vviinn-vps-widget\",{\"token\":[1],\"active\":[1028],\"currencySign\":[1,\"currency-sign\"],\"locale\":[1],\"campaignId\":[1,\"campaign-id\"],\"excluded\":[1],\"productDetailsNewTab\":[4,\"product-details-new-tab\"],\"productDetailsRedirect\":[4,\"product-details-redirect\"],\"imageResolutionWidth\":[2,\"image-resolution-width\"],\"exampleImageSource\":[1,\"example-image-source\"],\"textSearchShow\":[4,\"text-search-show\"],\"addToBasketShow\":[4,\"add-to-basket-show\"],\"apiPath\":[1,\"api-path\"],\"showingInButton\":[4,\"showing-in-button\"],\"buttonElementId\":[1,\"button-element-id\"],\"buttonPressed\":[4,\"button-pressed\"],\"mode\":[1],\"resetVpsButton\":[16],\"replaceSlotsContentInButton\":[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,\"widgetTextSearchFinished\",\"textSearchFinishedHandler\"],[0,\"vviinnResultLoad\",\"resultLoadHandler\"],[0,\"vviinnResultView\",\"resultViewHandler\"],[0,\"vviinnCameraEnabled\",\"trackCameraEnabled\"],[0,\"vviinnImageCrop\",\"trachSearchAreaChanges\"],[0,\"vviinnSelectObject\",\"trackDetectedObject\"],[0,\"vviinnSelectFilter\",\"trackFilterSelected\"]]]]],[\"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\"],\"addToBasketShow\":[4,\"add-to-basket-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],\"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\"],\"showInCustomContainer\":[4,\"show-in-custom-container\"],\"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],\"addStyle\":[4,\"add-style\"],\"apiPath\":[1,\"api-path\"],\"appendSidebarTo\":[1,\"append-sidebar-to\"],\"targetAppendSidebarTo\":[32]}]]]]"), options);
17
+ return index.bootstrapLazy(JSON.parse("[[\"vviinn-preloader.cjs\",[[1,\"vviinn-preloader\"]]],[\"vviinn-error.cjs\",[[1,\"vviinn-error\"]]],[\"vviinn-carousel_8.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\":[1040],\"filtersString\":[1,\"filters-string\"],\"locale\":[1],\"mode\":[1],\"requestFilters\":[32],\"showMore\":[32],\"selectedMoreOptions\":[32]},[[16,\"click\",\"bodyClickListener\"]]],[1,\"vviinn-filters\",{\"filters\":[1040],\"filtersString\":[1,\"filters-string\"],\"showInWidget\":[4,\"show-in-widget\"],\"selectedFilter\":[32],\"requestFilters\":[32]}],[1,\"vviinn-product-card\",{\"brand\":[1],\"currency\":[1],\"image\":[1],\"imageRatio\":[2,\"image-ratio\"],\"imageWidth\":[2,\"image-width\"],\"locale\":[1],\"price\":[2],\"basePrice\":[1,\"base-price\"],\"pricePrefix\":[1,\"price-prefix\"],\"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\"],\"updateButtonLocation\":[1,\"update-button-location\"],\"priceLabel\":[1,\"price-label\"],\"energyCertifications\":[1040],\"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\"],\"isTransitioning\":[32],\"basketButonPressed\":[32]},[[0,\"vviinnCrossSellingClick\",\"crossSellingClickListener\"]]],[1,\"vviinn-energy-label\",{\"classIconUrls\":[16],\"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],\"selectedInterval\":[16],\"minIndex\":[32],\"maxIndex\":[32],\"scalingFactor\":[32]}],[1,\"vviinn-skeleton\",{\"height\":[2],\"halfWidth\":[4,\"half-width\"]}]]],[\"vviinn-button_2.cjs\",[[1,\"vviinn-recommendations-sidebar\",{\"sidebarTitle\":[1,\"sidebar-title\"],\"token\":[1],\"productId\":[1,\"product-id\"],\"position\":[1],\"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\"],\"showInCustomContainer\":[4,\"show-in-custom-container\"],\"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\"]]],[1,\"vviinn-button\",{\"addStyle\":[4,\"add-style\"]}]]],[\"search-filters_20.cjs\",[[1,\"vviinn-results\",{\"token\":[1],\"searchId\":[1,\"search-id\"],\"uiSessionId\":[1025,\"ui-session-id\"],\"imageResolutionWidth\":[2,\"image-resolution-width\"],\"currencySign\":[1,\"currency-sign\"],\"locale\":[8],\"productDetailsNewTab\":[4,\"product-details-new-tab\"],\"productDetailsRedirect\":[4,\"product-details-redirect\"],\"addToBasketShow\":[4,\"add-to-basket-show\"],\"textSearchQuery\":[1,\"text-search-query\"],\"filterColumn\":[1,\"filter-column\"],\"filterValue\":[1,\"filter-value\"],\"resultsCount\":[2,\"results-count\"],\"showInWidget\":[4,\"show-in-widget\"],\"showOneClickDiscovery\":[4,\"show-one-click-discovery\"],\"apiPath\":[1,\"api-path\"],\"buttonElementId\":[1,\"button-element-id\"],\"widgetElementId\":[1,\"widget-element-id\"],\"showAspectRatioError\":[4,\"show-aspect-ratio-error\"],\"trackingDeactivated\":[1028,\"tracking-deactivated\"],\"resetState\":[16],\"replaceSlotsContentInWidget\":[16],\"replaceSlotsContentInButton\":[16],\"recommendations\":[32],\"innerTextSearchQuery\":[32],\"slotsReplaced\":[32]},[[0,\"vviinnProductLoad\",\"trackProductLoad\"],[0,\"vviinnProductView\",\"trackProductView\"],[0,\"vviinnProductClick\",\"trackProductClick\"],[0,\"vviinnAuxClick\",\"trackAuxClick\"]]],[1,\"vviinn-image-view\",{\"basicEventData\":[16],\"setShowAspectRatioError\":[16],\"showAspectRatioError\":[4,\"show-aspect-ratio-error\"],\"cropper\":[32],\"hidePreloader\":[32]},[[0,\"vviinnSelectObject\",\"selectDetectedObject\"]]],[1,\"vviinn-overlayed-modal\",{\"active\":[4],\"resetState\":[16],\"buttonElementId\":[1,\"button-element-id\"],\"hideBackButton\":[4,\"hide-back-button\"],\"widgetVersion\":[1,\"widget-version\"],\"isFirstScreen\":[4,\"is-first-screen\"]}],[1,\"vviinn-text-search\",{\"token\":[1],\"locale\":[1],\"mode\":[1],\"showInWidget\":[4,\"show-in-widget\"],\"searchQuery\":[1025,\"search-query\"],\"apiPath\":[1,\"api-path\"],\"isLoading\":[32]},[[0,\"vviinnImageUploadFinished\",\"imageUploadFinished\"]]],[1,\"vviinn-server-error\",{\"handler\":[16]}],[1,\"vviinn-wrong-format\",{\"handler\":[16]}],[1,\"search-filters\",{\"filter\":[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-selected-filters\",{\"showInWidget\":[4,\"show-in-widget\"],\"filters\":[32],\"requestFilters\":[32]}],[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-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],\"addStyle\":[4,\"add-style\"],\"apiPath\":[1,\"api-path\"],\"appendSidebarTo\":[1,\"append-sidebar-to\"],\"targetAppendSidebarTo\":[32]}],[1,\"vviinn-empty-results\",{\"handler\":[16]}],[1,\"vviinn-image-selector\",{\"basicEventData\":[16],\"startUpload\":[4,\"start-upload\"],\"loading\":[4],\"accept\":[1],\"resetVpsButton\":[16],\"token\":[1],\"apiPath\":[1,\"api-path\"],\"showInTextSearch\":[4,\"show-in-text-search\"],\"uploadStartedHandler\":[16]}],[1,\"vviinn-wrong-aspect-ratio\",{\"handler\":[16]}],[1,\"vviinn-detected-object\",{\"detectedObject\":[16],\"basicEventData\":[16],\"position\":[32]}],[1,\"vviinn-modal\",{\"active\":[1540],\"resetState\":[16],\"buttonElementId\":[1,\"button-element-id\"],\"widgetVersion\":[1,\"widget-version\"],\"hideBackButton\":[4,\"hide-back-button\"],\"isFirstScreen\":[4,\"is-first-screen\"],\"slider\":[32]}],[1,\"vviinn-overlay\"]]],[\"vviinn-vps-widget.cjs\",[[1,\"vviinn-vps-widget\",{\"token\":[1],\"active\":[1028],\"currencySign\":[1,\"currency-sign\"],\"locale\":[1],\"campaignId\":[1,\"campaign-id\"],\"excluded\":[1],\"productDetailsNewTab\":[4,\"product-details-new-tab\"],\"productDetailsRedirect\":[4,\"product-details-redirect\"],\"imageResolutionWidth\":[2,\"image-resolution-width\"],\"exampleImageSource\":[1,\"example-image-source\"],\"textSearchShow\":[4,\"text-search-show\"],\"addToBasketShow\":[4,\"add-to-basket-show\"],\"apiPath\":[1,\"api-path\"],\"showingInButton\":[4,\"showing-in-button\"],\"buttonElementId\":[1,\"button-element-id\"],\"buttonPressed\":[4,\"button-pressed\"],\"mode\":[1],\"resetVpsButton\":[16],\"replaceSlotsContentInButton\":[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,\"widgetTextSearchFinished\",\"textSearchFinishedHandler\"],[0,\"vviinnResultLoad\",\"resultLoadHandler\"],[0,\"vviinnResultView\",\"resultViewHandler\"],[0,\"vviinnCameraEnabled\",\"trackCameraEnabled\"],[0,\"vviinnImageCrop\",\"trachSearchAreaChanges\"],[0,\"vviinnSelectObject\",\"trackDetectedObject\"],[0,\"vviinnSelectFilter\",\"trackFilterSelected\"]]]]],[\"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\"],\"addToBasketShow\":[4,\"add-to-basket-show\"],\"apiPath\":[1,\"api-path\"],\"buttonPressed\":[32]},[[0,\"vviinnWidgetClose\",\"handleModalClosed\"]]]]]]"), options);
18
18
  });
19
19
  };
20
20
 
@@ -120,8 +120,11 @@ const slotChangeListener = (component, element) => {
120
120
  component.connectedCallback.call(component);
121
121
  };
122
122
 
123
+ const version = "2.106.0";
124
+
123
125
  exports.SlotSkeleton = SlotSkeleton;
124
126
  exports.campaignTypeNames = campaignTypeNames;
125
127
  exports.fold = fold;
126
128
  exports.fromString = fromString;
127
129
  exports.slotChangeListener = slotChangeListener;
130
+ exports.version = version;
@@ -5,9 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-4474431a.js');
6
6
  const search_store = require('./search.store-4593a19d.js');
7
7
  const index$1 = require('./index-bd074b94.js');
8
- const customizedSlots = require('./customized-slots-ee9418c1.js');
8
+ const _package = require('./package-46d36705.js');
9
9
  const emitRequestFiltersMore = require('./emitRequestFiltersMore-a5bcf49f.js');
10
- const _package = require('./package-f5478116.js');
11
10
  const SearchModalUploadIcon = require('./SearchModalUploadIcon-b6db8026.js');
12
11
 
13
12
  const ArrowIcon = () => (index.h("svg", { width: "12", height: "20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
@@ -35,6 +34,19 @@ const WarningIcon = () => (index.h("svg", { slot: "icon", class: "icon", width:
35
34
  const PhotoFrameCorner = ({ className }) => (index.h("svg", { width: "34", height: "34", viewBox: "0 0 34 34", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: className },
36
35
  index.h("path", { d: "M31 3H15C8.37258 3 3 8.37258 3 15V31", stroke: "white", "stroke-width": "6", "stroke-linecap": "square" })));
37
36
 
37
+ const SimilarProductsIcon = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" },
38
+ index.h("path", { d: "M4 16V15H2V16C2 19.31 4.69 22 8 22H9V20H8C5.79 20 4 18.21 4 16Z", fill: "#161616" }),
39
+ index.h("path", { d: "M4 8C4 5.79 5.79 4 8 4H9V2H8C4.69 2 2 4.69 2 8V9H4V8Z", fill: "#161616" }),
40
+ index.h("path", { d: "M20 8C20 5.79 18.21 4 16 4H15V2H16C19.31 2 22 4.69 22 8V9H20V8Z", fill: "#161616" }),
41
+ index.h("path", { d: "M20 16C20 18.21 18.21 20 16 20H15V22H16C19.31 22 22 19.31 22 16V15H20V16Z", fill: "#161616" }),
42
+ index.h("path", { d: "M9 8H7C6.45 8 6 8.45 6 9C6 9.55 6.45 10 7 10H9V11C9 11.55 9.45 12 10 12C10.55 12 11 11.55 11 11V7C11 6.45 10.55 6 10 6C9.45 6 9 6.45 9 7V8Z", fill: "#161616" }),
43
+ index.h("path", { d: "M15 16H17C17.55 16 18 15.55 18 15C18 14.45 17.55 14 17 14H15V13C15 12.45 14.55 12 14 12C13.45 12 13 12.45 13 13V17C13 17.55 13.45 18 14 18C14.55 18 15 17.55 15 17V16Z", fill: "#161616" }),
44
+ index.h("path", { d: "M16 9C16 8.45 15.55 8 15 8H12V10H15C15.55 10 16 9.55 16 9Z", fill: "#161616" }),
45
+ index.h("path", { d: "M6 15C6 15.55 6.45 16 7 16H12V14H7C6.45 14 6 14.45 6 15Z", fill: "#161616" })));
46
+
47
+ const CrossSellingIcon = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" },
48
+ index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M20 13C20 13.55 20.45 14 21 14C21.55 14 22 13.55 22 13V5C22 3.35 20.65 2 19 2H11C10.45 2 10 2.45 10 3C10 3.55 10.45 4 11 4H19C19.55 4 20 4.45 20 5V13ZM2 19C2 20.65 3.35 22 5 22H13C13.55 22 14 21.55 14 21C14 20.45 13.55 20 13 20H5C4.45 20 4 19.55 4 19V11C4 10.45 3.55 10 3 10C2.45 10 2 10.45 2 11V19ZM12 16C11.45 16 11 15.55 11 15V13H9C8.45 13 8 12.55 8 12C8 11.45 8.45 11 9 11H11V9C11 8.45 11.45 8 12 8C12.55 8 13 8.45 13 9V11H15C15.55 11 16 11.45 16 12C16 12.55 15.55 13 15 13H13V15C13 15.55 12.55 16 12 16Z", fill: "#161616" })));
49
+
38
50
  // -------------------------------------------------------------------------------------
39
51
  // -------------------------------------------------------------------------------------
40
52
  // instances
@@ -281,7 +293,7 @@ const VviinnExampleImage = class {
281
293
  this.zoomCapabilities = null;
282
294
  }
283
295
  componentWillLoad() {
284
- customizedSlots.slotChangeListener(this, this.el);
296
+ _package.slotChangeListener(this, this.el);
285
297
  }
286
298
  componentDidLoad() {
287
299
  this.videoElement = this.el.shadowRoot.getElementById("camera-preview");
@@ -3826,7 +3838,7 @@ const VviinnModal = class {
3826
3838
  }
3827
3839
  /** @internal */
3828
3840
  componentWillLoad() {
3829
- customizedSlots.slotChangeListener(this, this.el);
3841
+ _package.slotChangeListener(this, this.el);
3830
3842
  }
3831
3843
  resetTopScroll() {
3832
3844
  const element = this.el.shadowRoot.querySelector(".body");
@@ -3838,7 +3850,7 @@ const VviinnModal = class {
3838
3850
  this.vviinnWidgetClose.emit({
3839
3851
  widgetType: "VPS",
3840
3852
  campaignTypeId: "VPS",
3841
- campaignTypeName: customizedSlots.campaignTypeNames["VPS"],
3853
+ campaignTypeName: _package.campaignTypeNames["VPS"],
3842
3854
  widgetId: this.buttonElementId,
3843
3855
  widgetVersion: this.widgetVersion,
3844
3856
  });
@@ -3904,7 +3916,7 @@ const VviinnPrivacyBadge = class {
3904
3916
  this.privacyBadgeText = undefined;
3905
3917
  }
3906
3918
  componentWillLoad() {
3907
- customizedSlots.slotChangeListener(this, this.el);
3919
+ _package.slotChangeListener(this, this.el);
3908
3920
  }
3909
3921
  render() {
3910
3922
  return (index.h(index.Host, null, index.h("slot", { name: "vviinn-privacy-badge-text" }, index.h("div", { innerHTML: this.privacyBadgeText }))));
@@ -3913,7 +3925,7 @@ const VviinnPrivacyBadge = class {
3913
3925
  };
3914
3926
  VviinnPrivacyBadge.style = vviinnPrivacyBadgeCss;
3915
3927
 
3916
- const vviinnResultsCss = ":host{--font-family-base:Inter, system-ui, sans-serif;--font-family-mono:monospace;--font-size-title:24px;--font-size-headline:18px;--font-size-label-large:16px;--font-size-label:14px;--font-size-body-large:16px;--font-size-body:14px;--font-size-caption:12px;--line-height-title:32px;--line-height-headline:24px;--line-height-label-large:24px;--line-height-label:20px;--line-height-body-large:24px;--line-height-body:20px;--line-height-caption:16px;--letter-spacing-title:0px;--letter-spacing-headline:0px;--letter-spacing-label-large:0px;--letter-spacing-label:0px;--letter-spacing-body-large:0px;--letter-spacing-body:0px;--letter-spacing-caption:0px;--font-weight-400:400;--font-weight-500:500;--font-weight-600:600;--font-weight-700:700;--spacing-none:0px;--spacing-25:2px;--spacing-50:4px;--spacing-75:6px;--spacing-100:8px;--spacing-125:10px;--spacing-150:12px;--spacing-200:16px;--spacing-250:20px;--spacing-300:24px;--spacing-400:32px;--spacing-500:40px;--spacing-600:48px;--border-radius-none:0px;--border-radius-25:2px;--border-radius-50:4px;--border-radius-100:8px;--border-radius-150:12px;--border-radius-200:16px;--border-radius-300:24px;--border-radius-400:32px;--border-radius-full:9999px;--stroke-width-none:0px;--stroke-width-25:1px;--stroke-width-50:2px;--stroke-width-75:3px;--stroke-width-100:4px;--stroke-width-150:6px;--stroke-width-200:8px;--stroke-width-300:12px;--product-card-widget-min-width:130px;--product-card-results-min-width:250px;--image-set-mode-min-size:155px;--product-card-set-mode-max-width:300px;--source-card-set-mode-max-width:500px;--filter-blur-none:0px;--filter-blur-100:8px;--filter-blur-150:12px;--filter-blur-200:16px;--color-bg-base:#ffffff;--color-bg-inverse:#161616;--color-border-00:#ffffff;--color-border-01:#f4f4f4;--color-border-02:#e0e0e0;--color-border-03:#c6c6c6;--color-border-inverse-00:#161616;--color-border-inverse-01:#393939;--color-field-01:#ffffff;--color-field-02:#f4f4f4;--color-icon-primary:#161616;--color-icon-secondary:#525252;--color-icon-helper:#8d8d8d;--color-icon-on-color:#ffffff;--color-icon-inverse:#ffffff;--color-icon-disabled:#16161640;--color-text-primary:#161616;--color-text-secondary:#525252;--color-text-helper:#8d8d8d;--color-text-placeholder:#a8a8a8;--color-text-on-color:#ffffff;--color-text-inverse:#ffffff;--color-text-disabled:#16161640;--button-bg-color-primary:#000000;--button-bg-color-primary-hover:#161616;--button-bg-color-primary-active:#1e1e1e;--button-bg-color-secondary:#f4f4f4;--button-bg-color-secondary-hover:#e0e0e0;--button-bg-color-secondary-active:#c6c6c6;--button-bg-color-ghost-hover:#f4f4f4;--button-bg-color-ghost-active:#eaeaea;--button-bg-color-frosted:#6f6f6f66;--button-bg-color-frosted-hover:#6f6f6f80;--button-bg-color-frosted-active:#6f6f6f99;--button-bg-color-disabled:#e0e0e0;--button-bg-color-positive:#dcfce7;--surface-bg-color-01:#f4f4f4;--surface-bg-color-01-hover:#eaeaea;--surface-bg-color-01-active:#e0e0e0;--surface-bg-color-02:#ffffff;--surface-bg-color-inverse:#262626;--surface-bg-color-inverse-hover:#303030;--surface-bg-color-inverse-active:#393939;--surface-bg-color-disabled:#e0e0e0;--chip-bg-color-primary:#161616;--chip-bg-color-primary-hover:#1e1e1e;--chip-bg-color-primary-active:#262626;--chip-bg-color-subtle:#f4f4f4;--chip-bg-color-subtle-hover:#eaeaea;--chip-bg-color-subtle-active:#e0e0e0;--chip-bg-color-outline-hover:#f4f4f4;--chip-bg-color-outline-active:#eaeaea;--label-bg-color-accent:#ff3944;}:host{display:block}:host(.show-in-widget){display:grid;overflow-y:auto;overflow-x:hidden;padding:unset;position:relative;width:100%}.products{width:100%;align-content:center;align-items:start;box-sizing:border-box;display:grid;grid-gap:32px 16px;grid-template-columns:repeat(\n auto-fill,\n minmax(\n var(--product-card-width, var(--product-card-results-min-width)),\n 1fr\n )\n );justify-items:center;padding:24px;position:absolute}:host(.show-in-widget) .products{grid-template-columns:repeat(\n auto-fill,\n minmax(var(--product-card-width, var(--product-card-widget-min-width)), 1fr)\n )}:host(:not(.show-in-widget)) .products{position:static;padding:0}.nothing-found{display:grid;grid-gap:64px;justify-self:center;padding-top:64px;padding-bottom:16px;position:absolute}.hidden{visibility:hidden;height:1px}products.hidden{display:none}@media (max-width: 768px){:host(.show-in-widget){align-content:start;position:static;overflow-y:unset;width:100%;padding-top:0;margin-top:24px}.products{position:static;padding:0;width:unset;grid-gap:32px 16px;justify-content:center}.nothing-found{position:static;grid-gap:64px;padding:unset;align-content:start;width:unset}}@media (max-width: 380px){.products{grid-gap:24px 10px}}";
3928
+ const vviinnResultsCss = ":host{--font-family-base:Inter, system-ui, sans-serif;--font-family-mono:monospace;--font-size-title:24px;--font-size-headline:18px;--font-size-label-large:16px;--font-size-label:14px;--font-size-body-large:16px;--font-size-body:14px;--font-size-caption:12px;--line-height-title:32px;--line-height-headline:24px;--line-height-label-large:24px;--line-height-label:20px;--line-height-body-large:24px;--line-height-body:20px;--line-height-caption:16px;--letter-spacing-title:0px;--letter-spacing-headline:0px;--letter-spacing-label-large:0px;--letter-spacing-label:0px;--letter-spacing-body-large:0px;--letter-spacing-body:0px;--letter-spacing-caption:0px;--font-weight-400:400;--font-weight-500:500;--font-weight-600:600;--font-weight-700:700;--spacing-none:0px;--spacing-25:2px;--spacing-50:4px;--spacing-75:6px;--spacing-100:8px;--spacing-125:10px;--spacing-150:12px;--spacing-200:16px;--spacing-250:20px;--spacing-300:24px;--spacing-400:32px;--spacing-500:40px;--spacing-600:48px;--border-radius-none:0px;--border-radius-25:2px;--border-radius-50:4px;--border-radius-100:8px;--border-radius-150:12px;--border-radius-200:16px;--border-radius-300:24px;--border-radius-400:32px;--border-radius-full:9999px;--stroke-width-none:0px;--stroke-width-25:1px;--stroke-width-50:2px;--stroke-width-75:3px;--stroke-width-100:4px;--stroke-width-150:6px;--stroke-width-200:8px;--stroke-width-300:12px;--product-card-widget-min-width:130px;--product-card-results-min-width:250px;--image-set-mode-min-size:155px;--product-card-set-mode-max-width:300px;--source-card-set-mode-max-width:500px;--filter-blur-none:0px;--filter-blur-100:8px;--filter-blur-150:12px;--filter-blur-200:16px;--color-bg-base:#ffffff;--color-bg-inverse:#161616;--color-border-00:#ffffff;--color-border-01:#f4f4f4;--color-border-02:#e0e0e0;--color-border-03:#c6c6c6;--color-border-inverse-00:#161616;--color-border-inverse-01:#393939;--color-field-01:#ffffff;--color-field-02:#f4f4f4;--color-icon-primary:#161616;--color-icon-secondary:#525252;--color-icon-helper:#8d8d8d;--color-icon-on-color:#ffffff;--color-icon-inverse:#ffffff;--color-icon-disabled:#16161640;--color-text-primary:#161616;--color-text-secondary:#525252;--color-text-helper:#8d8d8d;--color-text-placeholder:#a8a8a8;--color-text-on-color:#ffffff;--color-text-inverse:#ffffff;--color-text-disabled:#16161640;--button-bg-color-primary:#000000;--button-bg-color-primary-hover:#161616;--button-bg-color-primary-active:#1e1e1e;--button-bg-color-secondary:#f4f4f4;--button-bg-color-secondary-hover:#e0e0e0;--button-bg-color-secondary-active:#c6c6c6;--button-bg-color-ghost-hover:#f4f4f4;--button-bg-color-ghost-active:#eaeaea;--button-bg-color-frosted:#6f6f6f66;--button-bg-color-frosted-hover:#6f6f6f80;--button-bg-color-frosted-active:#6f6f6f99;--button-bg-color-disabled:#e0e0e0;--button-bg-color-positive:#dcfce7;--surface-bg-color-01:#f4f4f4;--surface-bg-color-01-hover:#eaeaea;--surface-bg-color-01-active:#e0e0e0;--surface-bg-color-02:#ffffff;--surface-bg-color-inverse:#262626;--surface-bg-color-inverse-hover:#303030;--surface-bg-color-inverse-active:#393939;--surface-bg-color-disabled:#e0e0e0;--chip-bg-color-primary:#161616;--chip-bg-color-primary-hover:#1e1e1e;--chip-bg-color-primary-active:#262626;--chip-bg-color-subtle:#f4f4f4;--chip-bg-color-subtle-hover:#eaeaea;--chip-bg-color-subtle-active:#e0e0e0;--chip-bg-color-outline-hover:#f4f4f4;--chip-bg-color-outline-active:#eaeaea;--label-bg-color-accent:#ff3944;}:host{display:block}:host(.show-in-widget){display:grid;overflow-y:auto;overflow-x:hidden;padding:unset;position:relative;width:100%}.products{width:100%;align-content:center;align-items:start;box-sizing:border-box;display:grid;grid-gap:32px 16px;grid-template-columns:repeat(\n auto-fill,\n minmax(\n var(--product-card-width, var(--product-card-results-min-width)),\n 1fr\n )\n );justify-items:center;padding:24px;position:absolute}:host(.show-in-widget) .products{grid-template-columns:repeat(\n auto-fill,\n minmax(var(--product-card-width, var(--product-card-widget-min-width)), 1fr)\n )}:host(:not(.show-in-widget)) .products{position:static;padding:0}.nothing-found{display:grid;grid-gap:64px;justify-self:center;padding-top:64px;padding-bottom:16px;position:absolute}.hidden{visibility:hidden;height:1px}products.hidden{display:none}@media (max-width: 768px){:host(.show-in-widget){align-content:start;position:static;overflow-y:unset;width:100%;padding-top:0;margin-top:24px}.products{position:static;padding:0;width:unset;grid-gap:32px 16px;justify-content:center}.nothing-found{position:static;grid-gap:64px;padding:unset;align-content:start;width:unset}}@media (max-width: 380px){.products{grid-gap:24px 10px}}.vviinn-results-product-card-actions vviinn-vpr-button{display:flex;padding:var(--spacing-50);justify-content:center;align-items:center;gap:var(--spacing-50);border-radius:var(--border-radius-100);background:var(--button-bg-color-frosted);-webkit-backdrop-filter:blur(calc(var(--filter-blur-150, 12px) / 2));backdrop-filter:blur(calc(var(--filter-blur-150, 12px) / 2))}.vviinn-results-product-card-actions vviinn-vpr-button::part(vviinn-button){display:flex;justify-content:center;align-items:center}";
3917
3929
 
3918
3930
  var __rest = (undefined && undefined.__rest) || function (s, e) {
3919
3931
  var t = {};
@@ -3973,7 +3985,7 @@ const VviinnResults = class {
3973
3985
  return {
3974
3986
  widgetType: "VPS",
3975
3987
  campaignTypeId: "VPS",
3976
- campaignTypeName: customizedSlots.campaignTypeNames["VPS"],
3988
+ campaignTypeName: _package.campaignTypeNames["VPS"],
3977
3989
  widgetId: this.widgetElementId,
3978
3990
  widgetVersion: _package.version,
3979
3991
  };
@@ -3992,6 +4004,7 @@ const VviinnResults = class {
3992
4004
  this.filterValue = undefined;
3993
4005
  this.resultsCount = undefined;
3994
4006
  this.showInWidget = false;
4007
+ this.showOneClickDiscovery = false;
3995
4008
  this.apiPath = "https://api.vviinn.com";
3996
4009
  this.buttonElementId = undefined;
3997
4010
  this.widgetElementId = undefined;
@@ -4012,7 +4025,7 @@ const VviinnResults = class {
4012
4025
  });
4013
4026
  }
4014
4027
  async componentWillLoad() {
4015
- customizedSlots.slotChangeListener(this, this.el);
4028
+ _package.slotChangeListener(this, this.el);
4016
4029
  if (!this.showInWidget) {
4017
4030
  await index$1.instance.init({
4018
4031
  lng: this.locale,
@@ -4172,7 +4185,7 @@ const VviinnResults = class {
4172
4185
  }
4173
4186
  return results.map((p, i) => {
4174
4187
  var _a, _b, _c;
4175
- return (index.h("vviinn-product-card", { key: p.productId, index: i, productTitle: p.title, productId: p.productId, productType: p.productType, brand: p.brand, deeplink: p.deeplink, price: p.price.actual, salePrice: p.price.sale, basePrice: (_a = p.basePrice) === null || _a === void 0 ? void 0 : _a.actual, baseSalePrice: (_b = p.basePrice) === null || _b === void 0 ? void 0 : _b.sale, responsive: true, imageWidth: this.imageResolutionWidth, image: (_c = p.image.thumbnail) !== null && _c !== void 0 ? _c : p.image.original, energyCertifications: p.energyCertifications, part: "product-card", campaignTypeId: "VPS", widgetElementId: this.widgetElementId, buttonElementId: this.buttonElementId, widgetVersion: _package.version, currency: this.currencySign, locale: this.locale, priceLabel: emitRequestFiltersMore.calculatePriceLabel(p), addToBasketShow: this.addToBasketShow, isResultsWidget: true }));
4188
+ return (index.h("vviinn-product-card", { key: p.productId, index: i, productTitle: p.title, productId: p.productId, productType: p.productType, brand: p.brand, deeplink: p.deeplink, price: p.price.actual, salePrice: p.price.sale, basePrice: (_a = p.basePrice) === null || _a === void 0 ? void 0 : _a.actual, baseSalePrice: (_b = p.basePrice) === null || _b === void 0 ? void 0 : _b.sale, responsive: true, imageWidth: this.imageResolutionWidth, image: (_c = p.image.thumbnail) !== null && _c !== void 0 ? _c : p.image.original, energyCertifications: p.energyCertifications, part: "product-card", campaignTypeId: "VPS", widgetElementId: this.widgetElementId, buttonElementId: this.buttonElementId, widgetVersion: _package.version, currency: this.currencySign, locale: this.locale, priceLabel: emitRequestFiltersMore.calculatePriceLabel(p), addToBasketShow: this.addToBasketShow, isResultsWidget: true }, this.showOneClickDiscovery && (index.h("div", { slot: "vviinn-product-card-actions", class: "vviinn-results-product-card-actions" }, index.h("vviinn-vpr-button", { token: this.token, "product-id": p.productId, "add-style": "false" })))));
4176
4189
  });
4177
4190
  }
4178
4191
  render() {
@@ -4200,7 +4213,7 @@ const VviinnResults = class {
4200
4213
  };
4201
4214
  VviinnResults.style = vviinnResultsCss;
4202
4215
 
4203
- const vviinnFiltersCss = ":host{--font-family-base:Inter, system-ui, sans-serif;--font-family-mono:monospace;--font-size-title:24px;--font-size-headline:18px;--font-size-label-large:16px;--font-size-label:14px;--font-size-body-large:16px;--font-size-body:14px;--font-size-caption:12px;--line-height-title:32px;--line-height-headline:24px;--line-height-label-large:24px;--line-height-label:20px;--line-height-body-large:24px;--line-height-body:20px;--line-height-caption:16px;--letter-spacing-title:0px;--letter-spacing-headline:0px;--letter-spacing-label-large:0px;--letter-spacing-label:0px;--letter-spacing-body-large:0px;--letter-spacing-body:0px;--letter-spacing-caption:0px;--font-weight-400:400;--font-weight-500:500;--font-weight-600:600;--font-weight-700:700;--spacing-none:0px;--spacing-25:2px;--spacing-50:4px;--spacing-75:6px;--spacing-100:8px;--spacing-125:10px;--spacing-150:12px;--spacing-200:16px;--spacing-250:20px;--spacing-300:24px;--spacing-400:32px;--spacing-500:40px;--spacing-600:48px;--border-radius-none:0px;--border-radius-25:2px;--border-radius-50:4px;--border-radius-100:8px;--border-radius-150:12px;--border-radius-200:16px;--border-radius-300:24px;--border-radius-400:32px;--border-radius-full:9999px;--stroke-width-none:0px;--stroke-width-25:1px;--stroke-width-50:2px;--stroke-width-75:3px;--stroke-width-100:4px;--stroke-width-150:6px;--stroke-width-200:8px;--stroke-width-300:12px;--product-card-widget-min-width:130px;--product-card-results-min-width:250px;--image-set-mode-min-size:155px;--product-card-set-mode-max-width:300px;--source-card-set-mode-max-width:500px;--filter-blur-none:0px;--filter-blur-100:8px;--filter-blur-150:12px;--filter-blur-200:16px;--color-bg-base:#ffffff;--color-bg-inverse:#161616;--color-border-00:#ffffff;--color-border-01:#f4f4f4;--color-border-02:#e0e0e0;--color-border-03:#c6c6c6;--color-border-inverse-00:#161616;--color-border-inverse-01:#393939;--color-field-01:#ffffff;--color-field-02:#f4f4f4;--color-icon-primary:#161616;--color-icon-secondary:#525252;--color-icon-helper:#8d8d8d;--color-icon-on-color:#ffffff;--color-icon-inverse:#ffffff;--color-icon-disabled:#16161640;--color-text-primary:#161616;--color-text-secondary:#525252;--color-text-helper:#8d8d8d;--color-text-placeholder:#a8a8a8;--color-text-on-color:#ffffff;--color-text-inverse:#ffffff;--color-text-disabled:#16161640;--button-bg-color-primary:#000000;--button-bg-color-primary-hover:#161616;--button-bg-color-primary-active:#1e1e1e;--button-bg-color-secondary:#f4f4f4;--button-bg-color-secondary-hover:#e0e0e0;--button-bg-color-secondary-active:#c6c6c6;--button-bg-color-ghost-hover:#f4f4f4;--button-bg-color-ghost-active:#eaeaea;--button-bg-color-frosted:#6f6f6f66;--button-bg-color-frosted-hover:#6f6f6f80;--button-bg-color-frosted-active:#6f6f6f99;--button-bg-color-disabled:#e0e0e0;--button-bg-color-positive:#dcfce7;--surface-bg-color-01:#f4f4f4;--surface-bg-color-01-hover:#eaeaea;--surface-bg-color-01-active:#e0e0e0;--surface-bg-color-02:#ffffff;--surface-bg-color-inverse:#262626;--surface-bg-color-inverse-hover:#303030;--surface-bg-color-inverse-active:#393939;--surface-bg-color-disabled:#e0e0e0;--chip-bg-color-primary:#161616;--chip-bg-color-primary-hover:#1e1e1e;--chip-bg-color-primary-active:#262626;--chip-bg-color-subtle:#f4f4f4;--chip-bg-color-subtle-hover:#eaeaea;--chip-bg-color-subtle-active:#e0e0e0;--chip-bg-color-outline-hover:#f4f4f4;--chip-bg-color-outline-active:#eaeaea;--label-bg-color-accent:#ff3944;}:host{display:block;font-family:var(--font-family, var(--font-family-base));font-style:normal;}:host(.show-in-widget){padding-left:24px}.filters-modal-list,.sub-filters-wrapper,.main-filters-list,.filters-modal-sub-list,.selected-filters-wrapper{list-style:none;margin:0;padding:0}.main-filters-list{padding:var(--spacing-25);gap:var(--spacing-25);border-radius:8px;background:var(--surface-bg-color-01);display:inline-flex}.filters-modal-main-button,.filters-sub-button,.filters-main-button,.filters-modal-close,.filters-sub-button-selected{font-family:var(--font-family, var(--font-family-base));cursor:pointer;border:none}.filters-sub-button,.filters-main-button{font-size:var(--font-size-body);font-weight:var(--font-weight-400);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body);display:flex;justify-content:center;align-items:center;border-radius:6px}.filters-main-button{padding:var(--spacing-100);color:var(--color-text-helper);background:none}.filters-main-button.active,.filters-main-button:hover{background:var(--surface-bg-color-02);color:var(--color-text-primary)}.sub-filters-wrapper,.selected-filters-wrapper{gap:var(--spacing-100);display:flex;flex-direction:row;overflow-x:auto;scrollbar-width:thin;padding-bottom:6px}.sub-filters-wrapper{gap:var(--spacing-100);margin-top:16px;margin:16px -2px 0}.sub-filters-wrapper>li{padding:2px}.selected-filters-wrapper{margin-top:10px;gap:var(--spacing-100);flex-wrap:wrap}:host(.show-in-widget) .selected-filters-wrapper{flex-wrap:unset;overflow-x:auto}:host(.show-in-widget) .sub-filters-wrapper,:host(.show-in-widget) .selected-filters-wrapper{transform:translateX(-24px);padding-left:24px;padding-right:24px;width:calc(100% - 24px)}@media (max-width: 768px){.sub-filters-wrapper,.selected-filters-wrapper{flex-wrap:unset;overflow-x:auto;padding-bottom:0}.sub-filters-wrapper,.selected-filters-wrapper{margin-top:16px;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.sub-filters-wrapper::-webkit-scrollbar,.selected-filters-wrapper::-webkit-scrollbar{display:none}}.filters-sub-button{color:var(--color-text-primary);background:var(--surface-bg-color-01);padding:var(--spacing-100);gap:var(--spacing-25);height:100%}.filters-sub-button>span,.filters-sub-button-selected>span{display:inline-flex;justify-content:center;align-items:center;gap:var(--spacing-25);white-space:nowrap}.filters-sub-button>span>span,.filters-sub-button-selected>span>span{padding:2px}.filters-sub-button:hover{background:var(--surface-bg-color-01-hover)}.filters-sub-button:disabled{cursor:not-allowed;background:var(--surface-bg-color-disabled);color:var(--color-text-disabled)}.filters-more-button{display:flex;padding:var(--spacing-100);gap:var(--spacing-50);border-radius:var(--border-radius-100);align-items:flex-start;background:var(--button-bg-color-secondary);border:none;cursor:pointer}.filters-modal.filters-modal-button{display:none;position:fixed;top:0;bottom:0;right:0;left:0;background-color:rgba(0, 0, 0, 0.5);z-index:98}.filters-modal.filters-modal-preview{display:block}.filters-modal.open{display:block}.filters-modal-wrapper{display:flex;flex-direction:column}.filters-modal.filters-modal-button .filters-modal-wrapper{position:fixed;top:0;bottom:0;right:0;width:420px;background-color:#ffffff;z-index:99;border-radius:32px 0px 0px 32px}@media (max-width: 768px){.filters-modal.filters-modal-button .filters-modal-wrapper{width:100%;top:20%;border-radius:32px 32px 0px 0px}}.filters-modal-header{position:relative;padding:20px 0;color:var(--color-text-primary);text-align:center;font-size:var(--font-size-headline);font-weight:var(--font-weight-500);line-height:var(--line-height-headline);letter-spacing:var(--letter-spacing-headline);border-bottom:1px solid var(--color-border-01);display:flex;justify-content:center;gap:5px}.filters-modal-list{margin:4px 0 0 24px;flex:1;overflow-y:auto;padding-bottom:20px}.filters-modal-list>li{padding-right:24px}.filters-modal-main-button-wrapper{border-bottom:1px solid var(--color-border-01);padding:20px 0}.filters-modal-main-button{width:100%;background:none;text-align:left;padding:0;color:var(--color-text-primary);font-size:var(--font-size-label-large);font-weight:var(--font-weight-500);line-height:var(--line-height-label-large);letter-spacing:var(--letter-spacing-label-large)}.filters-modal-sub-list{display:none;margin:0 -6px}.filters-modal-sub-list>li{display:inline-block;margin:0 4px}.filters-modal-sub-list-inline{margin:0 -6px}.filters-modal-sub-list-inline>li{margin:0 6px}.filters-modal-sub-list.open{display:block}.filters-modal-sub-list>li{margin-top:10px;padding:2px}.filters-modal.filters-modal-button .filters-modal-close{position:absolute;right:0;top:15px;cursor:pointer;background:none}.filters-modal.filters-modal-preview .filters-modal-close{display:none}.filters-more-modal-button{background:none;border:none;cursor:pointer;display:flex;padding:var(--spacing-100);align-items:center;gap:var(--spacing-25);border-radius:var(--border-radius-100);background:var(--surface-bg-color-01);font-family:var(--font-family, var(--font-family-base));color:var(--color-text-primary)}.filters-more-modal-button.active{background:var(--surface-bg-color-inverse);color:var(--color-text-inverse)}.filters-more-modal-button>span{display:flex;align-items:center;justify-content:center;gap:var(--spacing-25)}.filters-more-modal-button>span>span{padding:2px}.filters-more-modal-button:disabled{cursor:not-allowed;opacity:0.5}.filters-modal-actions{border-top:1px solid var(--color-border-01);padding:var(--spacing-250);z-index:10;background:#ffffff;border-radius:0px 0px 0px 32px}.filters-modal-apply,.filters-modal-reset{font-family:var(--font-family, var(--font-family-base))}.filters-modal-apply{cursor:pointer;width:100%;border:none;display:flex;padding:var(--spacing-150);justify-content:center;align-items:center;gap:var(--spacing-50);align-self:stretch;color:var(--color-text-inverse);text-align:center;border-radius:var(--border-radius-150);background:var(--button-bg-color-primary);font-size:var(--font-size-label-large);font-weight:var(--font-weight-500);line-height:var(--line-height-label-large);letter-spacing:var(--letter-spacing-label-large)}.filters-modal-apply:disabled{background:var(--button-bg-color-disabled);color:var(--color-text-disabled)}.filters-modal-reset{background:none;border:none;cursor:pointer;display:block;text-align:center;width:100%;margin-top:20px;color:var(--color-text-secondary);text-align:center;font-size:var(--font-size-label);font-weight:var(--font-weight-500);line-height:var(--line-height-label);letter-spacing:var(--letter-spacing-label)}.selected-filters-wrapper>li{border-radius:var(--border-radius-100);background:var(--surface-bg-color-inverse);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:var(--spacing-100)}.filters-sub-button-selected{display:flex;align-items:center;gap:var(--spacing-25);background:var(--surface-bg-color-inverse);border-radius:var(--border-radius-100);color:var(--color-text-inverse);text-overflow:ellipsis;font-size:var(--font-size-body);font-weight:var(--font-weight-400);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body);padding:var(--spacing-100)}.selected-filters-wrapper>li .filters-sub-button-selected{padding:0}.filters-sub-button-color{width:40px;height:40px;border:2px solid var(--color-border-01);outline:2px solid var(--color-border-01);border-radius:20px}.filters-sub-button-color:disabled{opacity:0.25}.selected-filters-wrapper .filters-sub-button-selected.filters-sub-button-color{width:24px;height:24px;border:none}.filters-sub-button-color>span{display:none}.filters-sub-button-color.active{border:2px solid #fff;outline:2px solid #000}.filters-modal-main-button-added-options{color:var(--color-text-secondary);text-overflow:ellipsis;font-size:var(--font-size-body);font-weight:var(--font-weight-400);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body)}.filters-modal-main-button-added-options>span::after{content:\", \"}.filters-modal-main-button-added-options>span:last-child::after{content:\"\"}";
4216
+ const vviinnFiltersCss = ":host{--font-family-base:Inter, system-ui, sans-serif;--font-family-mono:monospace;--font-size-title:24px;--font-size-headline:18px;--font-size-label-large:16px;--font-size-label:14px;--font-size-body-large:16px;--font-size-body:14px;--font-size-caption:12px;--line-height-title:32px;--line-height-headline:24px;--line-height-label-large:24px;--line-height-label:20px;--line-height-body-large:24px;--line-height-body:20px;--line-height-caption:16px;--letter-spacing-title:0px;--letter-spacing-headline:0px;--letter-spacing-label-large:0px;--letter-spacing-label:0px;--letter-spacing-body-large:0px;--letter-spacing-body:0px;--letter-spacing-caption:0px;--font-weight-400:400;--font-weight-500:500;--font-weight-600:600;--font-weight-700:700;--spacing-none:0px;--spacing-25:2px;--spacing-50:4px;--spacing-75:6px;--spacing-100:8px;--spacing-125:10px;--spacing-150:12px;--spacing-200:16px;--spacing-250:20px;--spacing-300:24px;--spacing-400:32px;--spacing-500:40px;--spacing-600:48px;--border-radius-none:0px;--border-radius-25:2px;--border-radius-50:4px;--border-radius-100:8px;--border-radius-150:12px;--border-radius-200:16px;--border-radius-300:24px;--border-radius-400:32px;--border-radius-full:9999px;--stroke-width-none:0px;--stroke-width-25:1px;--stroke-width-50:2px;--stroke-width-75:3px;--stroke-width-100:4px;--stroke-width-150:6px;--stroke-width-200:8px;--stroke-width-300:12px;--product-card-widget-min-width:130px;--product-card-results-min-width:250px;--image-set-mode-min-size:155px;--product-card-set-mode-max-width:300px;--source-card-set-mode-max-width:500px;--filter-blur-none:0px;--filter-blur-100:8px;--filter-blur-150:12px;--filter-blur-200:16px;--color-bg-base:#ffffff;--color-bg-inverse:#161616;--color-border-00:#ffffff;--color-border-01:#f4f4f4;--color-border-02:#e0e0e0;--color-border-03:#c6c6c6;--color-border-inverse-00:#161616;--color-border-inverse-01:#393939;--color-field-01:#ffffff;--color-field-02:#f4f4f4;--color-icon-primary:#161616;--color-icon-secondary:#525252;--color-icon-helper:#8d8d8d;--color-icon-on-color:#ffffff;--color-icon-inverse:#ffffff;--color-icon-disabled:#16161640;--color-text-primary:#161616;--color-text-secondary:#525252;--color-text-helper:#8d8d8d;--color-text-placeholder:#a8a8a8;--color-text-on-color:#ffffff;--color-text-inverse:#ffffff;--color-text-disabled:#16161640;--button-bg-color-primary:#000000;--button-bg-color-primary-hover:#161616;--button-bg-color-primary-active:#1e1e1e;--button-bg-color-secondary:#f4f4f4;--button-bg-color-secondary-hover:#e0e0e0;--button-bg-color-secondary-active:#c6c6c6;--button-bg-color-ghost-hover:#f4f4f4;--button-bg-color-ghost-active:#eaeaea;--button-bg-color-frosted:#6f6f6f66;--button-bg-color-frosted-hover:#6f6f6f80;--button-bg-color-frosted-active:#6f6f6f99;--button-bg-color-disabled:#e0e0e0;--button-bg-color-positive:#dcfce7;--surface-bg-color-01:#f4f4f4;--surface-bg-color-01-hover:#eaeaea;--surface-bg-color-01-active:#e0e0e0;--surface-bg-color-02:#ffffff;--surface-bg-color-inverse:#262626;--surface-bg-color-inverse-hover:#303030;--surface-bg-color-inverse-active:#393939;--surface-bg-color-disabled:#e0e0e0;--chip-bg-color-primary:#161616;--chip-bg-color-primary-hover:#1e1e1e;--chip-bg-color-primary-active:#262626;--chip-bg-color-subtle:#f4f4f4;--chip-bg-color-subtle-hover:#eaeaea;--chip-bg-color-subtle-active:#e0e0e0;--chip-bg-color-outline-hover:#f4f4f4;--chip-bg-color-outline-active:#eaeaea;--label-bg-color-accent:#ff3944;}:host{display:block;font-family:var(--font-family, var(--font-family-base));font-style:normal;}:host(.show-in-widget){padding-left:24px}.filters-modal-list,.sub-filters-wrapper,.main-filters-list,.filters-modal-sub-list,.selected-filters-wrapper{list-style:none;margin:0;padding:0}.main-filters-list{padding:var(--spacing-25);gap:var(--spacing-25);border-radius:8px;background:var(--surface-bg-color-01);display:inline-flex}.filters-modal-main-button,.filters-sub-button,.filters-main-button,.filters-modal-close,.filters-sub-button-selected{font-family:var(--font-family, var(--font-family-base));cursor:pointer;border:none}.filters-sub-button,.filters-main-button{font-size:var(--font-size-body);font-weight:var(--font-weight-400);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body);display:flex;justify-content:center;align-items:center;border-radius:6px}.filters-main-button{padding:var(--spacing-100);color:var(--color-text-helper);background:none}.filters-main-button.active,.filters-main-button:hover{background:var(--surface-bg-color-02);color:var(--color-text-primary)}.sub-filters-wrapper,.selected-filters-wrapper{gap:var(--spacing-100);display:flex;flex-direction:row;overflow-x:auto;scrollbar-width:thin;padding-bottom:6px}.sub-filters-wrapper{gap:var(--spacing-100);margin-top:16px;margin:16px -2px 0}.sub-filters-wrapper>li{padding:2px}.selected-filters-wrapper{margin-top:10px;gap:var(--spacing-100);flex-wrap:wrap}:host(.show-in-widget) .selected-filters-wrapper{flex-wrap:unset;overflow-x:auto}:host(.show-in-widget) .sub-filters-wrapper,:host(.show-in-widget) .selected-filters-wrapper{transform:translateX(-24px);padding-left:24px;padding-right:24px;width:calc(100% - 24px)}@media (max-width: 768px){.sub-filters-wrapper,.selected-filters-wrapper{flex-wrap:unset;overflow-x:auto;padding-bottom:0}.sub-filters-wrapper,.selected-filters-wrapper{margin-top:16px;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.sub-filters-wrapper::-webkit-scrollbar,.selected-filters-wrapper::-webkit-scrollbar{display:none}}.filters-sub-button{color:var(--color-text-primary);background:var(--surface-bg-color-01);padding:var(--spacing-100);gap:var(--spacing-25);height:100%}.filters-sub-button>span,.filters-sub-button-selected>span{display:inline-flex;justify-content:center;align-items:center;gap:var(--spacing-25);white-space:nowrap}.filters-sub-button>span>span,.filters-sub-button-selected>span>span{padding:2px}.filters-sub-button:hover{background:var(--surface-bg-color-01-hover)}.filters-sub-button:disabled{cursor:not-allowed;background:var(--surface-bg-color-disabled);color:var(--color-text-disabled)}.filters-more-button{display:flex;padding:var(--spacing-100);gap:var(--spacing-50);border-radius:var(--border-radius-100);align-items:flex-start;background:var(--button-bg-color-secondary);border:none;cursor:pointer}.filters-modal.filters-modal-button{display:none;position:fixed;top:0;bottom:0;right:0;left:0;background-color:rgba(0, 0, 0, 0.5);z-index:98}.filters-modal.filters-modal-preview{display:block}.filters-modal.open{display:block}.filters-modal-wrapper{display:flex;flex-direction:column}.filters-modal.filters-modal-button .filters-modal-wrapper{position:fixed;top:0;bottom:0;right:0;width:420px;background-color:#ffffff;z-index:99;border-radius:32px 0px 0px 32px}@media (max-width: 768px){.filters-modal.filters-modal-button .filters-modal-wrapper{width:100%;top:20%;border-radius:32px 32px 0px 0px}}.filters-modal-header{position:relative;padding:20px 0;color:var(--color-text-primary);text-align:center;font-size:var(--font-size-headline);font-weight:var(--font-weight-500);line-height:var(--line-height-headline);letter-spacing:var(--letter-spacing-headline);border-bottom:1px solid var(--color-border-01);display:flex;justify-content:center;gap:5px}.filters-modal-list{margin:4px 0 0 24px;flex:1;overflow-y:auto;padding-bottom:20px}.filters-modal-list>li{padding-right:24px}.filters-modal-main-button-wrapper{border-bottom:1px solid var(--color-border-01);padding:20px 0}.filters-modal-main-button{width:100%;background:none;text-align:left;padding:0;color:var(--color-text-primary);font-size:var(--font-size-label-large);font-weight:var(--font-weight-500);line-height:var(--line-height-label-large);letter-spacing:var(--letter-spacing-label-large)}.filters-modal-sub-list{display:none;margin:0 -6px}.filters-modal-sub-list>li{display:inline-block;margin:0 4px}.filters-modal-sub-list-inline{margin:0 -6px}.filters-modal-sub-list-inline>li{margin:0 6px}.filters-modal-sub-list.open{display:block}.filters-modal-sub-list>li{margin-top:10px;padding:2px}.filters-modal.filters-modal-button .filters-modal-close{position:absolute;right:0;top:15px;cursor:pointer;background:none}.filters-modal.filters-modal-preview .filters-modal-close{display:none}.filters-more-modal-button{background:none;border:none;cursor:pointer;display:flex;padding:var(--spacing-100);align-items:center;gap:var(--spacing-25);border-radius:var(--border-radius-100);background:var(--surface-bg-color-01);font-family:var(--font-family, var(--font-family-base));color:var(--color-text-primary)}.filters-more-modal-button.active{background:var(--surface-bg-color-inverse);color:var(--color-text-inverse)}.filters-more-modal-button>span{display:flex;align-items:center;justify-content:center;gap:var(--spacing-25)}.filters-more-modal-button>span>span{padding:2px}.filters-more-modal-button:disabled{cursor:not-allowed;opacity:0.5}.filters-modal-actions{border-top:1px solid var(--color-border-01);padding:var(--spacing-250);z-index:10;background:#ffffff;border-radius:0px 0px 0px 32px}.filters-modal-apply,.filters-modal-reset{font-family:var(--font-family, var(--font-family-base))}.filters-modal-apply{cursor:pointer;width:100%;border:none;margin-bottom:20px;display:flex;padding:var(--spacing-150);justify-content:center;align-items:center;gap:var(--spacing-50);align-self:stretch;color:var(--color-text-inverse);text-align:center;border-radius:var(--border-radius-150);background:var(--button-bg-color-primary);font-size:var(--font-size-label-large);font-weight:var(--font-weight-500);line-height:var(--line-height-label-large);letter-spacing:var(--letter-spacing-label-large)}.filters-modal-apply:disabled{background:var(--button-bg-color-disabled);color:var(--color-text-disabled)}.filters-modal-reset{background:none;border:none;cursor:pointer;display:block;text-align:center;width:100%;color:var(--color-text-secondary);text-align:center;font-size:var(--font-size-label);font-weight:var(--font-weight-500);line-height:var(--line-height-label);letter-spacing:var(--letter-spacing-label)}.selected-filters-wrapper>li{border-radius:var(--border-radius-100);background:var(--surface-bg-color-inverse);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:var(--spacing-100)}.filters-sub-button-selected{display:flex;align-items:center;gap:var(--spacing-25);background:var(--surface-bg-color-inverse);border-radius:var(--border-radius-100);color:var(--color-text-inverse);text-overflow:ellipsis;font-size:var(--font-size-body);font-weight:var(--font-weight-400);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body);padding:var(--spacing-100)}.selected-filters-wrapper>li .filters-sub-button-selected{padding:0}.filters-sub-button-color{width:40px;height:40px;border:2px solid var(--color-border-01);outline:2px solid var(--color-border-01);border-radius:20px}.filters-sub-button-color:disabled{opacity:0.25}.selected-filters-wrapper .filters-sub-button-selected.filters-sub-button-color{width:24px;height:24px;border:none}.filters-sub-button-color>span{display:none}.filters-sub-button-color.active{border:2px solid #fff;outline:2px solid #000}.filters-modal-main-button-added-options{color:var(--color-text-secondary);text-overflow:ellipsis;font-size:var(--font-size-body);font-weight:var(--font-weight-400);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body)}.filters-modal-main-button-added-options>span::after{content:\", \"}.filters-modal-main-button-added-options>span:last-child::after{content:\"\"}";
4204
4217
 
4205
4218
  const VviinnSelectedFilters = class {
4206
4219
  constructor(hostRef) {
@@ -4403,7 +4416,7 @@ const VviinnTeaser = class {
4403
4416
  index.registerInstance(this, hostRef);
4404
4417
  }
4405
4418
  componentWillLoad() {
4406
- customizedSlots.slotChangeListener(this, this.el);
4419
+ _package.slotChangeListener(this, this.el);
4407
4420
  }
4408
4421
  render() {
4409
4422
  return (index.h(index.Host, null, index.h("slot", null, index.h("span", { class: "vviinn-teaser-text" }, index.h("slot", { name: "vviinn-teaser-text" }, index$1.instance.t("teaserText"))))));
@@ -4449,7 +4462,7 @@ const VviinnTextSearch = class {
4449
4462
  fallbackLng: "en",
4450
4463
  resources: index$1.resources,
4451
4464
  });
4452
- customizedSlots.slotChangeListener(this, this.el);
4465
+ _package.slotChangeListener(this, this.el);
4453
4466
  }
4454
4467
  async componentDidLoad() {
4455
4468
  var _a;
@@ -4500,6 +4513,120 @@ const VviinnTextSearch = class {
4500
4513
  };
4501
4514
  VviinnTextSearch.style = vviinnTextSearchCss;
4502
4515
 
4516
+ const vviinnVprButtonCss = ":host{display:block}";
4517
+
4518
+ const VviinnVprButton = class {
4519
+ constructor(hostRef) {
4520
+ index.registerInstance(this, hostRef);
4521
+ this.vviinnWidgetLoad = index.createEvent(this, "vviinnWidgetLoad", 7);
4522
+ this.vviinnWidgetOpen = index.createEvent(this, "vviinnWidgetOpen", 7);
4523
+ this.vviinnWidgetClose = index.createEvent(this, "vviinnWidgetClose", 7);
4524
+ this.vviinnProductLoad = index.createEvent(this, "vviinnProductLoad", 7);
4525
+ this.vviinnProductClick = index.createEvent(this, "vviinnProductClick", 7);
4526
+ this.vviinnProductView = index.createEvent(this, "vviinnProductView", 7);
4527
+ this.vviinnResultLoad = index.createEvent(this, "vviinnResultLoad", 7);
4528
+ this.vviinnResultView = index.createEvent(this, "vviinnResultView", 7);
4529
+ this.vviinnNoResult = index.createEvent(this, "vviinnNoResult", 7);
4530
+ this.vviinnAddToBasket = index.createEvent(this, "vviinnAddToBasket", 7);
4531
+ this.sidebar = null;
4532
+ this.sidebarCloseListener = () => {
4533
+ if (this.targetAppendSidebarTo) {
4534
+ this.targetAppendSidebarTo.removeChild(this.sidebar);
4535
+ return;
4536
+ }
4537
+ document.body.removeChild(this.sidebar);
4538
+ };
4539
+ this.token = undefined;
4540
+ this.productId = undefined;
4541
+ this.mode = "continuity";
4542
+ this.campaigns = "";
4543
+ this.excluded = "";
4544
+ this.campaignType = this.mode === "set" ? "VCS" : "VPR";
4545
+ this.locale = "de-DE";
4546
+ this.color = "";
4547
+ this.imageWidth = 300;
4548
+ this.imageRatio = 1;
4549
+ this.cssUrl = null;
4550
+ this.currencySign = "€";
4551
+ this.pricePrefix = "";
4552
+ this.noResultText = "";
4553
+ this.noResultShow = true;
4554
+ this.gridArrowsDynamic = false;
4555
+ this.productDetailsNewTab = false;
4556
+ this.productDetailsRedirect = true;
4557
+ this.addToBasketShow = false;
4558
+ this.showFilters = false;
4559
+ this.setModeDiscounts = this.mode === "set" ? "5, 10, 15" : "";
4560
+ this.updateButtonLocation = "topAndItem";
4561
+ this.sidebarTitle = this.mode === "set" ? "" : "Similar products";
4562
+ this.modalScrollbar = false;
4563
+ this.position = "bottom";
4564
+ this.addStyle = true;
4565
+ this.apiPath = "https://api.vviinn.com";
4566
+ this.appendSidebarTo = undefined;
4567
+ this.targetAppendSidebarTo = undefined;
4568
+ }
4569
+ componentWillLoad() {
4570
+ if (!this.appendSidebarTo)
4571
+ return;
4572
+ this.targetAppendSidebarTo = document.getElementById(this.appendSidebarTo);
4573
+ }
4574
+ render() {
4575
+ return (index.h(index.Host, { onClick: () => {
4576
+ this.handleClick();
4577
+ }, role: "button", tabindex: "0" }, index.h("vviinn-button", { addStyle: this.addStyle, part: "vviinn-button" }, index.h("slot", null, this.campaignType === "VCS" ? (index.h(CrossSellingIcon, null)) : (index.h(SimilarProductsIcon, null))))));
4578
+ }
4579
+ handleClick() {
4580
+ const sidebar = document.createElement("vviinn-recommendations-sidebar");
4581
+ sidebar.sidebarTitle = this.sidebarTitle;
4582
+ sidebar.productId = this.productId;
4583
+ sidebar.token = this.token;
4584
+ sidebar.position = this.position;
4585
+ sidebar.widgetScrollbar = this.modalScrollbar;
4586
+ sidebar.campaigns = this.campaigns;
4587
+ sidebar.campaignType = this.campaignType;
4588
+ sidebar.color = this.color;
4589
+ sidebar.locale = this.locale;
4590
+ sidebar.mode = this.position === "right" ? "grid" : this.mode;
4591
+ sidebar.imageWidth = this.imageWidth;
4592
+ sidebar.currencySign = this.currencySign;
4593
+ sidebar.pricePrefix = this.pricePrefix;
4594
+ sidebar.apiPath = this.apiPath;
4595
+ sidebar.buttonElementId = this.el.id;
4596
+ sidebar.noResultText = this.noResultText;
4597
+ sidebar.noResultShow = this.noResultShow;
4598
+ sidebar.gridArrowsDynamic = this.gridArrowsDynamic;
4599
+ sidebar.productDetailsNewTab = this.productDetailsNewTab;
4600
+ sidebar.productDetailsRedirect = this.productDetailsRedirect;
4601
+ sidebar.widgetVersion = _package.version;
4602
+ sidebar.showingInButton = true;
4603
+ sidebar.excluded = this.excluded;
4604
+ sidebar.addToBasketShow = this.addToBasketShow;
4605
+ sidebar.buttonChildren = this.el.children;
4606
+ sidebar.showFilters = this.showFilters;
4607
+ sidebar.cssUrl = this.cssUrl;
4608
+ sidebar.imageRatio = this.imageRatio;
4609
+ sidebar.setModeDiscounts = this.setModeDiscounts;
4610
+ sidebar.updateButtonLocation = this.updateButtonLocation;
4611
+ this.sidebar = sidebar;
4612
+ sidebar.addEventListener("vviinnWidgetClose", this.sidebarCloseListener);
4613
+ if (this.targetAppendSidebarTo) {
4614
+ this.sidebar.showInCustomContainer = true;
4615
+ this.targetAppendSidebarTo.innerHTML = "";
4616
+ this.targetAppendSidebarTo.append(this.sidebar);
4617
+ return;
4618
+ }
4619
+ document.body.append(this.sidebar);
4620
+ }
4621
+ disconnectedCallback() {
4622
+ if (!this.sidebar)
4623
+ return;
4624
+ this.sidebar.removeEventListener("vviinnWidgetClose", this.sidebarCloseListener);
4625
+ }
4626
+ get el() { return index.getElement(this); }
4627
+ };
4628
+ VviinnVprButton.style = vviinnVprButtonCss;
4629
+
4503
4630
  const VviinnWrongAspectRatio = class {
4504
4631
  constructor(hostRef) {
4505
4632
  index.registerInstance(this, hostRef);
@@ -4537,5 +4664,6 @@ exports.vviinn_slide = VviinnSlide;
4537
4664
  exports.vviinn_slider = VviinnSlider;
4538
4665
  exports.vviinn_teaser = VviinnTeaser;
4539
4666
  exports.vviinn_text_search = VviinnTextSearch;
4667
+ exports.vviinn_vpr_button = VviinnVprButton;
4540
4668
  exports.vviinn_wrong_aspect_ratio = VviinnWrongAspectRatio;
4541
4669
  exports.vviinn_wrong_format = VviinnWrongFormat;
@@ -8,6 +8,22 @@ const search_store = require('./search.store-4593a19d.js');
8
8
  const CrossIcon = () => (index.h("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
9
9
  index.h("path", { d: "M16 1.4L14.6 0L8 6.6L1.4 0L0 1.4L6.6 8L0 14.6L1.4 16L8 9.4L14.6 16L16 14.6L9.4 8L16 1.4Z", fill: "#161616" })));
10
10
 
11
+ const VisualSearchIcon = () => (index.h("svg", { width: "20", height: "20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
12
+ index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M5 2C3.35 2 2 3.35 2 5v2H0V5c0-2.76 2.24-5 5-5h2v2H5Zm5 3c1.28 0 2.56.48 3.54 1.46h-.01a4.994 4.994 0 0 1 .64 6.29l3.05 3.05-1.41 1.41-3.05-3.05c-.84.55-1.8.83-2.76.83a4.98 4.98 0 0 1-3.54-1.46 5.003 5.003 0 0 1 0-7.07C7.44 5.49 8.72 5 10 5Zm-2.77 5c0 .74.29 1.44.81 1.96s1.22.81 1.96.81 1.44-.29 1.96-.81.81-1.22.81-1.96-.29-1.44-.81-1.96-1.22-.81-1.96-.81-1.44.29-1.96.81-.81 1.22-.81 1.96ZM2 15v-2H0v2c0 2.76 2.24 5 5 5h2v-2H5c-1.65 0-3-1.35-3-3ZM13 0h2c2.76 0 5 2.24 5 5v2h-2V5c0-1.65-1.35-3-3-3h-2V0Z", fill: "#161616" })));
13
+
14
+ const vviinnButtonCss = ":host{display:block}.open-button{align-items:center;background:rgba(255, 255, 255, 0.8);border-radius:50%;border:none;box-shadow:0px 2px 6px rgba(0, 0, 0, 0.15);box-sizing:border-box;cursor:pointer;display:grid;height:40px;justify-items:center;padding:0;width:40px;transition:all 0.25s ease-in-out}.raw-open-button{display:contents;background:none;border:none;cursor:pointer}.open-button:hover{box-shadow:0px 2px 6px rgba(0, 0, 0, 0.25)}.open-button:focus{border:2px solid rgba(15, 98, 254, 0.5);outline:none}.open-button:active{background:#f4f4f4;outline:none}";
15
+
16
+ const VviinnButton = class {
17
+ constructor(hostRef) {
18
+ index.registerInstance(this, hostRef);
19
+ this.addStyle = true;
20
+ }
21
+ render() {
22
+ return (index.h(index.Host, { exportparts: "button" }, index.h("button", { class: this.addStyle ? "open-button" : "raw-open-button", part: "button" }, index.h("slot", null, index.h(VisualSearchIcon, null)))));
23
+ }
24
+ };
25
+ VviinnButton.style = vviinnButtonCss;
26
+
11
27
  const recommendationsSidebarCss = ":host{--font-family-base:Inter, system-ui, sans-serif;--font-family-mono:monospace;--font-size-title:24px;--font-size-headline:18px;--font-size-label-large:16px;--font-size-label:14px;--font-size-body-large:16px;--font-size-body:14px;--font-size-caption:12px;--line-height-title:32px;--line-height-headline:24px;--line-height-label-large:24px;--line-height-label:20px;--line-height-body-large:24px;--line-height-body:20px;--line-height-caption:16px;--letter-spacing-title:0px;--letter-spacing-headline:0px;--letter-spacing-label-large:0px;--letter-spacing-label:0px;--letter-spacing-body-large:0px;--letter-spacing-body:0px;--letter-spacing-caption:0px;--font-weight-400:400;--font-weight-500:500;--font-weight-600:600;--font-weight-700:700;--spacing-none:0px;--spacing-25:2px;--spacing-50:4px;--spacing-75:6px;--spacing-100:8px;--spacing-125:10px;--spacing-150:12px;--spacing-200:16px;--spacing-250:20px;--spacing-300:24px;--spacing-400:32px;--spacing-500:40px;--spacing-600:48px;--border-radius-none:0px;--border-radius-25:2px;--border-radius-50:4px;--border-radius-100:8px;--border-radius-150:12px;--border-radius-200:16px;--border-radius-300:24px;--border-radius-400:32px;--border-radius-full:9999px;--stroke-width-none:0px;--stroke-width-25:1px;--stroke-width-50:2px;--stroke-width-75:3px;--stroke-width-100:4px;--stroke-width-150:6px;--stroke-width-200:8px;--stroke-width-300:12px;--product-card-widget-min-width:130px;--product-card-results-min-width:250px;--image-set-mode-min-size:155px;--product-card-set-mode-max-width:300px;--source-card-set-mode-max-width:500px;--filter-blur-none:0px;--filter-blur-100:8px;--filter-blur-150:12px;--filter-blur-200:16px;--color-bg-base:#ffffff;--color-bg-inverse:#161616;--color-border-00:#ffffff;--color-border-01:#f4f4f4;--color-border-02:#e0e0e0;--color-border-03:#c6c6c6;--color-border-inverse-00:#161616;--color-border-inverse-01:#393939;--color-field-01:#ffffff;--color-field-02:#f4f4f4;--color-icon-primary:#161616;--color-icon-secondary:#525252;--color-icon-helper:#8d8d8d;--color-icon-on-color:#ffffff;--color-icon-inverse:#ffffff;--color-icon-disabled:#16161640;--color-text-primary:#161616;--color-text-secondary:#525252;--color-text-helper:#8d8d8d;--color-text-placeholder:#a8a8a8;--color-text-on-color:#ffffff;--color-text-inverse:#ffffff;--color-text-disabled:#16161640;--button-bg-color-primary:#000000;--button-bg-color-primary-hover:#161616;--button-bg-color-primary-active:#1e1e1e;--button-bg-color-secondary:#f4f4f4;--button-bg-color-secondary-hover:#e0e0e0;--button-bg-color-secondary-active:#c6c6c6;--button-bg-color-ghost-hover:#f4f4f4;--button-bg-color-ghost-active:#eaeaea;--button-bg-color-frosted:#6f6f6f66;--button-bg-color-frosted-hover:#6f6f6f80;--button-bg-color-frosted-active:#6f6f6f99;--button-bg-color-disabled:#e0e0e0;--button-bg-color-positive:#dcfce7;--surface-bg-color-01:#f4f4f4;--surface-bg-color-01-hover:#eaeaea;--surface-bg-color-01-active:#e0e0e0;--surface-bg-color-02:#ffffff;--surface-bg-color-inverse:#262626;--surface-bg-color-inverse-hover:#303030;--surface-bg-color-inverse-active:#393939;--surface-bg-color-disabled:#e0e0e0;--chip-bg-color-primary:#161616;--chip-bg-color-primary-hover:#1e1e1e;--chip-bg-color-primary-active:#262626;--chip-bg-color-subtle:#f4f4f4;--chip-bg-color-subtle-hover:#eaeaea;--chip-bg-color-subtle-active:#e0e0e0;--chip-bg-color-outline-hover:#f4f4f4;--chip-bg-color-outline-active:#eaeaea;--label-bg-color-accent:#ff3944;}:host{--vviinn-carousel-columns:4;box-sizing:border-box;position:fixed;z-index:2;display:block;display:flex;height:100vh;left:0;top:0;transition:background 0.1s ease-in-out;width:100vw}:host(.open){background:rgba(0, 0, 0, 0.2)}:host(.bottom){flex-direction:column;justify-content:end}:host(.no-fixed){position:unset;display:block;width:100%;height:auto}:host(.right){flex-direction:row;justify-content:flex-end}:host [slot]{visibility:hidden;position:absolute}header{position:relative;text-align:center;padding:var(--spacing-300);padding-top:0px}header.contains-source-img{display:grid;justify-items:center;grid-gap:12px}img.source-image{width:64px;height:64px;border-radius:50%;padding:6px;border:1px solid var(--color-border-02)}:host(.right) header{box-shadow:0px 2px 6px rgba(0, 0, 0, 0.1)}main{padding:0 var(--spacing-300);min-height:100px}:host(.right) main{overflow:auto}.sidebar{background:white;box-sizing:border-box;padding-top:var(--spacing-300);display:flex;flex-direction:column;max-height:100vh;overflow-y:auto}:host(.bottom.idle) .sidebar,:host(.bottom.closed) .sidebar{transform:translateY(100%)}:host(.no-fixed) .sidebar{transform:unset !important}:host(.bottom.closed) .sidebar{animation-name:slideOutFromBottom;animation-duration:0.5s;animation-fill-mode:forwards}:host(.bottom.open) .sidebar{animation-name:slideInFromBottom;animation-duration:0.5s;animation-fill-mode:forwards}:host(.right.idle) .sidebar{transform:translateX(100%)}:host(.right.closed) .sidebar{animation-name:slideOutFromRight;animation-duration:0.5s;animation-fill-mode:forwards}:host(.right.open) .sidebar{animation-name:slideInFromRight;animation-duration:0.5s;animation-fill-mode:forwards}:host(.right) .sidebar{max-width:480px}:host(.right) vviinn-vpr-widget::part(recommendations-grid){display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:var(--spacing-300)}:host(.right) vviinn-vpr-widget{overflow:auto}.title{font-style:normal;font-weight:var(--font-weight-600);font-size:var(--font-size-title);font-family:var(--font-family, var(--font-family-base));line-height:40px;text-align:center;color:#000000}.close-sidebar{position:absolute;background:transparent;border:none;cursor:pointer;margin:0;padding:0;top:0;right:var(--spacing-300)}@keyframes slideInFromBottom{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideOutFromBottom{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes slideInFromRight{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideOutFromRight{from{transform:translateX(0)}to{transform:translateX(100%)}}@media (max-width: 768px){:host{--vviinn-carousel-columns:2}}";
12
28
 
13
29
  const RecommendationsSidebar = class {
@@ -111,4 +127,5 @@ const RecommendationsSidebar = class {
111
127
  };
112
128
  RecommendationsSidebar.style = recommendationsSidebarCss;
113
129
 
130
+ exports.vviinn_button = VviinnButton;
114
131
  exports.vviinn_recommendations_sidebar = RecommendationsSidebar;