vviinn-widgets 2.44.0 → 2.44.2

package/dist/collection/components/vviinn-image-view/vviinn-image-view.css

@@ -1,8 +1,42 @@
 :host {
-  display: grid;
+  min-height: 160px;
+  display: flex;
+  justify-content: center;
+  background-color: rgba(0, 0, 0, 0.32);
+}
+
+:host(.bordered) {
+  background-color: transparent;
+  border: 1px solid #eaeaea;
+  margin-top: 40px;
+}
+
+@media (max-width: 768px) {
+  :host {
+    min-height: unset;
+  }
+
+  :host(.bordered) {
+    border: none;
+    margin-top: 48px;
+  }
+}
+
+.container {
+  max-width: 100%;
+  height: 100%;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+.image-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
   position: relative;
-  justify-self: center;
-  direction: ltr;
 }
 
 .image-container > img {
@@ -14,11 +48,11 @@
   background: rgba(0, 0, 0, 0.25);
   border-radius: 4px;
   bottom: 18px;
-  padding: 4px 6px;
+  right: 18px;
+  padding: 4px;
   pointer-events: none;
   color: white;
   position: absolute;
-  right: 18px;
   z-index: 4;
 }
 
@@ -103,8 +137,9 @@ vviinn-preloader {
 }
 
 .cropper-point {
-  height: 30px;
-  width: 30px;
+  --cropper-point-width: 44px;
+  height: var(--cropper-point-width);
+  width: var(--cropper-point-width);
   opacity: 1;
 }
 
@@ -115,58 +150,65 @@ vviinn-preloader {
   display: none;
 }
 
+.point-ne,
+.point-nw,
+.point-sw,
+.point-se {
+  --delta: -9px;
+}
+
 .point-ne {
   cursor: nesw-resize;
-  right: -15px;
-  top: -15px;
+  right: var(--delta);
+  top: var(--delta);
 }
 
 .point-nw {
   cursor: nwse-resize;
-  left: -15px;
-  top: -15px;
+  left: var(--delta);
+  top: var(--delta);
 }
 
 .point-sw {
   cursor: nesw-resize;
-  bottom: -15px;
-  left: -15px;
+  bottom: var(--delta);
+  left: var(--delta);
 }
 
 .point-se {
   cursor: nwse-resize;
-  bottom: -15px;
-  right: -15px;
+  bottom: var(--delta);
+  right: var(--delta);
 }
 
 .cropper-point::before {
   position: absolute;
   content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38' fill='none'%3E%3Cpath d='M3 35H23C29.6274 35 35 29.6274 35 23V3' stroke='white' stroke-width='6' stroke-linecap='square'/%3E%3C/svg%3E");
   display: block;
-  poiter-events: none;
+  pointer-events: none;
 }
 
 .point-ne::before {
   transform: rotate(-90deg);
-  left: -20px;
-  top: 12px;
+  left: 0px;
+  top: 6px;
 }
 
 .point-nw::before {
   transform: rotate(180deg);
-  left: 12px;
-  top: 12px;
+  left: 6px;
+  top: 6px;
 }
 
 .point-sw::before {
   transform: rotate(90deg);
-  left: 12px;
-  top: -20px;
+  left: 6px;
+  top: 0px;
 }
 
 .point-se::before {
-  left: -20px;
-  top: -20px;
+  left: 0px;
+  top: 0px;
 }
 
 .cropper-invisible {

package/dist/collection/components/vviinn-image-view/vviinn-image-view.js

@@ -7,13 +7,18 @@ import { sequenceToOption } from "../../utils/option/option";
 import { fromImage } from "../../geometry/Rectangle";
 import { dimensionsFromImage, scaleByLargestSide } from "../../Image/sizing";
 import styles from "./vviinn-image-view.css";
-const INITIAL_CROP_AREA = 0.91;
+const INITIAL_CROP_AREA = 0.9;
 const INITIAL_CROP_AREA_OFFSET = 1 - INITIAL_CROP_AREA;
 const MIN_SEARCH_AREA_SIZE = 82;
+const MIN_IMAGE_SIDE_FOR_CROPPER = 90;
+const SUPPORTED_ASPECT_RATIO = 0.1;
+const DEFAULT_IMAGE_SIZE = 288;
 const cropperOptions = {
   autoCropArea: INITIAL_CROP_AREA,
   minCropBoxHeight: MIN_SEARCH_AREA_SIZE,
   minCropBoxWidth: MIN_SEARCH_AREA_SIZE,
+  minContainerWidth: MIN_IMAGE_SIDE_FOR_CROPPER,
+  minContainerHeight: MIN_IMAGE_SIDE_FOR_CROPPER,
   movable: false,
   zoomable: false,
   rotatable: false,
@@ -21,10 +26,11 @@ const cropperOptions = {
   zoomOnTouch: false,
   zoomOnWheel: false,
   toggleDragModeOnDblclick: false,
+  viewMode: 1,
 };
 const getImageSizes = (i) => {
   const dimensions = dimensionsFromImage(i);
-  const resize = scaleByLargestSide(288);
+  const resize = scaleByLargestSide(DEFAULT_IMAGE_SIZE);
   const newDimensions = resize(dimensions);
   const sizes = newDimensions.map((d) => d.size);
   return [sizes[0], sizes[1]];
@@ -59,10 +65,14 @@ export class VviinnImageView {
       this.vviinnImageCrop.emit(this.basicEventData);
     };
     this.basicEventData = undefined;
+    this.setShowAspectRatioError = undefined;
+    this.showAspectRatioError = undefined;
     this.cropper = null;
+    this.hidePreloader = false;
   }
   disconnectedCallback() {
-    this.cropper.destroy();
+    if (this.cropper)
+      this.cropper.destroy();
   }
   selectDetectedObject({ detail }) {
     const { top, left, width, height } = detail.detectedObject.value.rectangle;
@@ -93,15 +103,27 @@ export class VviinnImageView {
         this.cropper.destroy();
       }
       const imageBounds = fromImage(imageElement);
-      const { x, y } = imageBounds;
+      const { x, y, width, height } = imageBounds;
       const searchArea = {
         x,
         y,
-        width: imageBounds.width - imageBounds.width * INITIAL_CROP_AREA_OFFSET,
-        height: imageBounds.height - imageBounds.height * INITIAL_CROP_AREA_OFFSET,
+        width: width - width * INITIAL_CROP_AREA_OFFSET,
+        height: height - height * INITIAL_CROP_AREA_OFFSET,
       };
       imageSearchState.imageBounds = O.some(imageBounds);
       imageSearchState.searchArea = O.some(searchArea);
+      if (width / height < SUPPORTED_ASPECT_RATIO ||
+        height / width < SUPPORTED_ASPECT_RATIO) {
+        this.setShowAspectRatioError(true);
+        this.el.classList.add("bordered");
+        return;
+      }
+      if (width < MIN_IMAGE_SIDE_FOR_CROPPER ||
+        height < MIN_IMAGE_SIDE_FOR_CROPPER) {
+        this.el.classList.add("bordered");
+        this.hidePreloader = true;
+        return;
+      }
       this.cropper = new Cropper(imageElement, Object.assign(Object.assign({}, cropperOptions), { cropend: this.cropEnd, data }));
     }
   }
@@ -115,8 +137,10 @@ export class VviinnImageView {
     }), O.getOrElse(() => null));
   }
   render() {
-    return (h(Host, null, h("div", { class: "image-container" }, imageSearchState.loading ||
-      imageSearchState.objectDetectionInProgress ? (h("div", { class: "image-preloader" }, h("vviinn-preloader", null))) : null, this.renderImage()), imageSearchState.detectedObjects.map((o) => this.renderDetectedObject(o))));
+    return (h(Host, null, h("div", { class: "container" }, h("div", { class: "image-container" }, this.renderImage(), imageSearchState.detectedObjects.map((o) => this.renderDetectedObject(o))), (imageSearchState.loading ||
+      imageSearchState.objectDetectionInProgress) &&
+      !this.showAspectRatioError &&
+      !this.hidePreloader ? (h("div", { class: "image-preloader" }, h("vviinn-preloader", null))) : null)));
   }
   static get is() { return "vviinn-image-view"; }
   static get encapsulation() { return "shadow"; }
@@ -142,12 +166,45 @@ export class VviinnImageView {
           "tags": [],
           "text": ""
         }
+      },
+      "setShowAspectRatioError": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "(isError: boolean) => void",
+          "resolved": "(isError: boolean) => void",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        }
+      },
+      "showAspectRatioError": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "show-aspect-ratio-error",
+        "reflect": false
       }
     };
   }
   static get states() {
     return {
-      "cropper": {}
+      "cropper": {},
+      "hidePreloader": {}
     };
   }
   static get events() {

package/dist/collection/components/vviinn-vps-widget/vviinn-vps-widget.css

@@ -109,7 +109,7 @@ vviinn-overlayed-modal.first-screen::part(secondary-action) {
 }
 
 .results-page {
-  margin-top: 60px;
+  margin-top: 64px;
   display: grid;
   grid-template-columns: 336px auto;
   box-sizing: border-box;
@@ -155,10 +155,16 @@ vviinn-empty-results {
 .image-wrapper {
   display: grid;
   grid-template-rows: min-content 1fr;
-  grid-gap: 24px;
   min-width: 100%;
 }
 
+.filters-wrapper {
+  margin-top: 24px;
+  overflow-x: auto;
+  transform: translateX(-24px);
+  min-width: calc(100% + 48px);
+}
+
 vviinn-product-card {
   gap: 0;
   width: 100%;
@@ -211,12 +217,6 @@ search-filters::part(filter active) {
   color: white;
 }
 
-.filters-wrapper {
-  overflow-x: auto;
-  transform: translateX(-24px);
-  min-width: calc(100% + 48px);
-}
-
 .results-page:not(.active) {
   display: none;
 }
@@ -263,10 +263,15 @@ search-filters::part(filter active) {
 
   .results-page > * {
     box-sizing: border-box;
-    padding: 0 24px 24px;
+    padding: 12px 24px 24px;
+  }
+
+  .image-wrapper {
+    padding: 0;
   }
 
   .filters-wrapper {
+    padding-left: 24px;
     min-width: calc(100% + 40px);
   }
 
@@ -297,6 +302,7 @@ search-filters::part(filter active) {
     overflow-y: unset;
     width: 100%;
     padding-top: 0;
+    margin-top: 24px;
   }
 
   .products {
@@ -327,8 +333,8 @@ search-filters::part(filter active) {
 }
 
 @media (max-width: 380px) {
-  .results-page > * {
-    padding: 12px;
+  .filters-wrapper {
+    padding-left: 24px;
   }
 
   .products {

package/dist/collection/components/vviinn-vps-widget/vviinn-vps-widget.js

@@ -161,6 +161,9 @@ export class VviinnVpsWidget {
         this.resetState();
       }
     };
+    this.setShowAspectRatioError = (isError) => {
+      this.showAspectRatioError = isError;
+    };
     this.setTrackingDeactivated = (result) => {
       if (result.status === "rejected") {
         this.trackingDeactivated = true;
@@ -199,6 +202,7 @@ export class VviinnVpsWidget {
     this.cameraEnabled = false;
     this.cameraButtonClicked = false;
     this.uploadSource = undefined;
+    this.showAspectRatioError = false;
   }
   initResultEvents() {
     this.resultLoaded = false;
@@ -445,6 +449,7 @@ export class VviinnVpsWidget {
     this.stream = null;
     this.cameraEnabled = false;
     this.cameraButtonClicked = false;
+    this.setShowAspectRatioError(false);
   }
   haveErrors() {
     return this.wrongImageFormat || imageSearchState.serverError;
@@ -476,11 +481,18 @@ export class VviinnVpsWidget {
       } }, h("vviinn-wrong-format", { class: { hidden: !this.wrongImageFormat }, handler: () => this.resetState() }), h("vviinn-server-error", { class: { hidden: !imageSearchState.serverError }, handler: () => this.resetState() })), !this.haveErrors() && h("vviinn-teaser", null), !this.haveErrors() && (h("div", { class: "buttons-group" }, this.renderButtons()))), h("vviinn-privacy-badge", { privacyBadgeText: i18next.t("privacyBadgeText"), class: { invisible: this.haveErrors() } }))), h("vviinn-slide", { class: {
         "results-page": true,
         active: this.isResultSlide(),
-      } }, h("div", { class: "image-wrapper" }, this.isResultSlide() && (h("vviinn-image-view", { basicEventData: this.getBasicEventData() })), h("div", { class: "filters-wrapper" }, h("div", { class: "filters" }, imageSearchState.filters.map((filter) => (h("search-filters", { filter: filter, basicEventData: this.getBasicEventData() })))))), h("div", { id: "results-block", class: "products-wrapper" }, h("div", { class: {
+      } }, h("div", { class: "image-wrapper" }, this.isResultSlide() && (h("vviinn-image-view", { basicEventData: this.getBasicEventData(), setShowAspectRatioError: this.setShowAspectRatioError, showAspectRatioError: this.showAspectRatioError })), h("div", { class: {
+        "filters-wrapper": true,
+        hidden: this.showAspectRatioError,
+      } }, h("div", { class: "filters" }, imageSearchState.filters.map((filter) => (h("search-filters", { filter: filter, basicEventData: this.getBasicEventData() })))))), h("div", { id: "results-block", class: "products-wrapper" }, h("div", { class: {
         "nothing-found": true,
         hidden: imageSearchState.results.length > 0,
-      } }, h("vviinn-empty-results", { handler: () => this.resetState() }), h("vviinn-onboarding", null)), h("div", { class: {
-        hidden: imageSearchState.results.length <= 0,
+      } }, h("vviinn-empty-results", { handler: () => this.resetState() })), h("div", { class: {
+        "nothing-found": true,
+        hidden: !this.showAspectRatioError,
+      } }, h("vviinn-wrong-aspect-ratio", { handler: () => this.resetState() })), h("div", { class: {
+        hidden: imageSearchState.results.length <= 0 ||
+          this.showAspectRatioError,
         products: true,
       } }, this.active && this.renderResults())))))));
   }
@@ -796,7 +808,8 @@ export class VviinnVpsWidget {
       "stream": {},
       "cameraEnabled": {},
       "cameraButtonClicked": {},
-      "uploadSource": {}
+      "uploadSource": {},
+      "showAspectRatioError": {}
     };
   }
   static get events() {

package/dist/collection/locale/resources-vps.js

@@ -21,6 +21,10 @@ export const resources = {
         text: "Bitte laden Sie eine .jpg, .png oder .webp Bilddatei hoch.",
         button: "Neues Bild hochladen",
       },
+      wrongAspectRatioBlock: {
+        title: "Das Bild ist zu schmal",
+        button: "Neues Bild hochladen",
+      },
     },
   },
   en: {
@@ -45,6 +49,10 @@ export const resources = {
         text: "Please upload a .jpg, .png or .webp image file.",
         button: "Upload another file",
       },
+      wrongAspectRatioBlock: {
+        title: "The image is too narrow",
+        button: "Upload another image",
+      },
     },
   },
 };

package/dist/esm/loader.js

@@ -11,7 +11,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return bootstrapLazy([["vviinn-button",[[1,"vviinn-button",{"addStyle":[4,"add-style"]}]]],["vviinn-preloader",[[1,"vviinn-preloader"]]],["vviinn-error",[[1,"vviinn-error"]]],["vviinn-carousel_4",[[1,"vviinn-vpr-widget",{"blockTitle":[1,"block-title"],"imageRatio":[2,"image-ratio"],"imageWidth":[2,"image-width"],"productId":[1,"product-id"],"token":[1],"currencySign":[1,"currency-sign"],"pricePrefix":[1,"price-prefix"],"mode":[1],"campaignType":[1,"campaign-type"],"locale":[1],"campaigns":[1],"color":[1],"gridArrowsDynamic":[4,"grid-arrows-dynamic"],"noResultText":[1,"no-result-text"],"noResultShow":[4,"no-result-show"],"showScroll":[4,"show-scroll"],"cssUrl":[1,"css-url"],"excluded":[1],"productDetailNewTab":[4,"product-detail-new-tab"],"addToBasketShow":[4,"add-to-basket-show"],"updateButtonLocation":[1,"update-button-location"],"apiPath":[1,"api-path"],"useCarousel":[4,"use-carousel"],"showingInButton":[4,"showing-in-button"],"buttonElementId":[1,"button-element-id"],"closed":[4],"opened":[4],"recommendations":[32],"trackingDeactivated":[32],"hasErrorOnLoad":[32],"updatingAllCards":[32]},[[0,"vviinnProductLoad","trackProductLoad"],[0,"vviinnProductView","trackProductView"],[0,"vviinnProductClick","trackProductClick"],[0,"vviinnAuxClick","trackAuxClick"],[0,"vviinnAddToBasket","trackAddToBasket"],[0,"vviinnUpdatingAllCardsFinished","updatingAllCardsFinishedListener"]]],[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":[16],"widgetVersion":[1,"widget-version"],"addToBasketShow":[4,"add-to-basket-show"],"updatingAllCards":[4,"updating-all-cards"],"updateButtonLocation":[1,"update-button-location"],"moveDirection":[32],"contentGroups":[32],"activeContentGroup":[32],"isRTL":[32],"crossSellingRecommendations":[32]},[[0,"vviinnCrossSellingClick","crossSellingClickListener"]]],[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],"addToBasketShow":[4,"add-to-basket-show"],"updateButtonLocation":[1,"update-button-location"],"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"],"imageLoaded":[32],"isTransitioning":[32]},[[0,"vviinnCrossSellingClick","crossSellingClickListener"]]],[1,"vviinn-skeleton",{"height":[2],"halfWidth":[4,"half-width"]}]]],["search-filters_15",[[1,"vviinn-image-view",{"basicEventData":[16],"cropper":[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-wrong-format",{"handler":[16]}],[1,"search-filters",{"filter":[16],"basicEventData":[16],"selectedFilter":[32],"hideFilters":[32]}],[1,"vviinn-example-image",{"exampleImageSource":[1,"example-image-source"],"width":[2],"height":[2],"basicEventData":[16],"srcObject":[16],"cameraButtonClicked":[4,"camera-button-clicked"],"selected":[32],"videoInitialized":[32],"zoomCapabilities":[32]}],[1,"vviinn-privacy-badge",{"privacyBadgeText":[1,"privacy-badge-text"]}],[1,"vviinn-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",[[1,"vviinn-vps-widget",{"token":[1],"active":[1028],"currencySign":[1,"currency-sign"],"locale":[1],"campaignId":[1,"campaign-id"],"excluded":[1],"productDetailNewTab":[4,"product-detail-new-tab"],"imageResolutionWidth":[2,"image-resolution-width"],"exampleImageSource":[1,"example-image-source"],"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],"cameraEnabled":[32],"cameraButtonClicked":[32],"uploadSource":[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"]]]]],["vviinn-vps-button",[[1,"vviinn-vps-button",{"token":[1],"currencySign":[1,"currency-sign"],"locale":[1],"campaignId":[1,"campaign-id"],"addStyle":[4,"add-style"],"mode":[1],"excluded":[1],"productDetailNewTab":[4,"product-detail-new-tab"],"imageResolutionWidth":[2,"image-resolution-width"],"exampleImageSource":[1,"example-image-source"],"apiPath":[1,"api-path"],"buttonPressed":[32]},[[0,"vviinnWidgetClose","handleModalClosed"]]]]],["vviinn-recommendations-sidebar",[[1,"vviinn-recommendations-sidebar",{"sidebarTitle":[1,"sidebar-title"],"token":[1],"productId":[1,"product-id"],"position":[1],"sourceImage":[1,"source-image"],"widgetScrollbar":[4,"widget-scrollbar"],"mode":[1],"campaigns":[1],"campaignType":[1,"campaign-type"],"color":[1],"locale":[1],"imageWidth":[2,"image-width"],"currencySign":[1,"currency-sign"],"noResultText":[1,"no-result-text"],"noResultShow":[4,"no-result-show"],"gridArrowsDynamic":[4,"grid-arrows-dynamic"],"excluded":[1],"productDetailNewTab":[4,"product-detail-new-tab"],"addToBasketShow":[4,"add-to-basket-show"],"buttonChildren":[16],"apiPath":[1,"api-path"],"buttonElementId":[1,"button-element-id"],"widgetVersion":[1,"widget-version"],"showingInButton":[4,"showing-in-button"],"state":[32]},[[16,"click","bodyClickListener"]]]]],["vviinn-vpr-button",[[1,"vviinn-vpr-button",{"token":[1],"productId":[1,"product-id"],"position":[1],"sourceImage":[1,"source-image"],"sidebarTitle":[1,"sidebar-title"],"modalScrollbar":[4,"modal-scrollbar"],"campaigns":[1],"campaignType":[1,"campaign-type"],"locale":[1],"color":[1],"addStyle":[4,"add-style"],"mode":[1],"imageWidth":[2,"image-width"],"currencySign":[1,"currency-sign"],"noResultText":[1,"no-result-text"],"noResultShow":[4,"no-result-show"],"gridArrowsDynamic":[4,"grid-arrows-dynamic"],"excluded":[1],"productDetailNewTab":[4,"product-detail-new-tab"],"addToBasketShow":[4,"add-to-basket-show"],"apiPath":[1,"api-path"]}]]]], options);
+  return bootstrapLazy([["vviinn-button",[[1,"vviinn-button",{"addStyle":[4,"add-style"]}]]],["vviinn-preloader",[[1,"vviinn-preloader"]]],["vviinn-error",[[1,"vviinn-error"]]],["vviinn-carousel_4",[[1,"vviinn-vpr-widget",{"blockTitle":[1,"block-title"],"imageRatio":[2,"image-ratio"],"imageWidth":[2,"image-width"],"productId":[1,"product-id"],"token":[1],"currencySign":[1,"currency-sign"],"pricePrefix":[1,"price-prefix"],"mode":[1],"campaignType":[1,"campaign-type"],"locale":[1],"campaigns":[1],"color":[1],"gridArrowsDynamic":[4,"grid-arrows-dynamic"],"noResultText":[1,"no-result-text"],"noResultShow":[4,"no-result-show"],"showScroll":[4,"show-scroll"],"cssUrl":[1,"css-url"],"excluded":[1],"productDetailNewTab":[4,"product-detail-new-tab"],"addToBasketShow":[4,"add-to-basket-show"],"updateButtonLocation":[1,"update-button-location"],"apiPath":[1,"api-path"],"useCarousel":[4,"use-carousel"],"showingInButton":[4,"showing-in-button"],"buttonElementId":[1,"button-element-id"],"closed":[4],"opened":[4],"recommendations":[32],"trackingDeactivated":[32],"hasErrorOnLoad":[32],"updatingAllCards":[32]},[[0,"vviinnProductLoad","trackProductLoad"],[0,"vviinnProductView","trackProductView"],[0,"vviinnProductClick","trackProductClick"],[0,"vviinnAuxClick","trackAuxClick"],[0,"vviinnAddToBasket","trackAddToBasket"],[0,"vviinnUpdatingAllCardsFinished","updatingAllCardsFinishedListener"]]],[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":[16],"widgetVersion":[1,"widget-version"],"addToBasketShow":[4,"add-to-basket-show"],"updatingAllCards":[4,"updating-all-cards"],"updateButtonLocation":[1,"update-button-location"],"moveDirection":[32],"contentGroups":[32],"activeContentGroup":[32],"isRTL":[32],"crossSellingRecommendations":[32]},[[0,"vviinnCrossSellingClick","crossSellingClickListener"]]],[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],"addToBasketShow":[4,"add-to-basket-show"],"updateButtonLocation":[1,"update-button-location"],"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"],"imageLoaded":[32],"isTransitioning":[32]},[[0,"vviinnCrossSellingClick","crossSellingClickListener"]]],[1,"vviinn-skeleton",{"height":[2],"halfWidth":[4,"half-width"]}]]],["search-filters_16",[[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-wrong-aspect-ratio",{"handler":[16]}],[1,"vviinn-wrong-format",{"handler":[16]}],[1,"search-filters",{"filter":[16],"basicEventData":[16],"selectedFilter":[32],"hideFilters":[32]}],[1,"vviinn-example-image",{"exampleImageSource":[1,"example-image-source"],"width":[2],"height":[2],"basicEventData":[16],"srcObject":[16],"cameraButtonClicked":[4,"camera-button-clicked"],"selected":[32],"videoInitialized":[32],"zoomCapabilities":[32]}],[1,"vviinn-privacy-badge",{"privacyBadgeText":[1,"privacy-badge-text"]}],[1,"vviinn-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",[[1,"vviinn-vps-widget",{"token":[1],"active":[1028],"currencySign":[1,"currency-sign"],"locale":[1],"campaignId":[1,"campaign-id"],"excluded":[1],"productDetailNewTab":[4,"product-detail-new-tab"],"imageResolutionWidth":[2,"image-resolution-width"],"exampleImageSource":[1,"example-image-source"],"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],"cameraEnabled":[32],"cameraButtonClicked":[32],"uploadSource":[32],"showAspectRatioError":[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"]]]]],["vviinn-vps-button",[[1,"vviinn-vps-button",{"token":[1],"currencySign":[1,"currency-sign"],"locale":[1],"campaignId":[1,"campaign-id"],"addStyle":[4,"add-style"],"mode":[1],"excluded":[1],"productDetailNewTab":[4,"product-detail-new-tab"],"imageResolutionWidth":[2,"image-resolution-width"],"exampleImageSource":[1,"example-image-source"],"apiPath":[1,"api-path"],"buttonPressed":[32]},[[0,"vviinnWidgetClose","handleModalClosed"]]]]],["vviinn-recommendations-sidebar",[[1,"vviinn-recommendations-sidebar",{"sidebarTitle":[1,"sidebar-title"],"token":[1],"productId":[1,"product-id"],"position":[1],"sourceImage":[1,"source-image"],"widgetScrollbar":[4,"widget-scrollbar"],"mode":[1],"campaigns":[1],"campaignType":[1,"campaign-type"],"color":[1],"locale":[1],"imageWidth":[2,"image-width"],"currencySign":[1,"currency-sign"],"noResultText":[1,"no-result-text"],"noResultShow":[4,"no-result-show"],"gridArrowsDynamic":[4,"grid-arrows-dynamic"],"excluded":[1],"productDetailNewTab":[4,"product-detail-new-tab"],"addToBasketShow":[4,"add-to-basket-show"],"buttonChildren":[16],"apiPath":[1,"api-path"],"buttonElementId":[1,"button-element-id"],"widgetVersion":[1,"widget-version"],"showingInButton":[4,"showing-in-button"],"state":[32]},[[16,"click","bodyClickListener"]]]]],["vviinn-vpr-button",[[1,"vviinn-vpr-button",{"token":[1],"productId":[1,"product-id"],"position":[1],"sourceImage":[1,"source-image"],"sidebarTitle":[1,"sidebar-title"],"modalScrollbar":[4,"modal-scrollbar"],"campaigns":[1],"campaignType":[1,"campaign-type"],"locale":[1],"color":[1],"addStyle":[4,"add-style"],"mode":[1],"imageWidth":[2,"image-width"],"currencySign":[1,"currency-sign"],"noResultText":[1,"no-result-text"],"noResultShow":[4,"no-result-show"],"gridArrowsDynamic":[4,"grid-arrows-dynamic"],"excluded":[1],"productDetailNewTab":[4,"product-detail-new-tab"],"addToBasketShow":[4,"add-to-basket-show"],"apiPath":[1,"api-path"]}]]]], options);
   });
 };
 

package/dist/esm/{package-fb112b84.js → package-b2424850.js}

@@ -1,3 +1,3 @@
-const version = "2.44.0";
+const version = "2.44.2";
 
 export { version as v };