vviinn-widgets 2.18.21 → 2.19.1

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

@@ -1,7 +1,8 @@
 var __rest = (this && this.__rest) || function (s, e) {
   var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-    t[p] = s[p];
+  for (var p in s)
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+      t[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function")
     for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
       if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
@@ -9,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     }
   return t;
 };
-import { Component, Host, h, Prop, State, Element, Watch, Event, Listen, Fragment, } from "@stencil/core";
+import { Host, h, Fragment, } from "@stencil/core";
 import { pipe } from "fp-ts/lib/function";
 import * as TE from "fp-ts/lib/TaskEither";
 import * as E from "fp-ts/lib/Either";
@@ -43,41 +44,35 @@ import { checkEmpryString } from "../../utils/option/option";
  */
 export class VviinnVprWidget {
   constructor() {
-    /** Title for recommendations widget */
+    this.productImageLoadedSubject = new Subject();
+    this.setTrackingDeactivated = (result) => {
+      if (result.status === "rejected") {
+        this.trackingDeactivated = true;
+      }
+    };
     this.blockTitle = "Recommended products";
-    /** Ratio of each recommended product image */
     this.imageRatio = 1;
-    /** Width of each recommended product image */
     this.imageWidth = 300;
-    /** Currency sign will shown after price */
+    this.productId = undefined;
+    this.token = undefined;
     this.currencySign = "€";
-    /** Use slider or grid view */
+    this.pricePrefix = undefined;
     this.mode = "continuity";
-    /** Campaign type */
     this.campaignType = "VPR";
-    /** Locale for currency formatting */
     this.locale = "de-DE";
-    /** comma-separated list of campaign-ids */
     this.campaigns = "";
-    /** Hiding disabled arrows in the carousel if true */
+    this.color = undefined;
     this.gridArrowsDynamic = false;
-    /** Showing message (when true) or hiding the whole widget, when no results */
+    this.noResultText = undefined;
     this.noResultShow = true;
-    /** @internal */
     this.apiPath = "https://api.vviinn.com";
-    /** @internal */
     this.useCarousel = true;
     this.showScroll = true;
     this.cssUrl = null;
+    this.buttonElementId = undefined;
     this.recommendations = [];
     this.trackingDeactivated = false;
     this.hasErrorOnLoad = false;
-    this.productImageLoadedSubject = new Subject();
-    this.setTrackingDeactivated = (result) => {
-      if (result.status === "rejected") {
-        this.trackingDeactivated = true;
-      }
-    };
   }
   getEventData() {
     return {
@@ -202,14 +197,8 @@ export class VviinnVprWidget {
         loaded: true,
         empty: this.recommendations.length == 0,
         [this.mode]: true,
-      }, "aria-hidden": "false" },
-      h(Fragment, null,
-        this.renderExternalCSS(),
-        h("style", null, state.fallbackStyles),
-        h("h2", { part: "recommendations-title" }, this.blockTitle),
-        this.recommendations.length > 0 &&
-          (this.useCarousel ? this.renderCarousel() : this.renderResults()),
-        this.recommendations.length === 0 && this.hasErrorOnLoad && (h("p", { class: "no-result-text" }, `${(_a = this === null || this === void 0 ? void 0 : this.noResultText) !== null && _a !== void 0 ? _a : "No results! Please, try again later."}`)))));
+      }, "aria-hidden": "false" }, h(Fragment, null, this.renderExternalCSS(), h("style", null, state.fallbackStyles), h("h2", { part: "recommendations-title" }, this.blockTitle), this.recommendations.length > 0 &&
+      (this.useCarousel ? this.renderCarousel() : this.renderResults()), this.recommendations.length === 0 && this.hasErrorOnLoad && (h("p", { class: "no-result-text" }, `${(_a = this === null || this === void 0 ? void 0 : this.noResultText) !== null && _a !== void 0 ? _a : "No results! Please, try again later."}`)))));
   }
   renderRecommendation(recommendation, index) {
     return (h("vviinn-product-card", { part: "product-part", productId: recommendation.productId, productTitle: recommendation.title, deeplink: recommendation.deeplink, image: recommendation.image.thumbnail, brand: recommendation.brand, imageWidth: this.imageWidth, imageRatio: 1, price: recommendation.price.actual, salePrice: recommendation.price.sale, responsive: this.mode === "grid", dimmedBackground: this.useDimmedBackgroundInCard(), campaignTypeId: this.campaignType, index: index, widgetElementId: this.id }));
@@ -225,522 +214,536 @@ export class VviinnVprWidget {
   }
   static get is() { return "vviinn-vpr-widget"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["vviinn-vpr-widget.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["vviinn-vpr-widget.css"]
-  }; }
-  static get properties() { return {
-    "blockTitle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Title for recommendations widget"
-      },
-      "attribute": "block-title",
-      "reflect": false,
-      "defaultValue": "\"Recommended products\""
-    },
-    "imageRatio": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Ratio of each recommended product image"
-      },
-      "attribute": "image-ratio",
-      "reflect": false,
-      "defaultValue": "1"
-    },
-    "imageWidth": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Width of each recommended product image"
-      },
-      "attribute": "image-width",
-      "reflect": false,
-      "defaultValue": "300"
-    },
-    "productId": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Id of product you need recommendations for"
-      },
-      "attribute": "product-id",
-      "reflect": false
-    },
-    "token": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "vviinn customer token"
-      },
-      "attribute": "token",
-      "reflect": false
-    },
-    "currencySign": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Currency sign will shown after price"
-      },
-      "attribute": "currency-sign",
-      "reflect": false,
-      "defaultValue": "\"\u20AC\""
-    },
-    "pricePrefix": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "prefix will shown before price"
-      },
-      "attribute": "price-prefix",
-      "reflect": false
-    },
-    "mode": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "CarouselMode",
-        "resolved": "\"continuity\" | \"grid\"",
-        "references": {
-          "CarouselMode": {
-            "location": "import",
-            "path": "../vviinn-carousel/vviinn-carousel"
+  static get originalStyleUrls() {
+    return {
+      "$": ["vviinn-vpr-widget.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["vviinn-vpr-widget.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "blockTitle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Title for recommendations widget"
+        },
+        "attribute": "block-title",
+        "reflect": false,
+        "defaultValue": "\"Recommended products\""
+      },
+      "imageRatio": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Ratio of each recommended product image"
+        },
+        "attribute": "image-ratio",
+        "reflect": false,
+        "defaultValue": "1"
+      },
+      "imageWidth": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Width of each recommended product image"
+        },
+        "attribute": "image-width",
+        "reflect": false,
+        "defaultValue": "300"
+      },
+      "productId": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Id of product you need recommendations for"
+        },
+        "attribute": "product-id",
+        "reflect": false
+      },
+      "token": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "vviinn customer token"
+        },
+        "attribute": "token",
+        "reflect": false
+      },
+      "currencySign": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Currency sign will shown after price"
+        },
+        "attribute": "currency-sign",
+        "reflect": false,
+        "defaultValue": "\"\u20AC\""
+      },
+      "pricePrefix": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "prefix will shown before price"
+        },
+        "attribute": "price-prefix",
+        "reflect": false
+      },
+      "mode": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "CarouselMode",
+          "resolved": "\"continuity\" | \"grid\"",
+          "references": {
+            "CarouselMode": {
+              "location": "import",
+              "path": "../vviinn-carousel/vviinn-carousel"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Use slider or grid view"
-      },
-      "attribute": "mode",
-      "reflect": false,
-      "defaultValue": "\"continuity\""
-    },
-    "campaignType": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "CampaignName",
-        "resolved": "\"VCS\" | \"VPR\"",
-        "references": {
-          "CampaignName": {
-            "location": "import",
-            "path": "../../campaign/Campaign"
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Use slider or grid view"
+        },
+        "attribute": "mode",
+        "reflect": false,
+        "defaultValue": "\"continuity\""
+      },
+      "campaignType": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "CampaignName",
+          "resolved": "\"VCS\" | \"VPR\"",
+          "references": {
+            "CampaignName": {
+              "location": "import",
+              "path": "../../campaign/Campaign"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Campaign type"
-      },
-      "attribute": "campaign-type",
-      "reflect": false,
-      "defaultValue": "\"VPR\""
-    },
-    "locale": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Locale for currency formatting"
-      },
-      "attribute": "locale",
-      "reflect": false,
-      "defaultValue": "\"de-DE\""
-    },
-    "campaigns": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "comma-separated list of campaign-ids"
-      },
-      "attribute": "campaigns",
-      "reflect": false,
-      "defaultValue": "\"\""
-    },
-    "color": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Color accepts any hexcode string"
-      },
-      "attribute": "color",
-      "reflect": false
-    },
-    "gridArrowsDynamic": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Hiding disabled arrows in the carousel if true"
-      },
-      "attribute": "grid-arrows-dynamic",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "noResultText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "This message is displayed when no results"
-      },
-      "attribute": "no-result-text",
-      "reflect": false
-    },
-    "noResultShow": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Showing message (when true) or hiding the whole widget, when no results"
-      },
-      "attribute": "no-result-show",
-      "reflect": false,
-      "defaultValue": "true"
-    },
-    "apiPath": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string | undefined",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": undefined,
-            "name": "internal"
-          }],
-        "text": ""
-      },
-      "attribute": "api-path",
-      "reflect": false,
-      "defaultValue": "\"https://api.vviinn.com\""
-    },
-    "useCarousel": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": undefined,
-            "name": "internal"
-          }],
-        "text": ""
-      },
-      "attribute": "use-carousel",
-      "reflect": false,
-      "defaultValue": "true"
-    },
-    "showScroll": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "show-scroll",
-      "reflect": false,
-      "defaultValue": "true"
-    },
-    "cssUrl": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string | null",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "css-url",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "buttonElementId": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": undefined,
-            "name": "internal"
-          }],
-        "text": ""
-      },
-      "attribute": "button-element-id",
-      "reflect": false
-    }
-  }; }
-  static get states() { return {
-    "recommendations": {},
-    "trackingDeactivated": {},
-    "hasErrorOnLoad": {}
-  }; }
-  static get events() { return [{
-      "method": "vviinnWidgetLoad",
-      "name": "vviinnWidgetLoad",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "BasicEventData",
-        "resolved": "{ widgetType: WidgetType; campaignTypeId: CampaignTypeId; campaignTypeName: CampaignTypeTitle; widgetId?: string; }",
-        "references": {
-          "BasicEventData": {
-            "location": "import",
-            "path": "../../recommendation/events"
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Campaign type"
+        },
+        "attribute": "campaign-type",
+        "reflect": false,
+        "defaultValue": "\"VPR\""
+      },
+      "locale": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Locale for currency formatting"
+        },
+        "attribute": "locale",
+        "reflect": false,
+        "defaultValue": "\"de-DE\""
+      },
+      "campaigns": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "comma-separated list of campaign-ids"
+        },
+        "attribute": "campaigns",
+        "reflect": false,
+        "defaultValue": "\"\""
+      },
+      "color": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Color accepts any hexcode string"
+        },
+        "attribute": "color",
+        "reflect": false
+      },
+      "gridArrowsDynamic": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Hiding disabled arrows in the carousel if true"
+        },
+        "attribute": "grid-arrows-dynamic",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "noResultText": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "This message is displayed when no results"
+        },
+        "attribute": "no-result-text",
+        "reflect": false
+      },
+      "noResultShow": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Showing message (when true) or hiding the whole widget, when no results"
+        },
+        "attribute": "no-result-show",
+        "reflect": false,
+        "defaultValue": "true"
+      },
+      "apiPath": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string | undefined",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "internal",
+              "text": undefined
+            }],
+          "text": ""
+        },
+        "attribute": "api-path",
+        "reflect": false,
+        "defaultValue": "\"https://api.vviinn.com\""
+      },
+      "useCarousel": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "internal",
+              "text": undefined
+            }],
+          "text": ""
+        },
+        "attribute": "use-carousel",
+        "reflect": false,
+        "defaultValue": "true"
+      },
+      "showScroll": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "show-scroll",
+        "reflect": false,
+        "defaultValue": "true"
+      },
+      "cssUrl": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string | null",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "css-url",
+        "reflect": false,
+        "defaultValue": "null"
+      },
+      "buttonElementId": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [{
+              "name": "internal",
+              "text": undefined
+            }],
+          "text": ""
+        },
+        "attribute": "button-element-id",
+        "reflect": false
+      }
+    };
+  }
+  static get states() {
+    return {
+      "recommendations": {},
+      "trackingDeactivated": {},
+      "hasErrorOnLoad": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "vviinnWidgetLoad",
+        "name": "vviinnWidgetLoad",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "BasicEventData",
+          "resolved": "{ widgetType: WidgetType; campaignTypeId: CampaignTypeId; campaignTypeName: CampaignTypeTitle; widgetId?: string; }",
+          "references": {
+            "BasicEventData": {
+              "location": "import",
+              "path": "../../recommendation/events"
+            }
           }
         }
-      }
-    }, {
-      "method": "vviinnProductClick",
-      "name": "vviinnProductClick",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }, {
-      "method": "vviinnProductView",
-      "name": "vviinnProductView",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }, {
-      "method": "vviinnProductLoad",
-      "name": "vviinnProductLoad",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }, {
-      "method": "vviinnNoResult",
-      "name": "vviinnNoResult",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }, {
-      "method": "vviinnRecommendationsLoaded",
-      "name": "vviinnRecommendationsLoaded",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [{
-            "text": undefined,
-            "name": "internal"
-          }],
-        "text": ""
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }]; }
+      }, {
+        "method": "vviinnProductClick",
+        "name": "vviinnProductClick",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }, {
+        "method": "vviinnProductView",
+        "name": "vviinnProductView",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }, {
+        "method": "vviinnProductLoad",
+        "name": "vviinnProductLoad",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }, {
+        "method": "vviinnNoResult",
+        "name": "vviinnNoResult",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }, {
+        "method": "vviinnRecommendationsLoaded",
+        "name": "vviinnRecommendationsLoaded",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [{
+              "name": "internal",
+              "text": undefined
+            }],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
   static get elementRef() { return "el"; }
-  static get watchers() { return [{
-      "propName": "productId",
-      "methodName": "handleProductIdChange"
-    }, {
-      "propName": "campaignType",
-      "methodName": "handleCampaignTypeChange"
-    }, {
-      "propName": "campaigns",
-      "methodName": "handleCampaignsChange"
-    }, {
-      "propName": "apiPath",
-      "methodName": "handleApiPathChange"
-    }]; }
-  static get listeners() { return [{
-      "name": "vviinnProductLoad",
-      "method": "handleProductLoading",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "vviinnProductView",
-      "method": "trackProductView",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "vviinnProductClick",
-      "method": "trackProductClick",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "productId",
+        "methodName": "handleProductIdChange"
+      }, {
+        "propName": "campaignType",
+        "methodName": "handleCampaignTypeChange"
+      }, {
+        "propName": "campaigns",
+        "methodName": "handleCampaignsChange"
+      }, {
+        "propName": "apiPath",
+        "methodName": "handleApiPathChange"
+      }];
+  }
+  static get listeners() {
+    return [{
+        "name": "vviinnProductLoad",
+        "method": "handleProductLoading",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "vviinnProductView",
+        "method": "trackProductView",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }, {
+        "name": "vviinnProductClick",
+        "method": "trackProductClick",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
 }