vviinn-widgets 2.18.21 → 2.19.1

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

@@ -1,4 +1,4 @@
-import { Component, Host, h, Prop, Event, Element, State, } from "@stencil/core";
+import { Host, h, } from "@stencil/core";
 import { pipe } from "fp-ts/lib/function";
 import { getAnalyticsModule } from "../../analytics/GeneralAnalytics";
 import { state } from "../../store/store";
@@ -25,18 +25,28 @@ import { campaignTypeNames, } from "../../campaign/Campaign";
  */
 export class VviinnProductCard {
   constructor() {
+    this.productData = null;
+    this.intersectionObserver = new IntersectionObserver(this.intersectionCallback.bind(this), { threshold: 1.0 });
+    this.brand = undefined;
     this.currency = undefined;
+    this.deeplink = undefined;
+    this.image = undefined;
     this.imageRatio = 1;
     this.imageWidth = 200;
     this.locale = undefined;
+    this.price = undefined;
     this.pricePrefix = undefined;
+    this.productId = undefined;
+    this.productTitle = undefined;
+    this.productType = undefined;
+    this.salePrice = undefined;
     this.responsive = false;
+    this.campaignTypeId = undefined;
     this.dimmedBackground = false;
-    /** @internal */
+    this.widgetElementId = undefined;
+    this.buttonElementId = undefined;
     this.index = 0;
     this.imageLoaded = false;
-    this.productData = null;
-    this.intersectionObserver = new IntersectionObserver(this.intersectionCallback.bind(this), { threshold: 1.0 });
   }
   connectedCallback() {
     this.productData = this.getProductData();
@@ -91,427 +101,427 @@ export class VviinnProductCard {
   }
   render() {
     var _a, _b, _c;
-    return (h(Host, { part: "product-card", class: { dimmed: this.dimmedBackground }, exportparts: "brand, currency, deeplink, image, image-link, price-amount-sale, price-amount-outdated, price-amount-regular, price-container, price-outdated, price-regular, price-sale, price-prefix, title" },
-      h(Linked, { deeplink: this.deeplink, part: "image-link" }, this.renderImage()),
-      h(Linked, { deeplink: this.deeplink, part: "deeplink" },
-        h("span", { class: "title", part: "title" }, this.productTitle)),
-      h("span", { class: "brand", part: "brand" }, this.brand),
-      h("span", { class: "type", part: "type" }, this.productType),
-      h(Price, { prefix: (_a = this.pricePrefix) !== null && _a !== void 0 ? _a : state.pricePrefix, currency: (_b = this.currency) !== null && _b !== void 0 ? _b : state.currencySign, price: this.price, salePrice: this.salePrice, locale: (_c = this.locale) !== null && _c !== void 0 ? _c : state.locale })));
+    return (h(Host, { part: "product-card", class: { dimmed: this.dimmedBackground }, exportparts: "brand, currency, deeplink, image, image-link, price-amount-sale, price-amount-outdated, price-amount-regular, price-container, price-outdated, price-regular, price-sale, price-prefix, title" }, h(Linked, { deeplink: this.deeplink, part: "image-link" }, this.renderImage()), h(Linked, { deeplink: this.deeplink, part: "deeplink" }, h("span", { class: "title", part: "title" }, this.productTitle)), h("span", { class: "brand", part: "brand" }, this.brand), h("span", { class: "type", part: "type" }, this.productType), h(Price, { prefix: (_a = this.pricePrefix) !== null && _a !== void 0 ? _a : state.pricePrefix, currency: (_b = this.currency) !== null && _b !== void 0 ? _b : state.currencySign, price: this.price, salePrice: this.salePrice, locale: (_c = this.locale) !== null && _c !== void 0 ? _c : state.locale })));
   }
   static get is() { return "vviinn-product-card"; }
   static get encapsulation() { return "shadow"; }
   static get styles() { return styles; }
-  static get properties() { return {
-    "brand": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string | undefined",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "brand",
-      "reflect": false
-    },
-    "currency": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string | undefined",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "currency",
-      "reflect": false,
-      "defaultValue": "undefined"
-    },
-    "deeplink": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string | undefined",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "deeplink",
-      "reflect": false
-    },
-    "image": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string | undefined",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "image",
-      "reflect": false
-    },
-    "imageRatio": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "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": ""
-      },
-      "attribute": "image-width",
-      "reflect": false,
-      "defaultValue": "200"
-    },
-    "locale": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string | undefined",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "locale",
-      "reflect": false,
-      "defaultValue": "undefined"
-    },
-    "price": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number | undefined",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "price",
-      "reflect": false
-    },
-    "pricePrefix": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string | undefined",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "price-prefix",
-      "reflect": false,
-      "defaultValue": "undefined"
-    },
-    "productId": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "product-id",
-      "reflect": false
-    },
-    "productTitle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "product-title",
-      "reflect": false
-    },
-    "productType": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string | undefined",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "product-type",
-      "reflect": false
-    },
-    "salePrice": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number | undefined",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "sale-price",
-      "reflect": false
-    },
-    "responsive": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "responsive",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "campaignTypeId": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "CampaignTypeId",
-        "resolved": "\"VCS\" | \"VPR\" | \"VPS\"",
-        "references": {
-          "CampaignTypeId": {
-            "location": "import",
-            "path": "../../campaign/Campaign"
+  static get properties() {
+    return {
+      "brand": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string | undefined",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "brand",
+        "reflect": false
+      },
+      "currency": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string | undefined",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "currency",
+        "reflect": false,
+        "defaultValue": "undefined"
+      },
+      "deeplink": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string | undefined",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "deeplink",
+        "reflect": false
+      },
+      "image": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string | undefined",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "image",
+        "reflect": false
+      },
+      "imageRatio": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "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": ""
+        },
+        "attribute": "image-width",
+        "reflect": false,
+        "defaultValue": "200"
+      },
+      "locale": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string | undefined",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "locale",
+        "reflect": false,
+        "defaultValue": "undefined"
+      },
+      "price": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number | undefined",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "price",
+        "reflect": false
+      },
+      "pricePrefix": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string | undefined",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "price-prefix",
+        "reflect": false,
+        "defaultValue": "undefined"
+      },
+      "productId": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "product-id",
+        "reflect": false
+      },
+      "productTitle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "product-title",
+        "reflect": false
+      },
+      "productType": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string | undefined",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "product-type",
+        "reflect": false
+      },
+      "salePrice": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number | undefined",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "sale-price",
+        "reflect": false
+      },
+      "responsive": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "responsive",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "campaignTypeId": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "CampaignTypeId",
+          "resolved": "\"VCS\" | \"VPR\" | \"VPS\"",
+          "references": {
+            "CampaignTypeId": {
+              "location": "import",
+              "path": "../../campaign/Campaign"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "campaign-type-id",
-      "reflect": false
-    },
-    "dimmedBackground": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "dimmed-background",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "widgetElementId": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": undefined,
-            "name": "internal"
-          }],
-        "text": ""
-      },
-      "attribute": "widget-element-id",
-      "reflect": false
-    },
-    "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
-    },
-    "index": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": undefined,
-            "name": "internal"
-          }],
-        "text": ""
-      },
-      "attribute": "index",
-      "reflect": false,
-      "defaultValue": "0"
-    }
-  }; }
-  static get states() { return {
-    "imageLoaded": {}
-  }; }
-  static get events() { return [{
-      "method": "vviinnProductLoad",
-      "name": "vviinnProductLoad",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Event fires ones when recommendation rendered on page"
-      },
-      "complexType": {
-        "original": "ProductCardEventData",
-        "resolved": "BasicEventData & { productId: string; productRank: number; productName: string; }",
-        "references": {
-          "ProductCardEventData": {
-            "location": "import",
-            "path": "../../recommendation/events"
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "campaign-type-id",
+        "reflect": false
+      },
+      "dimmedBackground": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "dimmed-background",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "widgetElementId": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [{
+              "name": "internal",
+              "text": undefined
+            }],
+          "text": ""
+        },
+        "attribute": "widget-element-id",
+        "reflect": false
+      },
+      "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
+      },
+      "index": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "internal",
+              "text": undefined
+            }],
+          "text": ""
+        },
+        "attribute": "index",
+        "reflect": false,
+        "defaultValue": "0"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "imageLoaded": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "vviinnProductLoad",
+        "name": "vviinnProductLoad",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Event fires ones when recommendation rendered on page"
+        },
+        "complexType": {
+          "original": "ProductCardEventData",
+          "resolved": "BasicEventData & { productId: string; productRank: number; productName: string; }",
+          "references": {
+            "ProductCardEventData": {
+              "location": "import",
+              "path": "../../recommendation/events"
+            }
           }
         }
-      }
-    }, {
-      "method": "vviinnProductView",
-      "name": "vviinnProductView",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Event fires ones when recommendation appears on the viewport"
-      },
-      "complexType": {
-        "original": "ProductCardEventData",
-        "resolved": "BasicEventData & { productId: string; productRank: number; productName: string; }",
-        "references": {
-          "ProductCardEventData": {
-            "location": "import",
-            "path": "../../recommendation/events"
+      }, {
+        "method": "vviinnProductView",
+        "name": "vviinnProductView",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Event fires ones when recommendation appears on the viewport"
+        },
+        "complexType": {
+          "original": "ProductCardEventData",
+          "resolved": "BasicEventData & { productId: string; productRank: number; productName: string; }",
+          "references": {
+            "ProductCardEventData": {
+              "location": "import",
+              "path": "../../recommendation/events"
+            }
           }
         }
-      }
-    }, {
-      "method": "vviinnProductClick",
-      "name": "vviinnProductClick",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Event fires ones when user click on deeplink"
-      },
-      "complexType": {
-        "original": "ProductCardEventData",
-        "resolved": "BasicEventData & { productId: string; productRank: number; productName: string; }",
-        "references": {
-          "ProductCardEventData": {
-            "location": "import",
-            "path": "../../recommendation/events"
+      }, {
+        "method": "vviinnProductClick",
+        "name": "vviinnProductClick",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Event fires ones when user click on deeplink"
+        },
+        "complexType": {
+          "original": "ProductCardEventData",
+          "resolved": "BasicEventData & { productId: string; productRank: number; productName: string; }",
+          "references": {
+            "ProductCardEventData": {
+              "location": "import",
+              "path": "../../recommendation/events"
+            }
           }
         }
-      }
-    }]; }
+      }];
+  }
   static get elementRef() { return "el"; }
 }