vviinn-widgets 2.28.0 → 2.29.0

package/dist/cjs/{package-2c1dfbe0.js → package-2bbc82df.js}

@@ -1,5 +1,5 @@
 'use strict';
 
-const version = "2.28.0";
+const version = "2.29.0";
 
 exports.version = version;

package/dist/cjs/vviinn-carousel_3.cjs.entry.js

@@ -7,7 +7,7 @@ const imageSearch_store = require('./imageSearch.store-dc4e98b3.js');
 const index$1 = require('./index-fcf59d51.js');
 const i18next = require('./i18next-74ff3413.js');
 const customizedSlots = require('./customized-slots-0a8d663c.js');
-const _package = require('./package-2c1dfbe0.js');
+const _package = require('./package-2bbc82df.js');
 const index$2 = require('./index-ea4811ba.js');
 
 const vviinnCarouselCss = ":host{--vviinn-progressbar-width:0;--vviinn-carousel-item-width:150px;--vviinn-carousel-columns-internal:var(--vviinn-carousel-columns, 4);--vviinn-carousel-image-width-system:140px}.body{display:flex;position:relative;width:var(--vviinn-carousel-content-width);flex-direction:column}.content-wrapper *{box-sizing:border-box}.content-wrapper{overflow-y:hidden;overflow-x:auto;flex-grow:1}.bullets{margin-top:16px;display:flex;flex-direction:row;grid-gap:24px;justify-content:center}.bullet{width:10px;height:10px;background:#e0e0e0;border-radius:50%;cursor:pointer}.bullet.active{background:#161616}.content:not(.show-scrollbar),.content.grid{scrollbar-color:#fff0 #fff0}.content:not(.show-scrollbar)::-webkit-scrollbar,.content.grid::-webkit-scrollbar{opacity:0}.content{display:flex;flex-direction:row;grid-gap:8px;overflow-y:hidden;overflow-x:auto;flex-grow:1;padding-bottom:16px}.content.left>*{scroll-snap-align:start}.content.right>*{scroll-snap-align:end}:host(.continuity) button{border-radius:2px}:host(.grid) button{border-radius:50%}button{align-items:center;background-color:white;border:none;box-shadow:0px 2px 6px rgba(0, 0, 0, 0.15);cursor:pointer;display:grid;height:40px;justify-items:center;position:absolute;top:calc(50% - 20px);width:40px;z-index:1;padding:0;margin:0}button{fill:#525252}button:disabled{display:none}button.prev svg{transform:rotate(180deg);margin-left:-5px}.prev{left:0}.next{right:0}.items-group{display:grid;grid-gap:16px;grid-template-columns:repeat(var(--vviinn-carousel-columns-internal), 1fr);min-width:100%}vviinn-product-card::part(price-container){text-align:center}:host(.classic) vviinn-product-card::part(title),:host(.classic) vviinn-product-card::part(brand),:host(.classic) vviinn-product-card::part(type){text-align:center}@media (max-width: 480px){:host(.modern) button{display:none}.items-group{grid-template-columns:repeat(2, 1fr)}}";
@@ -492,7 +492,7 @@ const VviinnProductCard = class {
     links.forEach((link) => link.addEventListener("click", (event) => {
       event.preventDefault();
       event.stopImmediatePropagation();
-      this.vviinnProductClick.emit(this.productData);
+      this.vviinnProductClick.emit(Object.assign(Object.assign({}, this.productData), { clickEvent: event }));
       imageSearch_store._function.pipe(getAnalyticsModule, imageSearch_store.Option.match(() => null, (analytics) => analytics.sendClick(this.getProduct())));
     }));
   }
@@ -1283,9 +1283,15 @@ const VviinnVprWidget = class {
       widgetVersion: _package.version,
     };
   }
-  handleOpenLink(deeplink) {
-    if (this.productDetailNewTab) {
-      window.open(deeplink);
+  handleOpenLink(deeplink, event) {
+    if (this.productDetailNewTab || event.ctrlKey || event.metaKey) {
+      let newTab = window.open();
+      if (newTab) {
+        newTab.location.href = deeplink;
+      }
+      else {
+        window.location.href = deeplink;
+      }
     }
     else {
       window.location.href = deeplink;
@@ -1368,7 +1374,8 @@ const VviinnVprWidget = class {
       .then(this.setTrackingDeactivated);
   }
   async trackProductClick({ detail }) {
-    const product = this.recommendations.find((r) => r.productId === detail.productId);
+    const { productId, clickEvent } = detail;
+    const product = this.recommendations.find((r) => r.productId === productId);
     if (!product || !product.deeplink)
       return;
     const productClickEvent = this.getProductTrackEvent(detail, "click");
@@ -1377,11 +1384,11 @@ const VviinnVprWidget = class {
         .trackEvent(productClickEvent)
         .then(this.setTrackingDeactivated)
         .finally(() => {
-        this.handleOpenLink(product.deeplink);
+        this.handleOpenLink(product.deeplink, clickEvent);
       });
     }
     else {
-      this.handleOpenLink(product.deeplink);
+      this.handleOpenLink(product.deeplink, clickEvent);
     }
   }
   async trackAddToBasket({ detail }) {
@@ -1415,7 +1422,7 @@ const VviinnVprWidget = class {
   getProductTrackEvent(detail, eventType) {
     if (this.trackingDeactivated)
       return null;
-    const { productRank, productId, campaignTypeId, widgetType } = detail, rest = __rest(detail, ["productRank", "productId", "campaignTypeId", "widgetType"]);
+    const { productRank, productId, campaignTypeId, widgetType, clickEvent } = detail, rest = __rest(detail, ["productRank", "productId", "campaignTypeId", "widgetType", "clickEvent"]);
     let productEvent;
     const eventBody = Object.assign({ session_id: this.uiSessionId, rank: productRank, product: productId }, rest);
     if (campaignTypeId === "VCS") {

package/dist/cjs/vviinn-vpr-button.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5619b5ec.js');
-const _package = require('./package-2c1dfbe0.js');
+const _package = require('./package-2bbc82df.js');
 const index$1 = require('./index-fcf59d51.js');
 
 const vviinnVprButtonCss = ":host{display:block}";

package/dist/cjs/vviinn-vps-button.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5619b5ec.js');
-const _package = require('./package-2c1dfbe0.js');
+const _package = require('./package-2bbc82df.js');
 const index$1 = require('./index-fcf59d51.js');
 const customizedSlots = require('./customized-slots-0a8d663c.js');
 

package/dist/cjs/vviinn-vps-widget.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-5619b5ec.js');
 const imageSearch_store = require('./imageSearch.store-dc4e98b3.js');
 const i18next = require('./i18next-74ff3413.js');
-const _package = require('./package-2c1dfbe0.js');
+const _package = require('./package-2bbc82df.js');
 const customizedSlots = require('./customized-slots-0a8d663c.js');
 const index$1 = require('./index-ea4811ba.js');
 
@@ -151,9 +151,15 @@ const VviinnVpsWidget = class {
   isResultSlide() {
     return this.slidePosition === 1;
   }
-  handleOpenLink(deeplink) {
-    if (this.productDetailNewTab) {
-      window.open(deeplink);
+  handleOpenLink(deeplink, event) {
+    if (this.productDetailNewTab || event.ctrlKey || event.metaKey) {
+      let newTab = window.open();
+      if (newTab) {
+        newTab.location.href = deeplink;
+      }
+      else {
+        window.location.href = deeplink;
+      }
     }
     else {
       window.location.href = deeplink;
@@ -198,8 +204,9 @@ const VviinnVpsWidget = class {
       .then(this.setTrackingDeactivated);
   }
   async trackProductClick({ detail }) {
+    const { productId, clickEvent } = detail;
     const productClickEvent = this.getProductTrackEvent(detail, "click");
-    const product = imageSearch_store.imageSearchState.results.find((r) => r.productId === detail.productId);
+    const product = imageSearch_store.imageSearchState.results.find((r) => r.productId === productId);
     if (!product || !product.deeplink)
       return;
     if (!this.trackingDeactivated) {
@@ -207,11 +214,11 @@ const VviinnVpsWidget = class {
         .trackEvent(this.trackingDeactivated ? null : productClickEvent)
         .then(this.setTrackingDeactivated)
         .finally(() => {
-        this.handleOpenLink(product.deeplink);
+        this.handleOpenLink(product.deeplink, clickEvent);
       });
     }
     else {
-      this.handleOpenLink(product.deeplink);
+      this.handleOpenLink(product.deeplink, clickEvent);
     }
   }
   trachSearchAreaChanges() {
@@ -276,7 +283,7 @@ const VviinnVpsWidget = class {
   getProductTrackEvent(detail, eventType) {
     if (this.trackingDeactivated)
       return null;
-    const { productRank, productId, campaignTypeId, widgetType } = detail, rest = __rest(detail, ["productRank", "productId", "campaignTypeId", "widgetType"]);
+    const { productRank, productId, campaignTypeId, widgetType, clickEvent } = detail, rest = __rest(detail, ["productRank", "productId", "campaignTypeId", "widgetType", "clickEvent"]);
     const eventBody = Object.assign({ session_id: this.uiSessionId, rank: productRank, product: productId }, rest);
     const productEvent = index$1.createProductVpsEventByType(eventType)(eventBody);
     return productEvent;

package/dist/collection/components/vviinn-product-card/vviinn-product-card.js

@@ -94,7 +94,7 @@ export class VviinnProductCard {
     links.forEach((link) => link.addEventListener("click", (event) => {
       event.preventDefault();
       event.stopImmediatePropagation();
-      this.vviinnProductClick.emit(this.productData);
+      this.vviinnProductClick.emit(Object.assign(Object.assign({}, this.productData), { clickEvent: event }));
       pipe(getAnalyticsModule, O.match(() => null, (analytics) => analytics.sendClick(this.getProduct())));
     }));
   }
@@ -553,7 +553,7 @@ export class VviinnProductCard {
         },
         "complexType": {
           "original": "ProductCardEventData",
-          "resolved": "{ widgetType: \"VPR\" | \"VPS\"; campaignTypeId: \"VPR\" | \"VPS\" | \"VCS\"; campaignTypeName: \"Similar Products\" | \"Visual Search\" | \"Cross-Selling\"; widgetId: string; widgetVersion: string; productId: string; productRank: number; productName: string; productType: string; }",
+          "resolved": "{ widgetType: \"VPR\" | \"VPS\"; campaignTypeId: \"VPR\" | \"VPS\" | \"VCS\"; campaignTypeName: \"Similar Products\" | \"Visual Search\" | \"Cross-Selling\"; widgetId: string; widgetVersion: string; productId: string; productRank: number; productName: string; productType: string; clickEvent?: MouseEvent; }",
           "references": {
             "ProductCardEventData": {
               "location": "import",
@@ -573,7 +573,7 @@ export class VviinnProductCard {
         },
         "complexType": {
           "original": "ProductCardEventData",
-          "resolved": "{ widgetType: \"VPR\" | \"VPS\"; campaignTypeId: \"VPR\" | \"VPS\" | \"VCS\"; campaignTypeName: \"Similar Products\" | \"Visual Search\" | \"Cross-Selling\"; widgetId: string; widgetVersion: string; productId: string; productRank: number; productName: string; productType: string; }",
+          "resolved": "{ widgetType: \"VPR\" | \"VPS\"; campaignTypeId: \"VPR\" | \"VPS\" | \"VCS\"; campaignTypeName: \"Similar Products\" | \"Visual Search\" | \"Cross-Selling\"; widgetId: string; widgetVersion: string; productId: string; productRank: number; productName: string; productType: string; clickEvent?: MouseEvent; }",
           "references": {
             "ProductCardEventData": {
               "location": "import",
@@ -593,7 +593,7 @@ export class VviinnProductCard {
         },
         "complexType": {
           "original": "ProductCardEventData",
-          "resolved": "{ widgetType: \"VPR\" | \"VPS\"; campaignTypeId: \"VPR\" | \"VPS\" | \"VCS\"; campaignTypeName: \"Similar Products\" | \"Visual Search\" | \"Cross-Selling\"; widgetId: string; widgetVersion: string; productId: string; productRank: number; productName: string; productType: string; }",
+          "resolved": "{ widgetType: \"VPR\" | \"VPS\"; campaignTypeId: \"VPR\" | \"VPS\" | \"VCS\"; campaignTypeName: \"Similar Products\" | \"Visual Search\" | \"Cross-Selling\"; widgetId: string; widgetVersion: string; productId: string; productRank: number; productName: string; productType: string; clickEvent?: MouseEvent; }",
           "references": {
             "ProductCardEventData": {
               "location": "import",
@@ -613,7 +613,7 @@ export class VviinnProductCard {
         },
         "complexType": {
           "original": "ProductCardEventData",
-          "resolved": "{ widgetType: \"VPR\" | \"VPS\"; campaignTypeId: \"VPR\" | \"VPS\" | \"VCS\"; campaignTypeName: \"Similar Products\" | \"Visual Search\" | \"Cross-Selling\"; widgetId: string; widgetVersion: string; productId: string; productRank: number; productName: string; productType: string; }",
+          "resolved": "{ widgetType: \"VPR\" | \"VPS\"; campaignTypeId: \"VPR\" | \"VPS\" | \"VCS\"; campaignTypeName: \"Similar Products\" | \"Visual Search\" | \"Cross-Selling\"; widgetId: string; widgetVersion: string; productId: string; productRank: number; productName: string; productType: string; clickEvent?: MouseEvent; }",
           "references": {
             "ProductCardEventData": {
               "location": "import",

package/dist/collection/components/vviinn-vpr-button/vviinn-vpr-button.js

@@ -560,7 +560,7 @@ export class VviinnVprButton {
         },
         "complexType": {
           "original": "ProductCardEventData",
-          "resolved": "{ widgetType: \"VPR\" | \"VPS\"; campaignTypeId: \"VPR\" | \"VPS\" | \"VCS\"; campaignTypeName: \"Similar Products\" | \"Visual Search\" | \"Cross-Selling\"; widgetId: string; widgetVersion: string; productId: string; productRank: number; productName: string; productType: string; }",
+          "resolved": "{ widgetType: \"VPR\" | \"VPS\"; campaignTypeId: \"VPR\" | \"VPS\" | \"VCS\"; campaignTypeName: \"Similar Products\" | \"Visual Search\" | \"Cross-Selling\"; widgetId: string; widgetVersion: string; productId: string; productRank: number; productName: string; productType: string; clickEvent?: MouseEvent; }",
           "references": {
             "ProductCardEventData": {
               "location": "import",
@@ -580,7 +580,7 @@ export class VviinnVprButton {
         },
         "complexType": {
           "original": "ProductCardEventData",
-          "resolved": "{ widgetType: \"VPR\" | \"VPS\"; campaignTypeId: \"VPR\" | \"VPS\" | \"VCS\"; campaignTypeName: \"Similar Products\" | \"Visual Search\" | \"Cross-Selling\"; widgetId: string; widgetVersion: string; productId: string; productRank: number; productName: string; productType: string; }",
+          "resolved": "{ widgetType: \"VPR\" | \"VPS\"; campaignTypeId: \"VPR\" | \"VPS\" | \"VCS\"; campaignTypeName: \"Similar Products\" | \"Visual Search\" | \"Cross-Selling\"; widgetId: string; widgetVersion: string; productId: string; productRank: number; productName: string; productType: string; clickEvent?: MouseEvent; }",
           "references": {
             "ProductCardEventData": {
               "location": "import",
@@ -600,7 +600,7 @@ export class VviinnVprButton {
         },
         "complexType": {
           "original": "ProductCardEventData",
-          "resolved": "{ widgetType: \"VPR\" | \"VPS\"; campaignTypeId: \"VPR\" | \"VPS\" | \"VCS\"; campaignTypeName: \"Similar Products\" | \"Visual Search\" | \"Cross-Selling\"; widgetId: string; widgetVersion: string; productId: string; productRank: number; productName: string; productType: string; }",
+          "resolved": "{ widgetType: \"VPR\" | \"VPS\"; campaignTypeId: \"VPR\" | \"VPS\" | \"VCS\"; campaignTypeName: \"Similar Products\" | \"Visual Search\" | \"Cross-Selling\"; widgetId: string; widgetVersion: string; productId: string; productRank: number; productName: string; productType: string; clickEvent?: MouseEvent; }",
           "references": {
             "ProductCardEventData": {
               "location": "import",

package/dist/collection/components/vviinn-vpr-widget/vviinn-vpr-vidget.js

@@ -101,9 +101,15 @@ export class VviinnVprWidget {
       widgetVersion: version,
     };
   }
-  handleOpenLink(deeplink) {
-    if (this.productDetailNewTab) {
-      window.open(deeplink);
+  handleOpenLink(deeplink, event) {
+    if (this.productDetailNewTab || event.ctrlKey || event.metaKey) {
+      let newTab = window.open();
+      if (newTab) {
+        newTab.location.href = deeplink;
+      }
+      else {
+        window.location.href = deeplink;
+      }
     }
     else {
       window.location.href = deeplink;
@@ -186,7 +192,8 @@ export class VviinnVprWidget {
       .then(this.setTrackingDeactivated);
   }
   async trackProductClick({ detail }) {
-    const product = this.recommendations.find((r) => r.productId === detail.productId);
+    const { productId, clickEvent } = detail;
+    const product = this.recommendations.find((r) => r.productId === productId);
     if (!product || !product.deeplink)
       return;
     const productClickEvent = this.getProductTrackEvent(detail, "click");
@@ -195,11 +202,11 @@ export class VviinnVprWidget {
         .trackEvent(productClickEvent)
         .then(this.setTrackingDeactivated)
         .finally(() => {
-        this.handleOpenLink(product.deeplink);
+        this.handleOpenLink(product.deeplink, clickEvent);
       });
     }
     else {
-      this.handleOpenLink(product.deeplink);
+      this.handleOpenLink(product.deeplink, clickEvent);
     }
   }
   async trackAddToBasket({ detail }) {
@@ -233,7 +240,7 @@ export class VviinnVprWidget {
   getProductTrackEvent(detail, eventType) {
     if (this.trackingDeactivated)
       return null;
-    const { productRank, productId, campaignTypeId, widgetType } = detail, rest = __rest(detail, ["productRank", "productId", "campaignTypeId", "widgetType"]);
+    const { productRank, productId, campaignTypeId, widgetType, clickEvent } = detail, rest = __rest(detail, ["productRank", "productId", "campaignTypeId", "widgetType", "clickEvent"]);
     let productEvent;
     const eventBody = Object.assign({ session_id: this.uiSessionId, rank: productRank, product: productId }, rest);
     if (campaignTypeId === "VCS") {
@@ -855,7 +862,7 @@ export class VviinnVprWidget {
         },
         "complexType": {
           "original": "ProductCardEventData",
-          "resolved": "{ widgetType: \"VPR\" | \"VPS\"; campaignTypeId: \"VPR\" | \"VPS\" | \"VCS\"; campaignTypeName: \"Similar Products\" | \"Visual Search\" | \"Cross-Selling\"; widgetId: string; widgetVersion: string; productId: string; productRank: number; productName: string; productType: string; }",
+          "resolved": "{ widgetType: \"VPR\" | \"VPS\"; campaignTypeId: \"VPR\" | \"VPS\" | \"VCS\"; campaignTypeName: \"Similar Products\" | \"Visual Search\" | \"Cross-Selling\"; widgetId: string; widgetVersion: string; productId: string; productRank: number; productName: string; productType: string; clickEvent?: MouseEvent; }",
           "references": {
             "ProductCardEventData": {
               "location": "import",
@@ -875,7 +882,7 @@ export class VviinnVprWidget {
         },
         "complexType": {
           "original": "ProductCardEventData",
-          "resolved": "{ widgetType: \"VPR\" | \"VPS\"; campaignTypeId: \"VPR\" | \"VPS\" | \"VCS\"; campaignTypeName: \"Similar Products\" | \"Visual Search\" | \"Cross-Selling\"; widgetId: string; widgetVersion: string; productId: string; productRank: number; productName: string; productType: string; }",
+          "resolved": "{ widgetType: \"VPR\" | \"VPS\"; campaignTypeId: \"VPR\" | \"VPS\" | \"VCS\"; campaignTypeName: \"Similar Products\" | \"Visual Search\" | \"Cross-Selling\"; widgetId: string; widgetVersion: string; productId: string; productRank: number; productName: string; productType: string; clickEvent?: MouseEvent; }",
           "references": {
             "ProductCardEventData": {
               "location": "import",
@@ -895,7 +902,7 @@ export class VviinnVprWidget {
         },
         "complexType": {
           "original": "ProductCardEventData",
-          "resolved": "{ widgetType: \"VPR\" | \"VPS\"; campaignTypeId: \"VPR\" | \"VPS\" | \"VCS\"; campaignTypeName: \"Similar Products\" | \"Visual Search\" | \"Cross-Selling\"; widgetId: string; widgetVersion: string; productId: string; productRank: number; productName: string; productType: string; }",
+          "resolved": "{ widgetType: \"VPR\" | \"VPS\"; campaignTypeId: \"VPR\" | \"VPS\" | \"VCS\"; campaignTypeName: \"Similar Products\" | \"Visual Search\" | \"Cross-Selling\"; widgetId: string; widgetVersion: string; productId: string; productRank: number; productName: string; productType: string; clickEvent?: MouseEvent; }",
           "references": {
             "ProductCardEventData": {
               "location": "import",

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

@@ -379,7 +379,7 @@ export class VviinnVpsButton {
         },
         "complexType": {
           "original": "ProductCardEventData",
-          "resolved": "{ widgetType: \"VPR\" | \"VPS\"; campaignTypeId: \"VPR\" | \"VPS\" | \"VCS\"; campaignTypeName: \"Similar Products\" | \"Visual Search\" | \"Cross-Selling\"; widgetId: string; widgetVersion: string; productId: string; productRank: number; productName: string; productType: string; }",
+          "resolved": "{ widgetType: \"VPR\" | \"VPS\"; campaignTypeId: \"VPR\" | \"VPS\" | \"VCS\"; campaignTypeName: \"Similar Products\" | \"Visual Search\" | \"Cross-Selling\"; widgetId: string; widgetVersion: string; productId: string; productRank: number; productName: string; productType: string; clickEvent?: MouseEvent; }",
           "references": {
             "ProductCardEventData": {
               "location": "import",
@@ -399,7 +399,7 @@ export class VviinnVpsButton {
         },
         "complexType": {
           "original": "ProductCardEventData",
-          "resolved": "{ widgetType: \"VPR\" | \"VPS\"; campaignTypeId: \"VPR\" | \"VPS\" | \"VCS\"; campaignTypeName: \"Similar Products\" | \"Visual Search\" | \"Cross-Selling\"; widgetId: string; widgetVersion: string; productId: string; productRank: number; productName: string; productType: string; }",
+          "resolved": "{ widgetType: \"VPR\" | \"VPS\"; campaignTypeId: \"VPR\" | \"VPS\" | \"VCS\"; campaignTypeName: \"Similar Products\" | \"Visual Search\" | \"Cross-Selling\"; widgetId: string; widgetVersion: string; productId: string; productRank: number; productName: string; productType: string; clickEvent?: MouseEvent; }",
           "references": {
             "ProductCardEventData": {
               "location": "import",
@@ -419,7 +419,7 @@ export class VviinnVpsButton {
         },
         "complexType": {
           "original": "ProductCardEventData",
-          "resolved": "{ widgetType: \"VPR\" | \"VPS\"; campaignTypeId: \"VPR\" | \"VPS\" | \"VCS\"; campaignTypeName: \"Similar Products\" | \"Visual Search\" | \"Cross-Selling\"; widgetId: string; widgetVersion: string; productId: string; productRank: number; productName: string; productType: string; }",
+          "resolved": "{ widgetType: \"VPR\" | \"VPS\"; campaignTypeId: \"VPR\" | \"VPS\" | \"VCS\"; campaignTypeName: \"Similar Products\" | \"Visual Search\" | \"Cross-Selling\"; widgetId: string; widgetVersion: string; productId: string; productRank: number; productName: string; productType: string; clickEvent?: MouseEvent; }",
           "references": {
             "ProductCardEventData": {
               "location": "import",

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

@@ -118,9 +118,15 @@ export class VviinnVpsWidget {
   isResultSlide() {
     return this.slidePosition === 1;
   }
-  handleOpenLink(deeplink) {
-    if (this.productDetailNewTab) {
-      window.open(deeplink);
+  handleOpenLink(deeplink, event) {
+    if (this.productDetailNewTab || event.ctrlKey || event.metaKey) {
+      let newTab = window.open();
+      if (newTab) {
+        newTab.location.href = deeplink;
+      }
+      else {
+        window.location.href = deeplink;
+      }
     }
     else {
       window.location.href = deeplink;
@@ -165,8 +171,9 @@ export class VviinnVpsWidget {
       .then(this.setTrackingDeactivated);
   }
   async trackProductClick({ detail }) {
+    const { productId, clickEvent } = detail;
     const productClickEvent = this.getProductTrackEvent(detail, "click");
-    const product = imageSearchState.results.find((r) => r.productId === detail.productId);
+    const product = imageSearchState.results.find((r) => r.productId === productId);
     if (!product || !product.deeplink)
       return;
     if (!this.trackingDeactivated) {
@@ -174,11 +181,11 @@ export class VviinnVpsWidget {
         .trackEvent(this.trackingDeactivated ? null : productClickEvent)
         .then(this.setTrackingDeactivated)
         .finally(() => {
-        this.handleOpenLink(product.deeplink);
+        this.handleOpenLink(product.deeplink, clickEvent);
       });
     }
     else {
-      this.handleOpenLink(product.deeplink);
+      this.handleOpenLink(product.deeplink, clickEvent);
     }
   }
   trachSearchAreaChanges() {
@@ -243,7 +250,7 @@ export class VviinnVpsWidget {
   getProductTrackEvent(detail, eventType) {
     if (this.trackingDeactivated)
       return null;
-    const { productRank, productId, campaignTypeId, widgetType } = detail, rest = __rest(detail, ["productRank", "productId", "campaignTypeId", "widgetType"]);
+    const { productRank, productId, campaignTypeId, widgetType, clickEvent } = detail, rest = __rest(detail, ["productRank", "productId", "campaignTypeId", "widgetType", "clickEvent"]);
     const eventBody = Object.assign({ session_id: this.uiSessionId, rank: productRank, product: productId }, rest);
     const productEvent = createProductVpsEventByType(eventType)(eventBody);
     return productEvent;
@@ -737,7 +744,7 @@ export class VviinnVpsWidget {
         },
         "complexType": {
           "original": "ProductCardEventData",
-          "resolved": "{ widgetType: \"VPR\" | \"VPS\"; campaignTypeId: \"VPR\" | \"VPS\" | \"VCS\"; campaignTypeName: \"Similar Products\" | \"Visual Search\" | \"Cross-Selling\"; widgetId: string; widgetVersion: string; productId: string; productRank: number; productName: string; productType: string; }",
+          "resolved": "{ widgetType: \"VPR\" | \"VPS\"; campaignTypeId: \"VPR\" | \"VPS\" | \"VCS\"; campaignTypeName: \"Similar Products\" | \"Visual Search\" | \"Cross-Selling\"; widgetId: string; widgetVersion: string; productId: string; productRank: number; productName: string; productType: string; clickEvent?: MouseEvent; }",
           "references": {
             "ProductCardEventData": {
               "location": "import",
@@ -757,7 +764,7 @@ export class VviinnVpsWidget {
         },
         "complexType": {
           "original": "ProductCardEventData",
-          "resolved": "{ widgetType: \"VPR\" | \"VPS\"; campaignTypeId: \"VPR\" | \"VPS\" | \"VCS\"; campaignTypeName: \"Similar Products\" | \"Visual Search\" | \"Cross-Selling\"; widgetId: string; widgetVersion: string; productId: string; productRank: number; productName: string; productType: string; }",
+          "resolved": "{ widgetType: \"VPR\" | \"VPS\"; campaignTypeId: \"VPR\" | \"VPS\" | \"VCS\"; campaignTypeName: \"Similar Products\" | \"Visual Search\" | \"Cross-Selling\"; widgetId: string; widgetVersion: string; productId: string; productRank: number; productName: string; productType: string; clickEvent?: MouseEvent; }",
           "references": {
             "ProductCardEventData": {
               "location": "import",
@@ -777,7 +784,7 @@ export class VviinnVpsWidget {
         },
         "complexType": {
           "original": "ProductCardEventData",
-          "resolved": "{ widgetType: \"VPR\" | \"VPS\"; campaignTypeId: \"VPR\" | \"VPS\" | \"VCS\"; campaignTypeName: \"Similar Products\" | \"Visual Search\" | \"Cross-Selling\"; widgetId: string; widgetVersion: string; productId: string; productRank: number; productName: string; productType: string; }",
+          "resolved": "{ widgetType: \"VPR\" | \"VPS\"; campaignTypeId: \"VPR\" | \"VPS\" | \"VCS\"; campaignTypeName: \"Similar Products\" | \"Visual Search\" | \"Cross-Selling\"; widgetId: string; widgetVersion: string; productId: string; productRank: number; productName: string; productType: string; clickEvent?: MouseEvent; }",
           "references": {
             "ProductCardEventData": {
               "location": "import",

package/dist/esm/{package-ed187917.js → package-fbba5beb.js}

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

package/dist/esm/vviinn-carousel_3.entry.js

@@ -3,7 +3,7 @@ import { _ as _Array, O as Option, S as Semigroup, a as _function, h as has, t a
 import { C as ChevronIcon } from './index-d1215e03.js';
 import { i as instance } from './i18next-387f2b0a.js';
 import { s as slotChangeListener, c as campaignTypeNames, f as fromString, a as fold, S as SlotSkeleton } from './customized-slots-136b5f71.js';
-import { v as version } from './package-ed187917.js';
+import { v as version } from './package-fbba5beb.js';
 import { v as v4, c as createTrackingApi, a as createAddToBasketVpcEvent, b as createAddToBasketVprEvent, d as createWidgetVpcEvent, e as createWidgetVprEvent, f as createProductVpcEventByType, g as createProductVprEventByType } from './index-95fa66d2.js';
 
 const vviinnCarouselCss = ":host{--vviinn-progressbar-width:0;--vviinn-carousel-item-width:150px;--vviinn-carousel-columns-internal:var(--vviinn-carousel-columns, 4);--vviinn-carousel-image-width-system:140px}.body{display:flex;position:relative;width:var(--vviinn-carousel-content-width);flex-direction:column}.content-wrapper *{box-sizing:border-box}.content-wrapper{overflow-y:hidden;overflow-x:auto;flex-grow:1}.bullets{margin-top:16px;display:flex;flex-direction:row;grid-gap:24px;justify-content:center}.bullet{width:10px;height:10px;background:#e0e0e0;border-radius:50%;cursor:pointer}.bullet.active{background:#161616}.content:not(.show-scrollbar),.content.grid{scrollbar-color:#fff0 #fff0}.content:not(.show-scrollbar)::-webkit-scrollbar,.content.grid::-webkit-scrollbar{opacity:0}.content{display:flex;flex-direction:row;grid-gap:8px;overflow-y:hidden;overflow-x:auto;flex-grow:1;padding-bottom:16px}.content.left>*{scroll-snap-align:start}.content.right>*{scroll-snap-align:end}:host(.continuity) button{border-radius:2px}:host(.grid) button{border-radius:50%}button{align-items:center;background-color:white;border:none;box-shadow:0px 2px 6px rgba(0, 0, 0, 0.15);cursor:pointer;display:grid;height:40px;justify-items:center;position:absolute;top:calc(50% - 20px);width:40px;z-index:1;padding:0;margin:0}button{fill:#525252}button:disabled{display:none}button.prev svg{transform:rotate(180deg);margin-left:-5px}.prev{left:0}.next{right:0}.items-group{display:grid;grid-gap:16px;grid-template-columns:repeat(var(--vviinn-carousel-columns-internal), 1fr);min-width:100%}vviinn-product-card::part(price-container){text-align:center}:host(.classic) vviinn-product-card::part(title),:host(.classic) vviinn-product-card::part(brand),:host(.classic) vviinn-product-card::part(type){text-align:center}@media (max-width: 480px){:host(.modern) button{display:none}.items-group{grid-template-columns:repeat(2, 1fr)}}";
@@ -488,7 +488,7 @@ const VviinnProductCard = class {
     links.forEach((link) => link.addEventListener("click", (event) => {
       event.preventDefault();
       event.stopImmediatePropagation();
-      this.vviinnProductClick.emit(this.productData);
+      this.vviinnProductClick.emit(Object.assign(Object.assign({}, this.productData), { clickEvent: event }));
       _function.pipe(getAnalyticsModule, Option.match(() => null, (analytics) => analytics.sendClick(this.getProduct())));
     }));
   }
@@ -1279,9 +1279,15 @@ const VviinnVprWidget = class {
       widgetVersion: version,
     };
   }
-  handleOpenLink(deeplink) {
-    if (this.productDetailNewTab) {
-      window.open(deeplink);
+  handleOpenLink(deeplink, event) {
+    if (this.productDetailNewTab || event.ctrlKey || event.metaKey) {
+      let newTab = window.open();
+      if (newTab) {
+        newTab.location.href = deeplink;
+      }
+      else {
+        window.location.href = deeplink;
+      }
     }
     else {
       window.location.href = deeplink;
@@ -1364,7 +1370,8 @@ const VviinnVprWidget = class {
       .then(this.setTrackingDeactivated);
   }
   async trackProductClick({ detail }) {
-    const product = this.recommendations.find((r) => r.productId === detail.productId);
+    const { productId, clickEvent } = detail;
+    const product = this.recommendations.find((r) => r.productId === productId);
     if (!product || !product.deeplink)
       return;
     const productClickEvent = this.getProductTrackEvent(detail, "click");
@@ -1373,11 +1380,11 @@ const VviinnVprWidget = class {
         .trackEvent(productClickEvent)
         .then(this.setTrackingDeactivated)
         .finally(() => {
-        this.handleOpenLink(product.deeplink);
+        this.handleOpenLink(product.deeplink, clickEvent);
       });
     }
     else {
-      this.handleOpenLink(product.deeplink);
+      this.handleOpenLink(product.deeplink, clickEvent);
     }
   }
   async trackAddToBasket({ detail }) {
@@ -1411,7 +1418,7 @@ const VviinnVprWidget = class {
   getProductTrackEvent(detail, eventType) {
     if (this.trackingDeactivated)
       return null;
-    const { productRank, productId, campaignTypeId, widgetType } = detail, rest = __rest(detail, ["productRank", "productId", "campaignTypeId", "widgetType"]);
+    const { productRank, productId, campaignTypeId, widgetType, clickEvent } = detail, rest = __rest(detail, ["productRank", "productId", "campaignTypeId", "widgetType", "clickEvent"]);
     let productEvent;
     const eventBody = Object.assign({ session_id: this.uiSessionId, rank: productRank, product: productId }, rest);
     if (campaignTypeId === "VCS") {

package/dist/esm/vviinn-vpr-button.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-1f3eaf12.js';
-import { v as version } from './package-ed187917.js';
+import { v as version } from './package-fbba5beb.js';
 import { V as VisualSearchIcon } from './index-d1215e03.js';
 
 const vviinnVprButtonCss = ":host{display:block}";

package/dist/esm/vviinn-vps-button.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-1f3eaf12.js';
-import { v as version } from './package-ed187917.js';
+import { v as version } from './package-fbba5beb.js';
 import { a as CameraIcon } from './index-d1215e03.js';
 import { c as campaignTypeNames, S as SlotSkeleton } from './customized-slots-136b5f71.js';
 

package/dist/esm/vviinn-vps-widget.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-1f3eaf12.js';
 import { i as imageSearchState, s as state, a as _function, O as Option, k as parseExcluded, q as isEmpty } from './imageSearch.store-c0f2a178.js';
 import { i as instance } from './i18next-387f2b0a.js';
-import { v as version } from './package-ed187917.js';
+import { v as version } from './package-fbba5beb.js';
 import { c as campaignTypeNames, s as slotChangeListener, S as SlotSkeleton } from './customized-slots-136b5f71.js';
 import { h as createSearchEvent, i as createFilterEvent, v as v4, c as createTrackingApi, j as createWidgetVpsEvent, k as createProductVpsEventByType } from './index-95fa66d2.js';
 
@@ -147,9 +147,15 @@ const VviinnVpsWidget = class {
   isResultSlide() {
     return this.slidePosition === 1;
   }
-  handleOpenLink(deeplink) {
-    if (this.productDetailNewTab) {
-      window.open(deeplink);
+  handleOpenLink(deeplink, event) {
+    if (this.productDetailNewTab || event.ctrlKey || event.metaKey) {
+      let newTab = window.open();
+      if (newTab) {
+        newTab.location.href = deeplink;
+      }
+      else {
+        window.location.href = deeplink;
+      }
     }
     else {
       window.location.href = deeplink;
@@ -194,8 +200,9 @@ const VviinnVpsWidget = class {
       .then(this.setTrackingDeactivated);
   }
   async trackProductClick({ detail }) {
+    const { productId, clickEvent } = detail;
     const productClickEvent = this.getProductTrackEvent(detail, "click");
-    const product = imageSearchState.results.find((r) => r.productId === detail.productId);
+    const product = imageSearchState.results.find((r) => r.productId === productId);
     if (!product || !product.deeplink)
       return;
     if (!this.trackingDeactivated) {
@@ -203,11 +210,11 @@ const VviinnVpsWidget = class {
         .trackEvent(this.trackingDeactivated ? null : productClickEvent)
         .then(this.setTrackingDeactivated)
         .finally(() => {
-        this.handleOpenLink(product.deeplink);
+        this.handleOpenLink(product.deeplink, clickEvent);
       });
     }
     else {
-      this.handleOpenLink(product.deeplink);
+      this.handleOpenLink(product.deeplink, clickEvent);
     }
   }
   trachSearchAreaChanges() {
@@ -272,7 +279,7 @@ const VviinnVpsWidget = class {
   getProductTrackEvent(detail, eventType) {
     if (this.trackingDeactivated)
       return null;
-    const { productRank, productId, campaignTypeId, widgetType } = detail, rest = __rest(detail, ["productRank", "productId", "campaignTypeId", "widgetType"]);
+    const { productRank, productId, campaignTypeId, widgetType, clickEvent } = detail, rest = __rest(detail, ["productRank", "productId", "campaignTypeId", "widgetType", "clickEvent"]);
     const eventBody = Object.assign({ session_id: this.uiSessionId, rank: productRank, product: productId }, rest);
     const productEvent = createProductVpsEventByType(eventType)(eventBody);
     return productEvent;

package/dist/types/recommendation/events.d.ts

@@ -36,6 +36,7 @@ export type ProductCardEventData = {
   productRank: number;
   productName: string;
   productType: string;
+  clickEvent?: MouseEvent;
 };
 export type ProductEventType = "load" | "view" | "click";
 export type ProductEvent = ProductLoadEvent | ProductClickEvent | ProductViewEvent;

package/{www/build/p-02a84a90.entry.js → dist/vviinn-widgets/p-0fd3fc41.entry.js}

@@ -1 +1 @@
-import{r as i,c as t,h as s,H as h,g as n}from"./p-1e83e6ba.js";import{v as o}from"./p-fc5a0363.js";import{V as e}from"./p-a69d3568.js";const v=class{constructor(s){i(this,s),this.vviinnWidgetLoad=t(this,"vviinnWidgetLoad",7),this.vviinnWidgetOpen=t(this,"vviinnWidgetOpen",7),this.vviinnWidgetClose=t(this,"vviinnWidgetClose",7),this.vviinnProductLoad=t(this,"vviinnProductLoad",7),this.vviinnProductClick=t(this,"vviinnProductClick",7),this.vviinnProductView=t(this,"vviinnProductView",7),this.vviinnResultLoad=t(this,"vviinnResultLoad",7),this.vviinnResultView=t(this,"vviinnResultView",7),this.vviinnNoResult=t(this,"vviinnNoResult",7),this.vviinnAddToBasket=t(this,"vviinnAddToBasket",7),this.sidebar=null,this.sidebarCloseListener=()=>{document.body.removeChild(this.sidebar)},this.token=void 0,this.productId=void 0,this.position="bottom",this.sourceImage=null,this.sidebarTitle="Visually similar products",this.modalScrollbar=!1,this.campaigns="",this.campaignType="VPR",this.locale="de-DE",this.color="",this.addStyle=!0,this.mode="continuity",this.imageWidth=300,this.currencySign="€",this.noResultText="",this.noResultShow=!0,this.gridArrowsDynamic=!1,this.excluded="",this.productDetailNewTab=!1,this.addToBasketShow=!1,this.apiPath="https://api.vviinn.com"}render(){return s(h,{onClick:()=>{this.handleClick()},role:"button",tabindex:"0"},s("vviinn-button",{addStyle:this.addStyle,part:"vviinn-button"},s("slot",null,s(e,null))))}handleClick(){const i=document.createElement("vviinn-recommendations-sidebar");i.sidebarTitle=this.sidebarTitle,i.productId=this.productId,i.token=this.token,i.position=this.position,i.sourceImage=this.sourceImage,i.widgetScrollbar=this.modalScrollbar,i.campaigns=this.campaigns,i.campaignType=this.campaignType,i.color=this.color,i.locale=this.locale,i.mode="right"===this.position?"grid":this.mode,i.imageWidth=this.imageWidth,i.currencySign=this.currencySign,i.apiPath=this.apiPath,i.buttonElementId=this.el.id,i.noResultText=this.noResultText,i.noResultShow=this.noResultShow,i.gridArrowsDynamic=this.gridArrowsDynamic,i.productDetailNewTab=this.productDetailNewTab,i.widgetVersion=o,i.showingInButton=!0,i.excluded=this.excluded,i.addToBasketShow=this.addToBasketShow,i.buttonChildren=this.el.children,this.sidebar=i,i.addEventListener("vviinnWidgetClose",this.sidebarCloseListener),document.body.append(this.sidebar)}disconnectedCallback(){this.sidebar&&(this.sidebar.removeEventListener("vviinnWidgetClose",this.sidebarCloseListener),document.body.removeChild(this.sidebar))}get el(){return n(this)}};v.style=":host{display:block}";export{v as vviinn_vpr_button}
+import{r as i,c as t,h as s,H as h,g as n}from"./p-1e83e6ba.js";import{v as o}from"./p-835af647.js";import{V as e}from"./p-a69d3568.js";const v=class{constructor(s){i(this,s),this.vviinnWidgetLoad=t(this,"vviinnWidgetLoad",7),this.vviinnWidgetOpen=t(this,"vviinnWidgetOpen",7),this.vviinnWidgetClose=t(this,"vviinnWidgetClose",7),this.vviinnProductLoad=t(this,"vviinnProductLoad",7),this.vviinnProductClick=t(this,"vviinnProductClick",7),this.vviinnProductView=t(this,"vviinnProductView",7),this.vviinnResultLoad=t(this,"vviinnResultLoad",7),this.vviinnResultView=t(this,"vviinnResultView",7),this.vviinnNoResult=t(this,"vviinnNoResult",7),this.vviinnAddToBasket=t(this,"vviinnAddToBasket",7),this.sidebar=null,this.sidebarCloseListener=()=>{document.body.removeChild(this.sidebar)},this.token=void 0,this.productId=void 0,this.position="bottom",this.sourceImage=null,this.sidebarTitle="Visually similar products",this.modalScrollbar=!1,this.campaigns="",this.campaignType="VPR",this.locale="de-DE",this.color="",this.addStyle=!0,this.mode="continuity",this.imageWidth=300,this.currencySign="€",this.noResultText="",this.noResultShow=!0,this.gridArrowsDynamic=!1,this.excluded="",this.productDetailNewTab=!1,this.addToBasketShow=!1,this.apiPath="https://api.vviinn.com"}render(){return s(h,{onClick:()=>{this.handleClick()},role:"button",tabindex:"0"},s("vviinn-button",{addStyle:this.addStyle,part:"vviinn-button"},s("slot",null,s(e,null))))}handleClick(){const i=document.createElement("vviinn-recommendations-sidebar");i.sidebarTitle=this.sidebarTitle,i.productId=this.productId,i.token=this.token,i.position=this.position,i.sourceImage=this.sourceImage,i.widgetScrollbar=this.modalScrollbar,i.campaigns=this.campaigns,i.campaignType=this.campaignType,i.color=this.color,i.locale=this.locale,i.mode="right"===this.position?"grid":this.mode,i.imageWidth=this.imageWidth,i.currencySign=this.currencySign,i.apiPath=this.apiPath,i.buttonElementId=this.el.id,i.noResultText=this.noResultText,i.noResultShow=this.noResultShow,i.gridArrowsDynamic=this.gridArrowsDynamic,i.productDetailNewTab=this.productDetailNewTab,i.widgetVersion=o,i.showingInButton=!0,i.excluded=this.excluded,i.addToBasketShow=this.addToBasketShow,i.buttonChildren=this.el.children,this.sidebar=i,i.addEventListener("vviinnWidgetClose",this.sidebarCloseListener),document.body.append(this.sidebar)}disconnectedCallback(){this.sidebar&&(this.sidebar.removeEventListener("vviinnWidgetClose",this.sidebarCloseListener),document.body.removeChild(this.sidebar))}get el(){return n(this)}};v.style=":host{display:block}";export{v as vviinn_vpr_button}

package/dist/vviinn-widgets/{p-bf490f6f.entry.js → p-7069450a.entry.js}

@@ -1 +1 @@
-import{r as i,c as t,h as s,H as e,g as n}from"./p-1e83e6ba.js";import{v as h}from"./p-fc5a0363.js";import{a}from"./p-a69d3568.js";import{c as o,S as r}from"./p-5303d4a8.js";const d=class{constructor(s){i(this,s),this.vviinnWidgetLoad=t(this,"vviinnWidgetLoad",7),this.vviinnWidgetOpen=t(this,"vviinnWidgetOpen",7),this.vviinnWidgetClose=t(this,"vviinnWidgetClose",7),this.vviinnImageUpload=t(this,"vviinnImageUpload",7),this.vviinnProductLoad=t(this,"vviinnProductLoad",7),this.vviinnProductClick=t(this,"vviinnProductClick",7),this.vviinnProductView=t(this,"vviinnProductView",7),this.vviinnResultLoad=t(this,"vviinnResultLoad",7),this.vviinnResultView=t(this,"vviinnResultView",7),this.vviinnNoResult=t(this,"vviinnNoResult",7),this.vviinnImageCrop=t(this,"vviinnImageCrop",7),this.vviinnSelectObject=t(this,"vviinnSelectObject",7),this.vviinnSelectFilter=t(this,"vviinnSelectFilter",7),this.globalSlotsChanged=t(this,"globalSlotsChanged",7),this.getBasicEventData=()=>({widgetType:"VPS",campaignTypeId:"VPS",campaignTypeName:o.VPS,widgetId:this.el.id,widgetVersion:h}),this.token=void 0,this.currencySign="€",this.locale="de-DE",this.campaignId="",this.addStyle=!1,this.mode="modal",this.excluded="",this.productDetailNewTab=!0,this.imageResolutionWidth=250,this.apiPath=void 0,this.buttonPressed=!1}handleModalClosed(){this.buttonPressed=!1}componentDidLoad(){const i=this.el.querySelectorAll("[slot]");this.globalSlotsChanged.emit(Array.from(i))}handleClick(){this.buttonPressed=!0}resetButton(){this.buttonPressed=!1}render(){return s(e,{tabindex:"0",role:"button"},s("vviinn-button",{onClick:()=>{this.handleClick()},addStyle:this.addStyle,part:"vviinn-button"},s("slot",null,s(a,null))),s(r,null),s("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, example-images",campaignId:this.campaignId,showingInButton:!0,buttonPressed:this.buttonPressed,resetVpsButton:this.resetButton.bind(this),buttonElementId:this.el.id,active:this.buttonPressed&&"modal"===this.mode,excluded:this.excluded,productDetailNewTab:this.productDetailNewTab,imageResolutionWidth:this.imageResolutionWidth}))}get el(){return n(this)}};d.style=":host{display:block}";export{d as vviinn_vps_button}
+import{r as i,c as t,h as s,H as e,g as n}from"./p-1e83e6ba.js";import{v as h}from"./p-835af647.js";import{a}from"./p-a69d3568.js";import{c as o,S as r}from"./p-5303d4a8.js";const d=class{constructor(s){i(this,s),this.vviinnWidgetLoad=t(this,"vviinnWidgetLoad",7),this.vviinnWidgetOpen=t(this,"vviinnWidgetOpen",7),this.vviinnWidgetClose=t(this,"vviinnWidgetClose",7),this.vviinnImageUpload=t(this,"vviinnImageUpload",7),this.vviinnProductLoad=t(this,"vviinnProductLoad",7),this.vviinnProductClick=t(this,"vviinnProductClick",7),this.vviinnProductView=t(this,"vviinnProductView",7),this.vviinnResultLoad=t(this,"vviinnResultLoad",7),this.vviinnResultView=t(this,"vviinnResultView",7),this.vviinnNoResult=t(this,"vviinnNoResult",7),this.vviinnImageCrop=t(this,"vviinnImageCrop",7),this.vviinnSelectObject=t(this,"vviinnSelectObject",7),this.vviinnSelectFilter=t(this,"vviinnSelectFilter",7),this.globalSlotsChanged=t(this,"globalSlotsChanged",7),this.getBasicEventData=()=>({widgetType:"VPS",campaignTypeId:"VPS",campaignTypeName:o.VPS,widgetId:this.el.id,widgetVersion:h}),this.token=void 0,this.currencySign="€",this.locale="de-DE",this.campaignId="",this.addStyle=!1,this.mode="modal",this.excluded="",this.productDetailNewTab=!0,this.imageResolutionWidth=250,this.apiPath=void 0,this.buttonPressed=!1}handleModalClosed(){this.buttonPressed=!1}componentDidLoad(){const i=this.el.querySelectorAll("[slot]");this.globalSlotsChanged.emit(Array.from(i))}handleClick(){this.buttonPressed=!0}resetButton(){this.buttonPressed=!1}render(){return s(e,{tabindex:"0",role:"button"},s("vviinn-button",{onClick:()=>{this.handleClick()},addStyle:this.addStyle,part:"vviinn-button"},s("slot",null,s(a,null))),s(r,null),s("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, example-images",campaignId:this.campaignId,showingInButton:!0,buttonPressed:this.buttonPressed,resetVpsButton:this.resetButton.bind(this),buttonElementId:this.el.id,active:this.buttonPressed&&"modal"===this.mode,excluded:this.excluded,productDetailNewTab:this.productDetailNewTab,imageResolutionWidth:this.imageResolutionWidth}))}get el(){return n(this)}};d.style=":host{display:block}";export{d as vviinn_vps_button}

package/dist/vviinn-widgets/p-835af647.js

@@ -0,0 +1 @@
+const o="2.29.0";export{o as v}