vviinn-widgets 2.60.0 → 2.62.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{package-3f1f2d26.js → package-b1ec17b3.js} +1 -1
- package/dist/cjs/vviinn-carousel_6.cjs.entry.js +29 -19
- package/dist/cjs/vviinn-recommendations-sidebar.cjs.entry.js +25 -3
- package/dist/cjs/vviinn-vpr-button.cjs.entry.js +22 -10
- package/dist/cjs/vviinn-vps-button.cjs.entry.js +4 -3
- package/dist/cjs/vviinn-vps-widget.cjs.entry.js +6 -3
- package/dist/cjs/vviinn-widgets.cjs.js +1 -1
- package/dist/collection/components/vviinn-carousel/vviinn-carousel.js +19 -1
- package/dist/collection/components/vviinn-product-card/vviinn-product-card.js +19 -0
- package/dist/collection/components/vviinn-vpr-button/recommendations-sidebar/recommendations-sidebar.js +146 -5
- package/dist/collection/components/vviinn-vpr-button/stories/args.js +1 -1
- package/dist/collection/components/vviinn-vpr-button/stories/vviinn-vpr-button.stories.js +14 -2
- package/dist/collection/components/vviinn-vpr-button/vviinn-vpr-button.js +228 -97
- package/dist/collection/components/vviinn-vpr-widget/stories/vviinn-vpr-widget.stories.js +8 -4
- package/dist/collection/components/vviinn-vpr-widget/vviinn-vpr-widget.js +187 -162
- package/dist/collection/components/vviinn-vps-button/stories/vviinn-vps-button.stories.js +6 -3
- package/dist/collection/components/vviinn-vps-button/vviinn-vps-button.js +23 -4
- package/dist/collection/components/vviinn-vps-widget/stories/vviinn-vps-widget.stories.js +4 -2
- package/dist/collection/components/vviinn-vps-widget/vviinn-vps-widget.js +25 -4
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{package-8e0d9aa5.js → package-be836bde.js} +1 -1
- package/dist/esm/vviinn-carousel_6.entry.js +29 -19
- package/dist/esm/vviinn-recommendations-sidebar.entry.js +25 -3
- package/dist/esm/vviinn-vpr-button.entry.js +22 -10
- package/dist/esm/vviinn-vps-button.entry.js +4 -3
- package/dist/esm/vviinn-vps-widget.entry.js +6 -3
- package/dist/esm/vviinn-widgets.js +1 -1
- package/dist/types/components/vviinn-carousel/vviinn-carousel.d.ts +1 -0
- package/dist/types/components/vviinn-product-card/vviinn-product-card.d.ts +2 -0
- package/dist/types/components/vviinn-vpr-button/recommendations-sidebar/recommendations-sidebar.d.ts +12 -1
- package/dist/types/components/vviinn-vpr-button/vviinn-vpr-button.d.ts +34 -15
- package/dist/types/components/vviinn-vpr-widget/vviinn-vpr-widget.d.ts +27 -25
- package/dist/types/components/vviinn-vps-button/vviinn-vps-button.d.ts +3 -1
- package/dist/types/components/vviinn-vps-widget/vviinn-vps-widget.d.ts +3 -1
- package/dist/types/components.d.ts +104 -12
- package/dist/vviinn-widgets/p-2cead38f.entry.js +1 -0
- package/{www/build/p-0312affe.entry.js → dist/vviinn-widgets/p-2d5b312d.entry.js} +1 -1
- package/dist/vviinn-widgets/p-88b63cc1.entry.js +1 -0
- package/{www/build/p-39085f69.entry.js → dist/vviinn-widgets/p-8d4d9e15.entry.js} +1 -1
- package/dist/vviinn-widgets/p-cd71ef95.js +1 -0
- package/dist/vviinn-widgets/p-e3e2c98a.entry.js +1 -0
- package/dist/vviinn-widgets/vviinn-widgets.esm.js +1 -1
- package/package.json +1 -1
- package/www/build/p-2cead38f.entry.js +1 -0
- package/{dist/vviinn-widgets/p-0312affe.entry.js → www/build/p-2d5b312d.entry.js} +1 -1
- package/www/build/p-88b63cc1.entry.js +1 -0
- package/{dist/vviinn-widgets/p-39085f69.entry.js → www/build/p-8d4d9e15.entry.js} +1 -1
- package/www/build/p-cd71ef95.js +1 -0
- package/www/build/p-e3e2c98a.entry.js +1 -0
- package/www/build/vviinn-widgets.esm.js +1 -1
- package/dist/vviinn-widgets/p-8e892c5c.entry.js +0 -1
- package/dist/vviinn-widgets/p-928bdf4f.entry.js +0 -1
- package/dist/vviinn-widgets/p-b9905744.entry.js +0 -1
- package/dist/vviinn-widgets/p-d2e14366.js +0 -1
- package/www/build/p-8e892c5c.entry.js +0 -1
- package/www/build/p-928bdf4f.entry.js +0 -1
- package/www/build/p-b9905744.entry.js +0 -1
- package/www/build/p-d2e14366.js +0 -1
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -14,7 +14,7 @@ const patchEsm = () => {
|
|
|
14
14
|
const defineCustomElements = (win, options) => {
|
|
15
15
|
if (typeof window === 'undefined') return Promise.resolve();
|
|
16
16
|
return patchEsm().then(() => {
|
|
17
|
-
return index.bootstrapLazy([["vviinn-button.cjs",[[1,"vviinn-button",{"addStyle":[4,"add-style"]}]]],["vviinn-preloader.cjs",[[1,"vviinn-preloader"]]],["vviinn-error.cjs",[[1,"vviinn-error"]]],["vviinn-carousel_6.cjs",[[1,"vviinn-vpr-widget",{"
|
|
17
|
+
return index.bootstrapLazy([["vviinn-button.cjs",[[1,"vviinn-button",{"addStyle":[4,"add-style"]}]]],["vviinn-preloader.cjs",[[1,"vviinn-preloader"]]],["vviinn-error.cjs",[[1,"vviinn-error"]]],["vviinn-carousel_6.cjs",[[1,"vviinn-vpr-widget",{"token":[1],"productId":[1,"product-id"],"mode":[1],"campaigns":[1],"excluded":[1],"campaignType":[1,"campaign-type"],"locale":[1],"color":[1],"imageWidth":[2,"image-width"],"imageRatio":[2,"image-ratio"],"cssUrl":[1,"css-url"],"currencySign":[1,"currency-sign"],"pricePrefix":[1,"price-prefix"],"noResultText":[1,"no-result-text"],"noResultShow":[4,"no-result-show"],"gridArrowsDynamic":[4,"grid-arrows-dynamic"],"productDetailsNewTab":[4,"product-details-new-tab"],"productDetailsRedirect":[4,"product-details-redirect"],"addToBasketShow":[4,"add-to-basket-show"],"showFilters":[4,"show-filters"],"showExtendedFilters":[4,"show-extended-filters"],"setModeDiscounts":[1,"set-mode-discounts"],"updateButtonLocation":[1,"update-button-location"],"blockTitle":[1,"block-title"],"showScroll":[4,"show-scroll"],"apiPath":[1,"api-path"],"useCarousel":[4,"use-carousel"],"showingInButton":[4,"showing-in-button"],"buttonElementId":[1,"button-element-id"],"closed":[4],"opened":[4],"recommendations":[32],"dynamicFilters":[32],"sourceProduct":[32],"trackingDeactivated":[32],"hasErrorOnLoad":[32],"updatingAllCards":[32],"updatedCardsAmount":[32],"setModeDiscountsArray":[32]},[[0,"vviinnProductLoad","trackProductLoad"],[0,"vviinnProductView","trackProductView"],[0,"vviinnProductClick","trackProductClick"],[0,"vviinnAuxClick","trackAuxClick"],[0,"vviinnAddToBasket","trackAddToBasket"],[0,"vviinnUpdatingAllCardsFinished","updatingAllCardsFinishedListener"],[0,"vviinnFiltersChanged","filtersChanged"]]],[0,"vviinn-carousel",{"mode":[1],"imageWidth":[2,"image-width"],"showScroll":[4,"show-scroll"],"campaignTypeId":[1,"campaign-type-id"],"widgetElementId":[1,"widget-element-id"],"gridArrowsDynamic":[4,"grid-arrows-dynamic"],"recommendations":[1040],"widgetVersion":[1,"widget-version"],"addToBasketShow":[4,"add-to-basket-show"],"updatingAllCards":[4,"updating-all-cards"],"updateButtonLocation":[1,"update-button-location"],"replaceSlotsContent":[16],"setModeDiscountsArray":[16],"imageRatio":[2,"image-ratio"],"currencySign":[1,"currency-sign"],"pricePrefix":[1,"price-prefix"],"locale":[1],"moveDirection":[32],"contentGroups":[32],"activeContentGroup":[32],"isRTL":[32],"crossSellingRecommendations":[32],"setModeDiscount":[32],"currentDiscountIndex":[32],"setModeAppliedDiscounts":[32]},[[0,"vviinnCrossSellingClick","crossSellingClickListener"],[0,"vviinnAddToBasket","trackAddToBasket"]]],[1,"vviinn-extended-filters",{"filters":[16],"filtersString":[1,"filters-string"],"locale":[1],"requestFilters":[32],"showMore":[32],"selectedMoreOptions":[32]}],[1,"vviinn-filters",{"filters":[16],"filtersString":[1,"filters-string"],"selectedFilter":[32],"requestFilters":[32]}],[1,"vviinn-product-card",{"brand":[1],"currency":[1],"deeplink":[1],"image":[1],"imageRatio":[2,"image-ratio"],"imageWidth":[2,"image-width"],"locale":[1],"price":[2],"pricePrefix":[1,"price-prefix"],"productId":[1,"product-id"],"productTitle":[1,"product-title"],"productType":[1,"product-type"],"salePrice":[2,"sale-price"],"responsive":[4],"dimmedBackground":[4,"dimmed-background"],"mode":[1],"basketButtonShow":[4,"basket-button-show"],"updateButtonLocation":[1,"update-button-location"],"appliedDiscountPercentage":[2,"applied-discount-percentage"],"currentDiscountPercentage":[2,"current-discount-percentage"],"isSourceProduct":[4,"is-source-product"],"campaignTypeId":[1,"campaign-type-id"],"widgetElementId":[1,"widget-element-id"],"buttonElementId":[1,"button-element-id"],"widgetVersion":[1,"widget-version"],"index":[2],"updatingAllCards":[4,"updating-all-cards"],"defaultAnimationInterval":[2,"default-animation-interval"],"isTransitioning":[32],"basketButonPressed":[32]},[[0,"vviinnCrossSellingClick","crossSellingClickListener"]]],[1,"vviinn-skeleton",{"height":[2],"halfWidth":[4,"half-width"]}]]],["search-filters_17.cjs",[[1,"vviinn-image-view",{"basicEventData":[16],"setShowAspectRatioError":[16],"showAspectRatioError":[4,"show-aspect-ratio-error"],"cropper":[32],"hidePreloader":[32]},[[0,"vviinnSelectObject","selectDetectedObject"]]],[1,"vviinn-overlayed-modal",{"active":[4],"resetState":[16],"buttonElementId":[1,"button-element-id"],"hideBackButton":[4,"hide-back-button"],"widgetVersion":[1,"widget-version"],"isFirstScreen":[4,"is-first-screen"]}],[1,"vviinn-empty-results",{"handler":[16]}],[1,"vviinn-image-selector",{"basicEventData":[16],"startUpload":[4,"start-upload"],"loading":[4],"accept":[1],"resetVpsButton":[16],"capture":[1]}],[1,"vviinn-server-error",{"handler":[16]}],[1,"vviinn-text-search",{"searchQuery":[1,"search-query"],"setSearchQuery":[16],"handleTextSearch":[16]}],[1,"vviinn-wrong-aspect-ratio",{"handler":[16]}],[1,"vviinn-wrong-format",{"handler":[16]}],[1,"search-filters",{"filter":[16],"textSearchFiltersGroup":[16],"basicEventData":[16],"selectedFilter":[32],"hideFilters":[32]}],[1,"vviinn-example-image",{"exampleImageSource":[1,"example-image-source"],"width":[2],"height":[2],"basicEventData":[16],"srcObject":[16],"cameraButtonClicked":[4,"camera-button-clicked"],"selected":[32],"videoInitialized":[32],"zoomCapabilities":[32]}],[1,"vviinn-privacy-badge",{"privacyBadgeText":[1,"privacy-badge-text"]}],[1,"vviinn-slide"],[1,"vviinn-slider",{"showBullets":[4,"show-bullets"],"position":[514],"showArrows":[4,"show-arrows"],"elementsCount":[32],"internalPosition":[32],"swipeStartPosition":[32],"isRTL":[32]}],[1,"vviinn-teaser"],[1,"vviinn-detected-object",{"detectedObject":[16],"basicEventData":[16],"position":[32]}],[1,"vviinn-modal",{"active":[1540],"resetState":[16],"buttonElementId":[1,"button-element-id"],"widgetVersion":[1,"widget-version"],"hideBackButton":[4,"hide-back-button"],"isFirstScreen":[4,"is-first-screen"],"slider":[32]}],[1,"vviinn-overlay"]]],["vviinn-vps-widget.cjs",[[1,"vviinn-vps-widget",{"token":[1],"active":[1028],"currencySign":[1,"currency-sign"],"locale":[1],"campaignId":[1,"campaign-id"],"excluded":[1],"productDetailsNewTab":[4,"product-details-new-tab"],"productDetailsRedirect":[4,"product-details-redirect"],"imageResolutionWidth":[2,"image-resolution-width"],"exampleImageSource":[1,"example-image-source"],"textSearchShow":[4,"text-search-show"],"apiPath":[1,"api-path"],"showingInButton":[4,"showing-in-button"],"buttonElementId":[1,"button-element-id"],"buttonPressed":[4,"button-pressed"],"mode":[1],"resetVpsButton":[16],"slidePosition":[32],"width":[32],"wrongImageFormat":[32],"trackingDeactivated":[32],"stream":[32],"cameraInitializing":[32],"cameraEnabled":[32],"cameraButtonClicked":[32],"uploadSource":[32],"showAspectRatioError":[32],"products":[32],"searchQuery":[32]},[[0,"vviinnCameraEnabled","trackCameraEnabled"],[0,"vviinnProductLoad","trackProductLoad"],[0,"vviinnProductView","trackProductView"],[0,"vviinnProductClick","trackProductClick"],[0,"vviinnAuxClick","trackAuxClick"],[0,"vviinnImageCrop","trachSearchAreaChanges"],[0,"vviinnSelectObject","trackDetectedObject"],[0,"vviinnSelectFilter","trackFilter"],[0,"vviinnTextSearchFilterSelected","trackTextSearchFilterSelected"]]]]],["vviinn-vps-button.cjs",[[1,"vviinn-vps-button",{"token":[1],"currencySign":[1,"currency-sign"],"locale":[1],"campaignId":[1,"campaign-id"],"addStyle":[4,"add-style"],"mode":[1],"excluded":[1],"productDetailsNewTab":[4,"product-details-new-tab"],"productDetailsRedirect":[4,"product-details-redirect"],"imageResolutionWidth":[2,"image-resolution-width"],"exampleImageSource":[1,"example-image-source"],"textSearchShow":[4,"text-search-show"],"apiPath":[1,"api-path"],"buttonPressed":[32]},[[0,"vviinnWidgetClose","handleModalClosed"]]]]],["vviinn-recommendations-sidebar.cjs",[[1,"vviinn-recommendations-sidebar",{"sidebarTitle":[1,"sidebar-title"],"token":[1],"productId":[1,"product-id"],"position":[1],"sourceImage":[1,"source-image"],"widgetScrollbar":[4,"widget-scrollbar"],"mode":[1],"campaigns":[1],"campaignType":[1,"campaign-type"],"color":[1],"locale":[1],"imageWidth":[2,"image-width"],"imageRatio":[2,"image-ratio"],"cssUrl":[1,"css-url"],"currencySign":[1,"currency-sign"],"pricePrefix":[1,"price-prefix"],"noResultText":[1,"no-result-text"],"noResultShow":[4,"no-result-show"],"gridArrowsDynamic":[4,"grid-arrows-dynamic"],"excluded":[1],"productDetailsNewTab":[4,"product-details-new-tab"],"productDetailsRedirect":[4,"product-details-redirect"],"addToBasketShow":[4,"add-to-basket-show"],"showFilters":[4,"show-filters"],"setModeDiscounts":[1,"set-mode-discounts"],"updateButtonLocation":[1,"update-button-location"],"buttonChildren":[16],"apiPath":[1,"api-path"],"buttonElementId":[1,"button-element-id"],"widgetVersion":[1,"widget-version"],"showingInButton":[4,"showing-in-button"],"state":[32]},[[0,"vviinnUpdatingAllCardsStarted","updatingAllCardsStarted"],[0,"vviinnUpdatingAllCardsFinished","updatingAllCardsFinished"],[16,"click","bodyClickListener"]]]]],["vviinn-vpr-button.cjs",[[1,"vviinn-vpr-button",{"token":[1],"productId":[1,"product-id"],"mode":[1],"campaigns":[1],"excluded":[1],"campaignType":[1,"campaign-type"],"locale":[1],"color":[1],"imageWidth":[2,"image-width"],"imageRatio":[2,"image-ratio"],"cssUrl":[1,"css-url"],"currencySign":[1,"currency-sign"],"pricePrefix":[1,"price-prefix"],"noResultText":[1,"no-result-text"],"noResultShow":[4,"no-result-show"],"gridArrowsDynamic":[4,"grid-arrows-dynamic"],"productDetailsNewTab":[4,"product-details-new-tab"],"productDetailsRedirect":[4,"product-details-redirect"],"addToBasketShow":[4,"add-to-basket-show"],"showFilters":[4,"show-filters"],"setModeDiscounts":[1,"set-mode-discounts"],"updateButtonLocation":[1,"update-button-location"],"sidebarTitle":[1,"sidebar-title"],"modalScrollbar":[4,"modal-scrollbar"],"position":[1],"sourceImage":[1,"source-image"],"addStyle":[4,"add-style"],"apiPath":[1,"api-path"]}]]]], options);
|
|
18
18
|
});
|
|
19
19
|
};
|
|
20
20
|
|
|
@@ -8,7 +8,7 @@ const customizedSlots = require('./customized-slots-dacb282b.js');
|
|
|
8
8
|
const i18next = require('./i18next-74ff3413.js');
|
|
9
9
|
const index$1 = require('./index-c33ee22e.js');
|
|
10
10
|
const PlusIcon = require('./PlusIcon-835a5dcc.js');
|
|
11
|
-
const _package = require('./package-
|
|
11
|
+
const _package = require('./package-b1ec17b3.js');
|
|
12
12
|
|
|
13
13
|
const BasketIcon = () => (index.h("svg", { width: "25", height: "24", viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
14
14
|
index.h("path", { d: "M7.5 22C6.95 22 6.47917 21.8042 6.0875 21.4125C5.69583 21.0208 5.5 20.55 5.5 20C5.5 19.45 5.69583 18.9792 6.0875 18.5875C6.47917 18.1958 6.95 18 7.5 18C8.05 18 8.52083 18.1958 8.9125 18.5875C9.30417 18.9792 9.5 19.45 9.5 20C9.5 20.55 9.30417 21.0208 8.9125 21.4125C8.52083 21.8042 8.05 22 7.5 22ZM17.5 22C16.95 22 16.4792 21.8042 16.0875 21.4125C15.6958 21.0208 15.5 20.55 15.5 20C15.5 19.45 15.6958 18.9792 16.0875 18.5875C16.4792 18.1958 16.95 18 17.5 18C18.05 18 18.5208 18.1958 18.9125 18.5875C19.3042 18.9792 19.5 19.45 19.5 20C19.5 20.55 19.3042 21.0208 18.9125 21.4125C18.5208 21.8042 18.05 22 17.5 22ZM6.65 6L9.05 11H16.05L18.8 6H6.65ZM5.7 4H20.45C20.8333 4 21.125 4.17083 21.325 4.5125C21.525 4.85417 21.5333 5.2 21.35 5.55L17.8 11.95C17.6167 12.2833 17.3708 12.5417 17.0625 12.725C16.7542 12.9083 16.4167 13 16.05 13H8.6L7.5 15H18.5C18.7833 15 19.0208 15.0958 19.2125 15.2875C19.4042 15.4792 19.5 15.7167 19.5 16C19.5 16.2833 19.4042 16.5208 19.2125 16.7125C19.0208 16.9042 18.7833 17 18.5 17H7.5C6.75 17 6.18333 16.6708 5.8 16.0125C5.41667 15.3542 5.4 14.7 5.75 14.05L7.1 11.6L3.5 4H2.5C2.21667 4 1.97917 3.90417 1.7875 3.7125C1.59583 3.52083 1.5 3.28333 1.5 3C1.5 2.71667 1.59583 2.47917 1.7875 2.2875C1.97917 2.09583 2.21667 2 2.5 2H4.125C4.30833 2 4.48333 2.05 4.65 2.15C4.81667 2.25 4.94167 2.39167 5.025 2.575L5.7 4Z", fill: "#525252" })));
|
|
@@ -188,6 +188,7 @@ const VviinnCarousel = class {
|
|
|
188
188
|
this.updateButtonLocation = undefined;
|
|
189
189
|
this.replaceSlotsContent = undefined;
|
|
190
190
|
this.setModeDiscountsArray = undefined;
|
|
191
|
+
this.imageRatio = undefined;
|
|
191
192
|
this.currencySign = undefined;
|
|
192
193
|
this.pricePrefix = "";
|
|
193
194
|
this.locale = undefined;
|
|
@@ -400,7 +401,7 @@ const VviinnCarousel = class {
|
|
|
400
401
|
const salePrice = this.isSetMode
|
|
401
402
|
? setModeDiscount
|
|
402
403
|
: recommendation.price.sale;
|
|
403
|
-
return (index.h("vviinn-product-card", { part: "product-part", productId: recommendation.productId, productTitle: recommendation.title, productType: recommendation.productType, deeplink: recommendation.deeplink, image: recommendation.image.thumbnail, brand: recommendation.brand, imageWidth: this.imageWidth, imageRatio:
|
|
404
|
+
return (index.h("vviinn-product-card", { part: "product-part", productId: recommendation.productId, productTitle: recommendation.title, productType: recommendation.productType, deeplink: recommendation.deeplink, image: recommendation.image.thumbnail, brand: recommendation.brand, imageWidth: this.imageWidth, imageRatio: this.imageRatio, price: recommendation.price.actual, salePrice: salePrice, responsive: this.isGridMode, dimmedBackground: this.isContinuityMode || this.isSetMode, campaignTypeId: this.campaignTypeId, index: rank, widgetElementId: this.widgetElementId, widgetVersion: this.widgetVersion, basketButtonShow: this.addToBasketShow, mode: this.mode, "data-id": recommendation.productId, updatingAllCards: this.updatingAllCards, defaultAnimationInterval: this.defaultAnimationInterval, updateButtonLocation: this.updateButtonLocation, appliedDiscountPercentage: appliedDiscount, currentDiscountPercentage: this.setModeDiscount, currency: this.currencySign, pricePrefix: this.pricePrefix, locale: this.locale }));
|
|
404
405
|
}
|
|
405
406
|
renderRecommendationGroup(elements) {
|
|
406
407
|
return (index.h("div", { class: CONTENT_GROUP_CSS_CLASS, part: "items-group" }, ...elements));
|
|
@@ -803,6 +804,7 @@ const VviinnProductCard = class {
|
|
|
803
804
|
this.vviinnAddToBasket = index.createEvent(this, "vviinnAddToBasket", 7);
|
|
804
805
|
this.vviinnAuxClick = index.createEvent(this, "vviinnAuxClick", 7);
|
|
805
806
|
this.vviinnCrossSellingClick = index.createEvent(this, "vviinnCrossSellingClick", 7);
|
|
807
|
+
this.vviinnUpdatingAllCardsStarted = index.createEvent(this, "vviinnUpdatingAllCardsStarted", 7);
|
|
806
808
|
this.vviinnUpdatingAllCardsFinished = index.createEvent(this, "vviinnUpdatingAllCardsFinished", 7);
|
|
807
809
|
this.productData = null;
|
|
808
810
|
this.intersectionCallback = (data) => {
|
|
@@ -870,6 +872,7 @@ const VviinnProductCard = class {
|
|
|
870
872
|
updatingAllCardsWatcher() {
|
|
871
873
|
if (!this.updatingAllCards)
|
|
872
874
|
return;
|
|
875
|
+
this.vviinnUpdatingAllCardsStarted.emit();
|
|
873
876
|
this.isTransitioning = true;
|
|
874
877
|
this.basketButonPressed = false;
|
|
875
878
|
const animationTimer = setTimeout(() => {
|
|
@@ -1676,30 +1679,31 @@ const VviinnVprWidget = class {
|
|
|
1676
1679
|
this.trackingDeactivated = true;
|
|
1677
1680
|
}
|
|
1678
1681
|
};
|
|
1679
|
-
this.blockTitle = "Recommended products";
|
|
1680
|
-
this.imageRatio = 1;
|
|
1681
|
-
this.imageWidth = 300;
|
|
1682
|
-
this.productId = undefined;
|
|
1683
1682
|
this.token = undefined;
|
|
1684
|
-
this.
|
|
1685
|
-
this.pricePrefix = "";
|
|
1683
|
+
this.productId = undefined;
|
|
1686
1684
|
this.mode = "continuity";
|
|
1685
|
+
this.campaigns = "";
|
|
1686
|
+
this.excluded = "";
|
|
1687
1687
|
this.campaignType = this.mode === "set" ? "VCS" : "VPR";
|
|
1688
1688
|
this.locale = "de-DE";
|
|
1689
|
-
this.campaigns = "";
|
|
1690
1689
|
this.color = "";
|
|
1691
|
-
this.
|
|
1690
|
+
this.imageWidth = 300;
|
|
1691
|
+
this.imageRatio = 1;
|
|
1692
|
+
this.cssUrl = null;
|
|
1693
|
+
this.currencySign = "€";
|
|
1694
|
+
this.pricePrefix = "";
|
|
1692
1695
|
this.noResultText = "";
|
|
1693
1696
|
this.noResultShow = true;
|
|
1694
|
-
this.
|
|
1695
|
-
this.
|
|
1696
|
-
this.
|
|
1697
|
-
this.productDetailNewTab = false;
|
|
1697
|
+
this.gridArrowsDynamic = false;
|
|
1698
|
+
this.productDetailsNewTab = false;
|
|
1699
|
+
this.productDetailsRedirect = true;
|
|
1698
1700
|
this.addToBasketShow = false;
|
|
1699
|
-
this.updateButtonLocation = "topAndItem";
|
|
1700
1701
|
this.showFilters = false;
|
|
1701
1702
|
this.showExtendedFilters = false;
|
|
1702
1703
|
this.setModeDiscounts = this.mode === "set" ? "5, 10, 15" : "";
|
|
1704
|
+
this.updateButtonLocation = "topAndItem";
|
|
1705
|
+
this.blockTitle = "Recommended products";
|
|
1706
|
+
this.showScroll = true;
|
|
1703
1707
|
this.apiPath = "https://api.vviinn.com";
|
|
1704
1708
|
this.useCarousel = true;
|
|
1705
1709
|
this.showingInButton = false;
|
|
@@ -1725,7 +1729,9 @@ const VviinnVprWidget = class {
|
|
|
1725
1729
|
};
|
|
1726
1730
|
}
|
|
1727
1731
|
handleOpenLink(deeplink, event) {
|
|
1728
|
-
if (this.
|
|
1732
|
+
if (!this.productDetailsRedirect)
|
|
1733
|
+
return;
|
|
1734
|
+
if (this.productDetailsNewTab || event.ctrlKey || event.metaKey) {
|
|
1729
1735
|
let newTab = window.open();
|
|
1730
1736
|
if (newTab) {
|
|
1731
1737
|
newTab.location.href = deeplink;
|
|
@@ -1965,8 +1971,12 @@ const VviinnVprWidget = class {
|
|
|
1965
1971
|
this.productIds = this.recommendations.map((r) => r.productId);
|
|
1966
1972
|
this.productImageLoadedSubject.subscribe((id) => {
|
|
1967
1973
|
this.productIds = this.productIds.filter((x) => x !== id);
|
|
1968
|
-
if (this.productIds.length === 0)
|
|
1974
|
+
if (!this.isSetMode && this.productIds.length === 0)
|
|
1969
1975
|
this.vviinnRecommendationsLoaded.emit();
|
|
1976
|
+
if (this.isSetMode) {
|
|
1977
|
+
const setModeProductsLoaded = this.productIds.length === this.recommendations.length - 4;
|
|
1978
|
+
if (setModeProductsLoaded)
|
|
1979
|
+
this.vviinnRecommendationsLoaded.emit();
|
|
1970
1980
|
}
|
|
1971
1981
|
});
|
|
1972
1982
|
}
|
|
@@ -1992,7 +2002,7 @@ const VviinnVprWidget = class {
|
|
|
1992
2002
|
: i18next.instance.t("noResultText"))))));
|
|
1993
2003
|
}
|
|
1994
2004
|
renderRecommendation(recommendation, index$1) {
|
|
1995
|
-
return (index.h("vviinn-product-card", { part: "product-part", productId: recommendation.productId, productTitle: recommendation.title, productType: recommendation.productType, deeplink: recommendation.deeplink, image: recommendation.image.thumbnail, brand: recommendation.brand, imageWidth: this.imageWidth, imageRatio:
|
|
2005
|
+
return (index.h("vviinn-product-card", { part: "product-part", productId: recommendation.productId, productTitle: recommendation.title, productType: recommendation.productType, deeplink: recommendation.deeplink, image: recommendation.image.thumbnail, brand: recommendation.brand, imageWidth: this.imageWidth, imageRatio: this.imageRatio, price: recommendation.price.actual, salePrice: recommendation.price.sale, responsive: this.isGridMode, basketButtonShow: this.addToBasketShow, mode: this.mode, dimmedBackground: this.useDimmedBackgroundInCard(), campaignTypeId: this.campaignType, index: index$1, widgetElementId: this.id, widgetVersion: _package.version, currency: this.currencySign, pricePrefix: this.pricePrefix, locale: this.locale }));
|
|
1996
2006
|
}
|
|
1997
2007
|
useDimmedBackgroundInCard() {
|
|
1998
2008
|
return this.isContinuityMode || this.isSetMode || !this.useCarousel;
|
|
@@ -2001,7 +2011,7 @@ const VviinnVprWidget = class {
|
|
|
2001
2011
|
return (index.h("div", { class: "recommendations-grid", part: "recommendations-grid" }, this.recommendations.map((r, i) => this.renderRecommendation(r, i))));
|
|
2002
2012
|
}
|
|
2003
2013
|
renderCarousel() {
|
|
2004
|
-
return (index.h("vviinn-carousel", { mode: this.mode, campaignTypeId: this.campaignType, imageWidth: this.imageWidth, showScroll: this.showScroll, recommendations: this.recommendations, widgetElementId: this.id, widgetVersion: _package.version, gridArrowsDynamic: this.gridArrowsDynamic, addToBasketShow: this.addToBasketShow, updatingAllCards: this.updatingAllCards, updateButtonLocation: this.updateButtonLocation, replaceSlotsContent: this.replaceSlotsContent.bind(this), setModeDiscountsArray: this.setModeDiscountsArray, currencySign: this.currencySign, pricePrefix: this.pricePrefix, locale: this.locale }));
|
|
2014
|
+
return (index.h("vviinn-carousel", { mode: this.mode, campaignTypeId: this.campaignType, imageWidth: this.imageWidth, showScroll: this.showScroll, recommendations: this.recommendations, widgetElementId: this.id, widgetVersion: _package.version, gridArrowsDynamic: this.gridArrowsDynamic, addToBasketShow: this.addToBasketShow, updatingAllCards: this.updatingAllCards, updateButtonLocation: this.updateButtonLocation, replaceSlotsContent: this.replaceSlotsContent.bind(this), setModeDiscountsArray: this.setModeDiscountsArray, currencySign: this.currencySign, pricePrefix: this.pricePrefix, locale: this.locale, imageRatio: this.imageRatio }));
|
|
2005
2015
|
}
|
|
2006
2016
|
get el() { return index.getElement(this); }
|
|
2007
2017
|
static get watchers() { return {
|
|
@@ -25,14 +25,20 @@ const RecommendationsSidebar = class {
|
|
|
25
25
|
this.color = undefined;
|
|
26
26
|
this.locale = undefined;
|
|
27
27
|
this.imageWidth = 300;
|
|
28
|
+
this.imageRatio = undefined;
|
|
29
|
+
this.cssUrl = undefined;
|
|
28
30
|
this.currencySign = "€";
|
|
31
|
+
this.pricePrefix = undefined;
|
|
29
32
|
this.noResultText = undefined;
|
|
30
33
|
this.noResultShow = undefined;
|
|
31
34
|
this.gridArrowsDynamic = undefined;
|
|
32
35
|
this.excluded = undefined;
|
|
33
|
-
this.
|
|
36
|
+
this.productDetailsNewTab = undefined;
|
|
37
|
+
this.productDetailsRedirect = undefined;
|
|
34
38
|
this.addToBasketShow = false;
|
|
35
39
|
this.showFilters = false;
|
|
40
|
+
this.setModeDiscounts = undefined;
|
|
41
|
+
this.updateButtonLocation = undefined;
|
|
36
42
|
this.buttonChildren = undefined;
|
|
37
43
|
this.apiPath = "https://api.vviinn.com";
|
|
38
44
|
this.buttonElementId = undefined;
|
|
@@ -40,6 +46,19 @@ const RecommendationsSidebar = class {
|
|
|
40
46
|
this.showingInButton = undefined;
|
|
41
47
|
this.state = "idle";
|
|
42
48
|
}
|
|
49
|
+
updatingAllCardsStarted() {
|
|
50
|
+
const { height } = this.getSidebarRectangle();
|
|
51
|
+
const aside = this.getAsideElement();
|
|
52
|
+
if (aside.style.height !== `${height}px`) {
|
|
53
|
+
aside.style.height = `${height}px`;
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
updatingAllCardsFinished() {
|
|
57
|
+
const aside = this.getAsideElement();
|
|
58
|
+
if (aside.style.height !== "auto") {
|
|
59
|
+
aside.style.height = "auto";
|
|
60
|
+
}
|
|
61
|
+
}
|
|
43
62
|
bodyClickListener(event) {
|
|
44
63
|
const { clientX, clientY } = event;
|
|
45
64
|
const sidebarRect = this.getSidebarRectangle();
|
|
@@ -60,9 +79,12 @@ const RecommendationsSidebar = class {
|
|
|
60
79
|
[this.state]: true,
|
|
61
80
|
};
|
|
62
81
|
}
|
|
82
|
+
getAsideElement() {
|
|
83
|
+
return this.el.shadowRoot.querySelector("aside");
|
|
84
|
+
}
|
|
63
85
|
getSidebarRectangle() {
|
|
64
86
|
var _a;
|
|
65
|
-
return (_a = this.
|
|
87
|
+
return (_a = this.getAsideElement()) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
|
|
66
88
|
}
|
|
67
89
|
componentDidLoad() {
|
|
68
90
|
const widgetElement = this.el.shadowRoot.querySelector("vviinn-vpr-widget");
|
|
@@ -74,7 +96,7 @@ const RecommendationsSidebar = class {
|
|
|
74
96
|
});
|
|
75
97
|
}
|
|
76
98
|
render() {
|
|
77
|
-
return (index.h(index.Host, { class: this.getClassMap() }, index.h("aside", { class: "sidebar", part: "body", onAnimationEnd: (e) => this.handleAnimationEnd(e) }, index.h("header", { class: { "contains-source-img": this.isSourceImageValid() }, part: "sidebar-header" }, this.isSourceImageValid() ? this.renderSourceImage() : null, index.h("span", { class: "title", part: "title" }, this.sidebarTitle), index.h("button", { class: "close-sidebar", onClick: () => (this.state = "closed") }, index.h(CrossIcon, null))), index.h("main", { part: "sidebar-content" }, index.h("vviinn-vpr-widget", { exportparts: "brand, currency, deeplink, image, image-link, price-amount, price-container, price-prefix, price-outdated, price-regular, price-sale, title: product-title, carousel-button, product-card, items-group", token: this.token, productId: this.productId, imageWidth: this.imageWidth, blockTitle: "", mode: this.mode, "campaign-type": this.campaignType, useCarousel: this.position === "bottom", onVviinnRecommendationsLoaded: () => (this.state = "open"), showScroll: this.widgetScrollbar, campaigns: this.campaigns, color: this.color, currencySign: this.currencySign, apiPath: this.apiPath, locale: this.locale, buttonElementId: this.buttonElementId, noResultText: this.noResultText, noResultShow: this.noResultShow, gridArrowsDynamic: this.gridArrowsDynamic, showingInButton: this.showingInButton, excluded: this.excluded,
|
|
99
|
+
return (index.h(index.Host, { class: this.getClassMap() }, index.h("aside", { class: "sidebar", part: "body", onAnimationEnd: (e) => this.handleAnimationEnd(e) }, index.h("header", { class: { "contains-source-img": this.isSourceImageValid() }, part: "sidebar-header" }, this.isSourceImageValid() ? this.renderSourceImage() : null, index.h("span", { class: "title", part: "title" }, this.sidebarTitle), index.h("button", { class: "close-sidebar", onClick: () => (this.state = "closed") }, index.h(CrossIcon, null))), index.h("main", { part: "sidebar-content" }, index.h("vviinn-vpr-widget", { exportparts: "brand, currency, deeplink, image, image-link, price-amount, price-container, price-prefix, price-outdated, price-regular, price-sale, title: product-title, carousel-button, product-card, items-group", token: this.token, productId: this.productId, imageWidth: this.imageWidth, imageRatio: this.imageRatio, blockTitle: "", mode: this.mode, "campaign-type": this.campaignType, useCarousel: this.position === "bottom", onVviinnRecommendationsLoaded: () => (this.state = "open"), showScroll: this.widgetScrollbar, campaigns: this.campaigns, color: this.color, currencySign: this.currencySign, pricePrefix: this.pricePrefix, apiPath: this.apiPath, locale: this.locale, buttonElementId: this.buttonElementId, noResultText: this.noResultText, noResultShow: this.noResultShow, gridArrowsDynamic: this.gridArrowsDynamic, showingInButton: this.showingInButton, excluded: this.excluded, productDetailsNewTab: this.productDetailsNewTab, productDetailsRedirect: this.productDetailsRedirect, closed: this.state === "closed", opened: this.state === "open", addToBasketShow: this.addToBasketShow, cssUrl: this.cssUrl, showFilters: this.showFilters, setModeDiscounts: this.setModeDiscounts, updateButtonLocation: this.updateButtonLocation })))));
|
|
78
100
|
}
|
|
79
101
|
renderSourceImage() {
|
|
80
102
|
return (index.h("img", { class: "source-image", part: "source-image", src: this.sourceImage }));
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-4474431a.js');
|
|
6
|
-
const _package = require('./package-
|
|
6
|
+
const _package = require('./package-b1ec17b3.js');
|
|
7
7
|
const VisualSearchIcon = require('./VisualSearchIcon-f435f5b0.js');
|
|
8
8
|
|
|
9
9
|
const vviinnVprButtonCss = ":host{display:block}";
|
|
@@ -27,25 +27,31 @@ const VviinnVprButton = class {
|
|
|
27
27
|
};
|
|
28
28
|
this.token = undefined;
|
|
29
29
|
this.productId = undefined;
|
|
30
|
-
this.
|
|
31
|
-
this.sourceImage = null;
|
|
32
|
-
this.sidebarTitle = "Visually similar products";
|
|
33
|
-
this.modalScrollbar = false;
|
|
30
|
+
this.mode = "continuity";
|
|
34
31
|
this.campaigns = "";
|
|
32
|
+
this.excluded = "";
|
|
35
33
|
this.campaignType = "VPR";
|
|
36
34
|
this.locale = "de-DE";
|
|
37
35
|
this.color = "";
|
|
38
|
-
this.addStyle = true;
|
|
39
|
-
this.mode = "continuity";
|
|
40
36
|
this.imageWidth = 300;
|
|
37
|
+
this.imageRatio = 1;
|
|
38
|
+
this.cssUrl = null;
|
|
41
39
|
this.currencySign = "€";
|
|
40
|
+
this.pricePrefix = "";
|
|
42
41
|
this.noResultText = "";
|
|
43
42
|
this.noResultShow = true;
|
|
44
43
|
this.gridArrowsDynamic = false;
|
|
45
|
-
this.
|
|
46
|
-
this.
|
|
44
|
+
this.productDetailsNewTab = false;
|
|
45
|
+
this.productDetailsRedirect = true;
|
|
47
46
|
this.addToBasketShow = false;
|
|
48
47
|
this.showFilters = false;
|
|
48
|
+
this.setModeDiscounts = this.mode === "set" ? "5, 10, 15" : "";
|
|
49
|
+
this.updateButtonLocation = "topAndItem";
|
|
50
|
+
this.sidebarTitle = this.mode === "set" ? "" : "Visually similar products";
|
|
51
|
+
this.modalScrollbar = false;
|
|
52
|
+
this.position = "bottom";
|
|
53
|
+
this.sourceImage = null;
|
|
54
|
+
this.addStyle = true;
|
|
49
55
|
this.apiPath = "https://api.vviinn.com";
|
|
50
56
|
}
|
|
51
57
|
render() {
|
|
@@ -68,18 +74,24 @@ const VviinnVprButton = class {
|
|
|
68
74
|
sidebar.mode = this.position === "right" ? "grid" : this.mode;
|
|
69
75
|
sidebar.imageWidth = this.imageWidth;
|
|
70
76
|
sidebar.currencySign = this.currencySign;
|
|
77
|
+
sidebar.pricePrefix = this.pricePrefix;
|
|
71
78
|
sidebar.apiPath = this.apiPath;
|
|
72
79
|
sidebar.buttonElementId = this.el.id;
|
|
73
80
|
sidebar.noResultText = this.noResultText;
|
|
74
81
|
sidebar.noResultShow = this.noResultShow;
|
|
75
82
|
sidebar.gridArrowsDynamic = this.gridArrowsDynamic;
|
|
76
|
-
sidebar.
|
|
83
|
+
sidebar.productDetailsNewTab = this.productDetailsNewTab;
|
|
84
|
+
sidebar.productDetailsRedirect = this.productDetailsRedirect;
|
|
77
85
|
sidebar.widgetVersion = _package.version;
|
|
78
86
|
sidebar.showingInButton = true;
|
|
79
87
|
sidebar.excluded = this.excluded;
|
|
80
88
|
sidebar.addToBasketShow = this.addToBasketShow;
|
|
81
89
|
sidebar.buttonChildren = this.el.children;
|
|
82
90
|
sidebar.showFilters = this.showFilters;
|
|
91
|
+
sidebar.cssUrl = this.cssUrl;
|
|
92
|
+
sidebar.imageRatio = this.imageRatio;
|
|
93
|
+
sidebar.setModeDiscounts = this.setModeDiscounts;
|
|
94
|
+
sidebar.updateButtonLocation = this.updateButtonLocation;
|
|
83
95
|
this.sidebar = sidebar;
|
|
84
96
|
sidebar.addEventListener("vviinnWidgetClose", this.sidebarCloseListener);
|
|
85
97
|
document.body.append(this.sidebar);
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-4474431a.js');
|
|
6
|
-
const _package = require('./package-
|
|
6
|
+
const _package = require('./package-b1ec17b3.js');
|
|
7
7
|
const customizedSlots = require('./customized-slots-dacb282b.js');
|
|
8
8
|
const constants = require('./constants-7684cbfc.js');
|
|
9
9
|
|
|
@@ -45,7 +45,8 @@ const VviinnVpsButton = class {
|
|
|
45
45
|
this.addStyle = false;
|
|
46
46
|
this.mode = "modal";
|
|
47
47
|
this.excluded = "";
|
|
48
|
-
this.
|
|
48
|
+
this.productDetailsNewTab = true;
|
|
49
|
+
this.productDetailsRedirect = true;
|
|
49
50
|
this.imageResolutionWidth = 250;
|
|
50
51
|
this.exampleImageSource = constants.DEFAULT_EXAMPLE_IMAGE;
|
|
51
52
|
this.textSearchShow = false;
|
|
@@ -72,7 +73,7 @@ const VviinnVpsButton = class {
|
|
|
72
73
|
return (index.h(index.Host, { tabindex: "0", role: "button" }, index.h("vviinn-button", { onClick: () => {
|
|
73
74
|
this.handleClick();
|
|
74
75
|
}, addStyle: this.addStyle, part: "vviinn-button" }, index.h("slot", null, index.h(CameraIcon, null))), customizedSlots.SlotSkeleton("vps"), index.h("vviinn-vps-widget", { mode: this.mode, "currency-sign": this.currencySign, token: this.token, locale: this.locale, apiPath: this.apiPath, exportparts: "brand, deeplink, currency, image, image-link, price-amount-sale, price-amount-outdated, price-amount-regular, price-container, price-outdated, price-regular, price-sale, price-prefix, title, product-card, upload-photo_button, show-files_button, start-camera_button", campaignId: this.campaignId, showingInButton: true, buttonPressed: this.buttonPressed, resetVpsButton: this.resetButton.bind(this), buttonElementId: this.el.id, active: this.buttonPressed &&
|
|
75
|
-
(this.mode === "modal" || this.mode === "camera"), excluded: this.excluded,
|
|
76
|
+
(this.mode === "modal" || this.mode === "camera"), excluded: this.excluded, productDetailsNewTab: this.productDetailsNewTab, productDetailsRedirect: this.productDetailsRedirect, imageResolutionWidth: this.imageResolutionWidth, exampleImageSource: this.exampleImageSource, textSearchShow: this.textSearchShow })));
|
|
76
77
|
}
|
|
77
78
|
get el() { return index.getElement(this); }
|
|
78
79
|
};
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
const index = require('./index-4474431a.js');
|
|
6
6
|
const search_store = require('./search.store-d6fff13b.js');
|
|
7
7
|
const i18next = require('./i18next-74ff3413.js');
|
|
8
|
-
const _package = require('./package-
|
|
8
|
+
const _package = require('./package-b1ec17b3.js');
|
|
9
9
|
const customizedSlots = require('./customized-slots-dacb282b.js');
|
|
10
10
|
const index$1 = require('./index-c33ee22e.js');
|
|
11
11
|
const constants = require('./constants-7684cbfc.js');
|
|
@@ -180,7 +180,8 @@ const VviinnVpsWidget = class {
|
|
|
180
180
|
this.locale = "de-DE";
|
|
181
181
|
this.campaignId = "";
|
|
182
182
|
this.excluded = "";
|
|
183
|
-
this.
|
|
183
|
+
this.productDetailsNewTab = true;
|
|
184
|
+
this.productDetailsRedirect = true;
|
|
184
185
|
this.imageResolutionWidth = 250;
|
|
185
186
|
this.exampleImageSource = constants.DEFAULT_EXAMPLE_IMAGE;
|
|
186
187
|
this.textSearchShow = false;
|
|
@@ -223,7 +224,9 @@ const VviinnVpsWidget = class {
|
|
|
223
224
|
return search_store.searchState.results.find((r) => r.productId === id);
|
|
224
225
|
}
|
|
225
226
|
handleOpenLink(deeplink, event) {
|
|
226
|
-
if (this.
|
|
227
|
+
if (!this.productDetailsRedirect)
|
|
228
|
+
return;
|
|
229
|
+
if (this.productDetailsNewTab || event.ctrlKey || event.metaKey) {
|
|
227
230
|
let newTab = window.open();
|
|
228
231
|
if (newTab) {
|
|
229
232
|
newTab.location.href = deeplink;
|
|
@@ -20,7 +20,7 @@ const patchBrowser = () => {
|
|
|
20
20
|
};
|
|
21
21
|
|
|
22
22
|
patchBrowser().then(options => {
|
|
23
|
-
return index.bootstrapLazy([["vviinn-button.cjs",[[1,"vviinn-button",{"addStyle":[4,"add-style"]}]]],["vviinn-preloader.cjs",[[1,"vviinn-preloader"]]],["vviinn-error.cjs",[[1,"vviinn-error"]]],["vviinn-carousel_6.cjs",[[1,"vviinn-vpr-widget",{"
|
|
23
|
+
return index.bootstrapLazy([["vviinn-button.cjs",[[1,"vviinn-button",{"addStyle":[4,"add-style"]}]]],["vviinn-preloader.cjs",[[1,"vviinn-preloader"]]],["vviinn-error.cjs",[[1,"vviinn-error"]]],["vviinn-carousel_6.cjs",[[1,"vviinn-vpr-widget",{"token":[1],"productId":[1,"product-id"],"mode":[1],"campaigns":[1],"excluded":[1],"campaignType":[1,"campaign-type"],"locale":[1],"color":[1],"imageWidth":[2,"image-width"],"imageRatio":[2,"image-ratio"],"cssUrl":[1,"css-url"],"currencySign":[1,"currency-sign"],"pricePrefix":[1,"price-prefix"],"noResultText":[1,"no-result-text"],"noResultShow":[4,"no-result-show"],"gridArrowsDynamic":[4,"grid-arrows-dynamic"],"productDetailsNewTab":[4,"product-details-new-tab"],"productDetailsRedirect":[4,"product-details-redirect"],"addToBasketShow":[4,"add-to-basket-show"],"showFilters":[4,"show-filters"],"showExtendedFilters":[4,"show-extended-filters"],"setModeDiscounts":[1,"set-mode-discounts"],"updateButtonLocation":[1,"update-button-location"],"blockTitle":[1,"block-title"],"showScroll":[4,"show-scroll"],"apiPath":[1,"api-path"],"useCarousel":[4,"use-carousel"],"showingInButton":[4,"showing-in-button"],"buttonElementId":[1,"button-element-id"],"closed":[4],"opened":[4],"recommendations":[32],"dynamicFilters":[32],"sourceProduct":[32],"trackingDeactivated":[32],"hasErrorOnLoad":[32],"updatingAllCards":[32],"updatedCardsAmount":[32],"setModeDiscountsArray":[32]},[[0,"vviinnProductLoad","trackProductLoad"],[0,"vviinnProductView","trackProductView"],[0,"vviinnProductClick","trackProductClick"],[0,"vviinnAuxClick","trackAuxClick"],[0,"vviinnAddToBasket","trackAddToBasket"],[0,"vviinnUpdatingAllCardsFinished","updatingAllCardsFinishedListener"],[0,"vviinnFiltersChanged","filtersChanged"]]],[0,"vviinn-carousel",{"mode":[1],"imageWidth":[2,"image-width"],"showScroll":[4,"show-scroll"],"campaignTypeId":[1,"campaign-type-id"],"widgetElementId":[1,"widget-element-id"],"gridArrowsDynamic":[4,"grid-arrows-dynamic"],"recommendations":[1040],"widgetVersion":[1,"widget-version"],"addToBasketShow":[4,"add-to-basket-show"],"updatingAllCards":[4,"updating-all-cards"],"updateButtonLocation":[1,"update-button-location"],"replaceSlotsContent":[16],"setModeDiscountsArray":[16],"imageRatio":[2,"image-ratio"],"currencySign":[1,"currency-sign"],"pricePrefix":[1,"price-prefix"],"locale":[1],"moveDirection":[32],"contentGroups":[32],"activeContentGroup":[32],"isRTL":[32],"crossSellingRecommendations":[32],"setModeDiscount":[32],"currentDiscountIndex":[32],"setModeAppliedDiscounts":[32]},[[0,"vviinnCrossSellingClick","crossSellingClickListener"],[0,"vviinnAddToBasket","trackAddToBasket"]]],[1,"vviinn-extended-filters",{"filters":[16],"filtersString":[1,"filters-string"],"locale":[1],"requestFilters":[32],"showMore":[32],"selectedMoreOptions":[32]}],[1,"vviinn-filters",{"filters":[16],"filtersString":[1,"filters-string"],"selectedFilter":[32],"requestFilters":[32]}],[1,"vviinn-product-card",{"brand":[1],"currency":[1],"deeplink":[1],"image":[1],"imageRatio":[2,"image-ratio"],"imageWidth":[2,"image-width"],"locale":[1],"price":[2],"pricePrefix":[1,"price-prefix"],"productId":[1,"product-id"],"productTitle":[1,"product-title"],"productType":[1,"product-type"],"salePrice":[2,"sale-price"],"responsive":[4],"dimmedBackground":[4,"dimmed-background"],"mode":[1],"basketButtonShow":[4,"basket-button-show"],"updateButtonLocation":[1,"update-button-location"],"appliedDiscountPercentage":[2,"applied-discount-percentage"],"currentDiscountPercentage":[2,"current-discount-percentage"],"isSourceProduct":[4,"is-source-product"],"campaignTypeId":[1,"campaign-type-id"],"widgetElementId":[1,"widget-element-id"],"buttonElementId":[1,"button-element-id"],"widgetVersion":[1,"widget-version"],"index":[2],"updatingAllCards":[4,"updating-all-cards"],"defaultAnimationInterval":[2,"default-animation-interval"],"isTransitioning":[32],"basketButonPressed":[32]},[[0,"vviinnCrossSellingClick","crossSellingClickListener"]]],[1,"vviinn-skeleton",{"height":[2],"halfWidth":[4,"half-width"]}]]],["search-filters_17.cjs",[[1,"vviinn-image-view",{"basicEventData":[16],"setShowAspectRatioError":[16],"showAspectRatioError":[4,"show-aspect-ratio-error"],"cropper":[32],"hidePreloader":[32]},[[0,"vviinnSelectObject","selectDetectedObject"]]],[1,"vviinn-overlayed-modal",{"active":[4],"resetState":[16],"buttonElementId":[1,"button-element-id"],"hideBackButton":[4,"hide-back-button"],"widgetVersion":[1,"widget-version"],"isFirstScreen":[4,"is-first-screen"]}],[1,"vviinn-empty-results",{"handler":[16]}],[1,"vviinn-image-selector",{"basicEventData":[16],"startUpload":[4,"start-upload"],"loading":[4],"accept":[1],"resetVpsButton":[16],"capture":[1]}],[1,"vviinn-server-error",{"handler":[16]}],[1,"vviinn-text-search",{"searchQuery":[1,"search-query"],"setSearchQuery":[16],"handleTextSearch":[16]}],[1,"vviinn-wrong-aspect-ratio",{"handler":[16]}],[1,"vviinn-wrong-format",{"handler":[16]}],[1,"search-filters",{"filter":[16],"textSearchFiltersGroup":[16],"basicEventData":[16],"selectedFilter":[32],"hideFilters":[32]}],[1,"vviinn-example-image",{"exampleImageSource":[1,"example-image-source"],"width":[2],"height":[2],"basicEventData":[16],"srcObject":[16],"cameraButtonClicked":[4,"camera-button-clicked"],"selected":[32],"videoInitialized":[32],"zoomCapabilities":[32]}],[1,"vviinn-privacy-badge",{"privacyBadgeText":[1,"privacy-badge-text"]}],[1,"vviinn-slide"],[1,"vviinn-slider",{"showBullets":[4,"show-bullets"],"position":[514],"showArrows":[4,"show-arrows"],"elementsCount":[32],"internalPosition":[32],"swipeStartPosition":[32],"isRTL":[32]}],[1,"vviinn-teaser"],[1,"vviinn-detected-object",{"detectedObject":[16],"basicEventData":[16],"position":[32]}],[1,"vviinn-modal",{"active":[1540],"resetState":[16],"buttonElementId":[1,"button-element-id"],"widgetVersion":[1,"widget-version"],"hideBackButton":[4,"hide-back-button"],"isFirstScreen":[4,"is-first-screen"],"slider":[32]}],[1,"vviinn-overlay"]]],["vviinn-vps-widget.cjs",[[1,"vviinn-vps-widget",{"token":[1],"active":[1028],"currencySign":[1,"currency-sign"],"locale":[1],"campaignId":[1,"campaign-id"],"excluded":[1],"productDetailsNewTab":[4,"product-details-new-tab"],"productDetailsRedirect":[4,"product-details-redirect"],"imageResolutionWidth":[2,"image-resolution-width"],"exampleImageSource":[1,"example-image-source"],"textSearchShow":[4,"text-search-show"],"apiPath":[1,"api-path"],"showingInButton":[4,"showing-in-button"],"buttonElementId":[1,"button-element-id"],"buttonPressed":[4,"button-pressed"],"mode":[1],"resetVpsButton":[16],"slidePosition":[32],"width":[32],"wrongImageFormat":[32],"trackingDeactivated":[32],"stream":[32],"cameraInitializing":[32],"cameraEnabled":[32],"cameraButtonClicked":[32],"uploadSource":[32],"showAspectRatioError":[32],"products":[32],"searchQuery":[32]},[[0,"vviinnCameraEnabled","trackCameraEnabled"],[0,"vviinnProductLoad","trackProductLoad"],[0,"vviinnProductView","trackProductView"],[0,"vviinnProductClick","trackProductClick"],[0,"vviinnAuxClick","trackAuxClick"],[0,"vviinnImageCrop","trachSearchAreaChanges"],[0,"vviinnSelectObject","trackDetectedObject"],[0,"vviinnSelectFilter","trackFilter"],[0,"vviinnTextSearchFilterSelected","trackTextSearchFilterSelected"]]]]],["vviinn-vps-button.cjs",[[1,"vviinn-vps-button",{"token":[1],"currencySign":[1,"currency-sign"],"locale":[1],"campaignId":[1,"campaign-id"],"addStyle":[4,"add-style"],"mode":[1],"excluded":[1],"productDetailsNewTab":[4,"product-details-new-tab"],"productDetailsRedirect":[4,"product-details-redirect"],"imageResolutionWidth":[2,"image-resolution-width"],"exampleImageSource":[1,"example-image-source"],"textSearchShow":[4,"text-search-show"],"apiPath":[1,"api-path"],"buttonPressed":[32]},[[0,"vviinnWidgetClose","handleModalClosed"]]]]],["vviinn-recommendations-sidebar.cjs",[[1,"vviinn-recommendations-sidebar",{"sidebarTitle":[1,"sidebar-title"],"token":[1],"productId":[1,"product-id"],"position":[1],"sourceImage":[1,"source-image"],"widgetScrollbar":[4,"widget-scrollbar"],"mode":[1],"campaigns":[1],"campaignType":[1,"campaign-type"],"color":[1],"locale":[1],"imageWidth":[2,"image-width"],"imageRatio":[2,"image-ratio"],"cssUrl":[1,"css-url"],"currencySign":[1,"currency-sign"],"pricePrefix":[1,"price-prefix"],"noResultText":[1,"no-result-text"],"noResultShow":[4,"no-result-show"],"gridArrowsDynamic":[4,"grid-arrows-dynamic"],"excluded":[1],"productDetailsNewTab":[4,"product-details-new-tab"],"productDetailsRedirect":[4,"product-details-redirect"],"addToBasketShow":[4,"add-to-basket-show"],"showFilters":[4,"show-filters"],"setModeDiscounts":[1,"set-mode-discounts"],"updateButtonLocation":[1,"update-button-location"],"buttonChildren":[16],"apiPath":[1,"api-path"],"buttonElementId":[1,"button-element-id"],"widgetVersion":[1,"widget-version"],"showingInButton":[4,"showing-in-button"],"state":[32]},[[0,"vviinnUpdatingAllCardsStarted","updatingAllCardsStarted"],[0,"vviinnUpdatingAllCardsFinished","updatingAllCardsFinished"],[16,"click","bodyClickListener"]]]]],["vviinn-vpr-button.cjs",[[1,"vviinn-vpr-button",{"token":[1],"productId":[1,"product-id"],"mode":[1],"campaigns":[1],"excluded":[1],"campaignType":[1,"campaign-type"],"locale":[1],"color":[1],"imageWidth":[2,"image-width"],"imageRatio":[2,"image-ratio"],"cssUrl":[1,"css-url"],"currencySign":[1,"currency-sign"],"pricePrefix":[1,"price-prefix"],"noResultText":[1,"no-result-text"],"noResultShow":[4,"no-result-show"],"gridArrowsDynamic":[4,"grid-arrows-dynamic"],"productDetailsNewTab":[4,"product-details-new-tab"],"productDetailsRedirect":[4,"product-details-redirect"],"addToBasketShow":[4,"add-to-basket-show"],"showFilters":[4,"show-filters"],"setModeDiscounts":[1,"set-mode-discounts"],"updateButtonLocation":[1,"update-button-location"],"sidebarTitle":[1,"sidebar-title"],"modalScrollbar":[4,"modal-scrollbar"],"position":[1],"sourceImage":[1,"source-image"],"addStyle":[4,"add-style"],"apiPath":[1,"api-path"]}]]]], options);
|
|
24
24
|
});
|
|
25
25
|
|
|
26
26
|
exports.setNonce = index.setNonce;
|
|
@@ -66,6 +66,7 @@ export class VviinnCarousel {
|
|
|
66
66
|
this.updateButtonLocation = undefined;
|
|
67
67
|
this.replaceSlotsContent = undefined;
|
|
68
68
|
this.setModeDiscountsArray = undefined;
|
|
69
|
+
this.imageRatio = undefined;
|
|
69
70
|
this.currencySign = undefined;
|
|
70
71
|
this.pricePrefix = "";
|
|
71
72
|
this.locale = undefined;
|
|
@@ -278,7 +279,7 @@ export class VviinnCarousel {
|
|
|
278
279
|
const salePrice = this.isSetMode
|
|
279
280
|
? setModeDiscount
|
|
280
281
|
: recommendation.price.sale;
|
|
281
|
-
return (h("vviinn-product-card", { part: "product-part", productId: recommendation.productId, productTitle: recommendation.title, productType: recommendation.productType, deeplink: recommendation.deeplink, image: recommendation.image.thumbnail, brand: recommendation.brand, imageWidth: this.imageWidth, imageRatio:
|
|
282
|
+
return (h("vviinn-product-card", { part: "product-part", productId: recommendation.productId, productTitle: recommendation.title, productType: recommendation.productType, deeplink: recommendation.deeplink, image: recommendation.image.thumbnail, brand: recommendation.brand, imageWidth: this.imageWidth, imageRatio: this.imageRatio, price: recommendation.price.actual, salePrice: salePrice, responsive: this.isGridMode, dimmedBackground: this.isContinuityMode || this.isSetMode, campaignTypeId: this.campaignTypeId, index: rank, widgetElementId: this.widgetElementId, widgetVersion: this.widgetVersion, basketButtonShow: this.addToBasketShow, mode: this.mode, "data-id": recommendation.productId, updatingAllCards: this.updatingAllCards, defaultAnimationInterval: this.defaultAnimationInterval, updateButtonLocation: this.updateButtonLocation, appliedDiscountPercentage: appliedDiscount, currentDiscountPercentage: this.setModeDiscount, currency: this.currencySign, pricePrefix: this.pricePrefix, locale: this.locale }));
|
|
282
283
|
}
|
|
283
284
|
renderRecommendationGroup(elements) {
|
|
284
285
|
return (h("div", { class: CONTENT_GROUP_CSS_CLASS, part: "items-group" }, ...elements));
|
|
@@ -565,6 +566,23 @@ export class VviinnCarousel {
|
|
|
565
566
|
"text": ""
|
|
566
567
|
}
|
|
567
568
|
},
|
|
569
|
+
"imageRatio": {
|
|
570
|
+
"type": "number",
|
|
571
|
+
"mutable": false,
|
|
572
|
+
"complexType": {
|
|
573
|
+
"original": "number",
|
|
574
|
+
"resolved": "number",
|
|
575
|
+
"references": {}
|
|
576
|
+
},
|
|
577
|
+
"required": false,
|
|
578
|
+
"optional": false,
|
|
579
|
+
"docs": {
|
|
580
|
+
"tags": [],
|
|
581
|
+
"text": ""
|
|
582
|
+
},
|
|
583
|
+
"attribute": "image-ratio",
|
|
584
|
+
"reflect": false
|
|
585
|
+
},
|
|
568
586
|
"currencySign": {
|
|
569
587
|
"type": "string",
|
|
570
588
|
"mutable": false,
|
|
@@ -104,6 +104,7 @@ export class VviinnProductCard {
|
|
|
104
104
|
updatingAllCardsWatcher() {
|
|
105
105
|
if (!this.updatingAllCards)
|
|
106
106
|
return;
|
|
107
|
+
this.vviinnUpdatingAllCardsStarted.emit();
|
|
107
108
|
this.isTransitioning = true;
|
|
108
109
|
this.basketButonPressed = false;
|
|
109
110
|
const animationTimer = setTimeout(() => {
|
|
@@ -852,6 +853,24 @@ export class VviinnProductCard {
|
|
|
852
853
|
}
|
|
853
854
|
}
|
|
854
855
|
}
|
|
856
|
+
}, {
|
|
857
|
+
"method": "vviinnUpdatingAllCardsStarted",
|
|
858
|
+
"name": "vviinnUpdatingAllCardsStarted",
|
|
859
|
+
"bubbles": true,
|
|
860
|
+
"cancelable": true,
|
|
861
|
+
"composed": true,
|
|
862
|
+
"docs": {
|
|
863
|
+
"tags": [{
|
|
864
|
+
"name": "internal",
|
|
865
|
+
"text": undefined
|
|
866
|
+
}],
|
|
867
|
+
"text": ""
|
|
868
|
+
},
|
|
869
|
+
"complexType": {
|
|
870
|
+
"original": "any",
|
|
871
|
+
"resolved": "any",
|
|
872
|
+
"references": {}
|
|
873
|
+
}
|
|
855
874
|
}, {
|
|
856
875
|
"method": "vviinnUpdatingAllCardsFinished",
|
|
857
876
|
"name": "vviinnUpdatingAllCardsFinished",
|