vviinn-widgets 2.18.21 → 2.19.1

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

@@ -1,4 +1,4 @@
-import { Component, Host, h, Prop, Event, Element, } from "@stencil/core";
+import { Host, h, } from "@stencil/core";
 import { VisualSearchIcon } from "../vviinn-icons";
 import { campaignTypeNames } from "../../campaign/Campaign";
 /**
@@ -7,28 +7,27 @@ import { campaignTypeNames } from "../../campaign/Campaign";
  */
 export class VviinnVprButton {
   constructor() {
+    this.sidebar = null;
+    this.sidebarCloseListener = () => {
+      document.body.removeChild(this.sidebar);
+    };
+    this.token = undefined;
+    this.productId = undefined;
     this.position = "bottom";
     this.sourceImage = null;
     this.sidebarTitle = "Visually similar products";
     this.modalScrollbar = false;
-    /** comma-separated list of campaign-ids */
     this.campaigns = "";
-    /** Campaign type */
     this.campaignType = "VPR";
+    this.color = undefined;
     this.addStyle = true;
     this.mode = "continuity";
     this.imageWidth = 300;
     this.currencySign = "€";
-    /** Showing message (when true) or hiding the whole widget, when no results */
+    this.noResultText = undefined;
     this.noResultShow = true;
-    /** Hiding disabled arrows in the carousel if true */
     this.gridArrowsDynamic = false;
-    /** @internal */
     this.apiPath = "https://api.vviinn.com";
-    this.sidebar = null;
-    this.sidebarCloseListener = () => {
-      document.body.removeChild(this.sidebar);
-    };
   }
   render() {
     return (h(Host, { onClick: () => {
@@ -39,10 +38,7 @@ export class VviinnVprButton {
           campaignTypeName: campaignTypeNames[this.campaignType],
           widgetId: this.el.id,
         });
-      }, role: "button", tabindex: "0" },
-      h("vviinn-button", { addStyle: this.addStyle, part: "vviinn-button" },
-        h("slot", null,
-          h(VisualSearchIcon, null)))));
+      }, role: "button", tabindex: "0" }, h("vviinn-button", { addStyle: this.addStyle, part: "vviinn-button" }, h("slot", null, h(VisualSearchIcon, null)))));
   }
   handleClick() {
     const sidebar = document.createElement("vviinn-recommendations-sidebar");
@@ -75,439 +71,447 @@ export class VviinnVprButton {
   }
   static get is() { return "vviinn-vpr-button"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["vviinn-vpr-button.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["vviinn-vpr-button.css"]
-  }; }
-  static get properties() { return {
-    "token": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "token",
-      "reflect": false
-    },
-    "productId": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "product-id",
-      "reflect": false
-    },
-    "position": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "\"bottom\" | \"right\"",
-        "resolved": "\"bottom\" | \"right\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "position",
-      "reflect": false,
-      "defaultValue": "\"bottom\""
-    },
-    "sourceImage": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string | null",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "source-image",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "sidebarTitle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "sidebar-title",
-      "reflect": false,
-      "defaultValue": "\"Visually similar products\""
-    },
-    "modalScrollbar": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "modal-scrollbar",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "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": "\"\""
-    },
-    "campaignType": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "CampaignName",
-        "resolved": "\"VCS\" | \"VPR\"",
-        "references": {
-          "CampaignName": {
-            "location": "import",
-            "path": "../../campaign/Campaign"
+  static get originalStyleUrls() {
+    return {
+      "$": ["vviinn-vpr-button.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["vviinn-vpr-button.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "token": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "token",
+        "reflect": false
+      },
+      "productId": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "product-id",
+        "reflect": false
+      },
+      "position": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "\"bottom\" | \"right\"",
+          "resolved": "\"bottom\" | \"right\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "position",
+        "reflect": false,
+        "defaultValue": "\"bottom\""
+      },
+      "sourceImage": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string | null",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "source-image",
+        "reflect": false,
+        "defaultValue": "null"
+      },
+      "sidebarTitle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "sidebar-title",
+        "reflect": false,
+        "defaultValue": "\"Visually similar products\""
+      },
+      "modalScrollbar": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "modal-scrollbar",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "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": "\"\""
+      },
+      "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\""
-    },
-    "color": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "color",
-      "reflect": false
-    },
-    "addStyle": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "add-style",
-      "reflect": false,
-      "defaultValue": "true"
-    },
-    "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": "Campaign type"
+        },
+        "attribute": "campaign-type",
+        "reflect": false,
+        "defaultValue": "\"VPR\""
+      },
+      "color": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "color",
+        "reflect": false
+      },
+      "addStyle": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "add-style",
+        "reflect": false,
+        "defaultValue": "true"
+      },
+      "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": ""
-      },
-      "attribute": "mode",
-      "reflect": false,
-      "defaultValue": "\"continuity\""
-    },
-    "imageWidth": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "image-width",
-      "reflect": false,
-      "defaultValue": "300"
-    },
-    "currencySign": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "currency-sign",
-      "reflect": false,
-      "defaultValue": "\"\u20AC\""
-    },
-    "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"
-    },
-    "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"
-    },
-    "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\""
-    }
-  }; }
-  static get events() { return [{
-      "method": "vviinnWidgetOpen",
-      "name": "vviinnWidgetOpen",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Event emitted when vpr-button clicked"
-      },
-      "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": ""
+        },
+        "attribute": "mode",
+        "reflect": false,
+        "defaultValue": "\"continuity\""
+      },
+      "imageWidth": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "image-width",
+        "reflect": false,
+        "defaultValue": "300"
+      },
+      "currencySign": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "currency-sign",
+        "reflect": false,
+        "defaultValue": "\"\u20AC\""
+      },
+      "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"
+      },
+      "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"
+      },
+      "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\""
+      }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "vviinnWidgetOpen",
+        "name": "vviinnWidgetOpen",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Event emitted when vpr-button clicked"
+        },
+        "complexType": {
+          "original": "BasicEventData",
+          "resolved": "{ widgetType: WidgetType; campaignTypeId: CampaignTypeId; campaignTypeName: CampaignTypeTitle; widgetId?: string; }",
+          "references": {
+            "BasicEventData": {
+              "location": "import",
+              "path": "../../recommendation/events"
+            }
           }
         }
-      }
-    }, {
-      "method": "vviinnWidgetLoad",
-      "name": "vviinnWidgetLoad",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }, {
-      "method": "vviinnWidgetClose",
-      "name": "vviinnWidgetClose",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "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": "vviinnWidgetLoad",
+        "name": "vviinnWidgetLoad",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }, {
+        "method": "vviinnWidgetClose",
+        "name": "vviinnWidgetClose",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "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": {}
+        }
+      }];
+  }
   static get elementRef() { return "el"; }
 }