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.
- package/dist/cjs/{index-B9ytLPxZ.js → index-DYvhURIh.js} +12 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{package-cwS3_cup.js → package-CTmKiTyO.js} +1 -1
- package/dist/cjs/vviinn-button_2.cjs.entry.js +2 -2
- package/dist/cjs/vviinn-camera_12.cjs.entry.js +16 -16
- package/dist/cjs/vviinn-carousel_10.cjs.entry.js +77 -32
- package/dist/cjs/vviinn-detected-object_7.cjs.entry.js +7 -7
- package/dist/cjs/vviinn-text-search.cjs.entry.js +3 -3
- package/dist/cjs/vviinn-vps-button.cjs.entry.js +2 -2
- package/dist/cjs/vviinn-widgets.cjs.js +1 -1
- package/dist/collection/Image/renderTitleImage.js +2 -0
- package/dist/collection/components/vviinn-modal/vviinn-modal.js +3 -3
- package/dist/collection/components/vviinn-product-card/render-helpers.js +29 -9
- package/dist/collection/components/vviinn-product-card/vviinn-energy-label/vviinn-energy-label.js +2 -2
- package/dist/collection/components/vviinn-product-card/vviinn-product-card.css +42 -0
- package/dist/collection/components/vviinn-product-card/vviinn-product-card.js +79 -16
- package/dist/collection/components/vviinn-results/vviinn-results.js +3 -3
- package/dist/collection/components/vviinn-skeleton/vviinn-skeleton.js +1 -1
- package/dist/collection/components/vviinn-slider/vviinn-slide/vviinn-slide.js +1 -1
- package/dist/collection/components/vviinn-slider/vviinn-slider.js +1 -1
- package/dist/collection/components/vviinn-teaser/vviinn-teaser.js +1 -1
- package/dist/collection/components/vviinn-text-search/vviinn-text-search.js +2 -2
- package/dist/collection/components/vviinn-vpr-button/recommendations-sidebar/recommendations-sidebar.js +1 -1
- package/dist/collection/components/vviinn-vpr-button/vviinn-vpr-button.js +2 -2
- package/dist/collection/components/vviinn-vpr-widget/vviinn-vpr-widget.css +1 -1
- package/dist/collection/components/vviinn-vps-button/vviinn-vps-button.js +2 -2
- package/dist/collection/components/vviinn-vps-widget/vviinn-vps-widget.js +9 -9
- package/dist/collection/cssParts/index.js +2 -1
- package/dist/collection/cssParts/product.js +10 -0
- package/dist/collection/helpers/url/getLastUrlPath.js +14 -0
- package/dist/collection/helpers/url/getLastUrlPath.test.js +23 -0
- package/dist/collection/store/search.store.js +1 -1
- package/dist/collection/utils/string/joinTruthy.js +3 -0
- package/dist/collection/utils/string/joinTruthy.test.js +17 -0
- package/dist/esm/{index-DJLLuTh-.js → index-CYUAT3RF.js} +12 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{package-BRkye-3Y.js → package-Ds0qJGAs.js} +1 -1
- package/dist/esm/vviinn-button_2.entry.js +2 -2
- package/dist/esm/vviinn-camera_12.entry.js +16 -16
- package/dist/esm/vviinn-carousel_10.entry.js +77 -32
- package/dist/esm/vviinn-detected-object_7.entry.js +7 -7
- package/dist/esm/vviinn-text-search.entry.js +3 -3
- package/dist/esm/vviinn-vps-button.entry.js +2 -2
- package/dist/esm/vviinn-widgets.js +1 -1
- package/dist/types/Image/renderTitleImage.d.ts +1 -0
- package/dist/types/components/vviinn-product-card/render-helpers.d.ts +10 -2
- package/dist/types/components/vviinn-product-card/vviinn-product-card.d.ts +8 -1
- package/dist/types/components.d.ts +24 -0
- package/dist/types/cssParts/index.d.ts +1 -0
- package/dist/types/cssParts/product.d.ts +1 -0
- package/dist/types/helpers/url/getLastUrlPath.d.ts +1 -0
- package/dist/types/helpers/url/getLastUrlPath.test.d.ts +1 -0
- package/dist/types/utils/string/joinTruthy.d.ts +1 -0
- package/dist/types/utils/string/joinTruthy.test.d.ts +1 -0
- package/dist/vviinn-widgets/p-08c03082.entry.js +1 -0
- package/{www/build/p-f97aa42e.entry.js → dist/vviinn-widgets/p-177e130c.entry.js} +1 -1
- package/dist/vviinn-widgets/{p-d06c3d98.entry.js → p-53347933.entry.js} +1 -1
- package/dist/vviinn-widgets/{p-e70adb2f.entry.js → p-6e0b7760.entry.js} +1 -1
- package/dist/vviinn-widgets/{p-464d7e0c.entry.js → p-7d12f926.entry.js} +1 -1
- package/dist/vviinn-widgets/{p-DJLLuTh-.js → p-CYUAT3RF.js} +1 -1
- package/dist/vviinn-widgets/{p-BRkye-3Y.js → p-Ds0qJGAs.js} +1 -1
- package/dist/vviinn-widgets/{p-f4a75f92.entry.js → p-bb74e1b1.entry.js} +2 -2
- package/dist/vviinn-widgets/vviinn-widgets.esm.js +1 -1
- package/package.json +1 -1
- package/www/build/p-08c03082.entry.js +1 -0
- package/{dist/vviinn-widgets/p-f97aa42e.entry.js → www/build/p-177e130c.entry.js} +1 -1
- package/www/build/{p-d06c3d98.entry.js → p-53347933.entry.js} +1 -1
- package/www/build/{p-e70adb2f.entry.js → p-6e0b7760.entry.js} +1 -1
- package/www/build/{p-464d7e0c.entry.js → p-7d12f926.entry.js} +1 -1
- package/www/build/p-9fa69445.js +1 -0
- package/www/build/{p-DJLLuTh-.js → p-CYUAT3RF.js} +1 -1
- package/www/build/{p-BRkye-3Y.js → p-Ds0qJGAs.js} +1 -1
- package/www/build/{p-f4a75f92.entry.js → p-bb74e1b1.entry.js} +2 -2
- package/www/build/vviinn-widgets.esm.js +1 -1
- package/www/index.html +1 -1
- package/dist/collection/Image/renderImage.js +0 -2
- package/dist/collection/helpers/index.js +0 -1
- package/dist/collection/utils/string/index.js +0 -1
- package/dist/types/Image/renderImage.d.ts +0 -1
- package/dist/types/helpers/index.d.ts +0 -1
- package/dist/types/utils/string/index.d.ts +0 -1
- package/dist/vviinn-widgets/p-d6ea882d.entry.js +0 -1
- package/www/build/p-ca47d016.js +0 -1
- 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;
|
|
@@ -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 {
|
|
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: '
|
|
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: '
|
|
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:
|
|
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
|
|
78
|
-
const processedSrc = getProcessedSrc(
|
|
79
|
-
|
|
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
|
|
82
|
-
|
|
83
|
-
|
|
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
|
};
|
package/dist/collection/components/vviinn-product-card/vviinn-energy-label/vviinn-energy-label.js
CHANGED
|
@@ -18,9 +18,9 @@ export class VviinnEnergyLabel {
|
|
|
18
18
|
slotChangeListener(this, this.el);
|
|
19
19
|
}
|
|
20
20
|
render() {
|
|
21
|
-
return (h(Host, { key: '
|
|
21
|
+
return (h(Host, { key: '7342ec4499392827d9255605eb5d00587b1d59b9', class: {
|
|
22
22
|
hidden: !this.classIconUrls && !this.productType && !this.classDataSheetUrl,
|
|
23
|
-
}, exportparts: energyLabelParts }, h("div", { key: '
|
|
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,
|
|
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
|
-
|
|
203
|
-
|
|
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
|
-
|
|
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", {
|
|
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", {
|
|
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", {
|
|
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",
|
|
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", {
|
|
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", {
|
|
243
|
+
} })), h("div", { class: {
|
|
239
244
|
"basket-button-container": true,
|
|
240
245
|
hidden: !this.isShowBasketButton(),
|
|
241
|
-
}, part: "basket-button-container" }, h("button", {
|
|
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", {
|
|
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", {
|
|
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", {
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
159
|
-
this.recognition && (h("button", { key: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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");
|