vviinn-widgets 2.18.21 → 2.19.1

package/dist/collection/components/vviinn-modal/vviinn-modal.js

@@ -1,9 +1,12 @@
-import { Component, Host, h, State, Event, Prop, Element, } from "@stencil/core";
+import { Host, h, } from "@stencil/core";
 import { slotChangeListener } from "../customized-slots";
 import { campaignTypeNames } from "../../campaign/Campaign";
 export class VviinnModal {
   constructor() {
     this.active = false;
+    this.resetState = undefined;
+    this.buttonElementId = undefined;
+    this.hideBackButton = false;
     this.slider = false;
   }
   componentWillLoad() {
@@ -26,106 +29,125 @@ export class VviinnModal {
     this.slider = true;
   }
   render() {
-    return (h(Host, { exportparts: "secondary-action, title, close-button", class: { closed: !this.active }, onAnimationEnd: (ev) => this.handleAnimationEnd(ev) },
-      h("div", { class: "head" },
-        h("button", { part: "secondary-action", onClick: () => this.resetState() },
-          h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-            h("path", { d: "M20.25 12H3.75", stroke: "#161616", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }),
-            h("path", { d: "M10.5 5.25L3.75 12L10.5 18.75", stroke: "#161616", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))),
-        h("div", { class: "title", part: "title" },
-          h("slot", { name: "vviinn-image-search-modal-title" }, "Bildsuche")),
-        h("button", { onClick: () => this.close(), class: "close-button", part: "close-button" },
-          h("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-            h("path", { d: "M16 1.4L14.6 0L8 6.6L1.4 0L0 1.4L6.6 8L0 14.6L1.4 16L8 9.4L14.6 16L16 14.6L9.4 8L16 1.4Z", fill: "#333333" })))),
-      h("div", { class: "body" },
-        h("slot", null))));
+    return (h(Host, { exportparts: "secondary-action, title, close-button", class: { closed: !this.active }, onAnimationEnd: (ev) => this.handleAnimationEnd(ev) }, h("div", { class: "head" }, !this.hideBackButton && (h("button", { part: "secondary-action", onClick: () => this.resetState() }, h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M20.25 12H3.75", stroke: "#161616", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("path", { d: "M10.5 5.25L3.75 12L10.5 18.75", stroke: "#161616", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), h("div", { class: "title", part: "title" }, h("slot", { name: "vviinn-image-search-modal-title" }, "Bildsuche")), h("button", { onClick: () => this.close(), class: "close-button", part: "close-button" }, h("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M16 1.4L14.6 0L8 6.6L1.4 0L0 1.4L6.6 8L0 14.6L1.4 16L8 9.4L14.6 16L16 14.6L9.4 8L16 1.4Z", fill: "#333333" })))), h("div", { class: "body" }, h("slot", null))));
   }
   static get is() { return "vviinn-modal"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["vviinn-modal.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["vviinn-modal.css"]
-  }; }
-  static get properties() { return {
-    "active": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["vviinn-modal.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["vviinn-modal.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "active": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "active",
+        "reflect": true,
+        "defaultValue": "false"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "resetState": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "() => void",
+          "resolved": "() => void",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        }
       },
-      "attribute": "active",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "resetState": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "() => void",
-        "resolved": "() => void",
-        "references": {}
+      "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
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "hideBackButton": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "internal",
+              "text": undefined
+            }],
+          "text": ""
+        },
+        "attribute": "hide-back-button",
+        "reflect": false,
+        "defaultValue": "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
-    }
-  }; }
-  static get states() { return {
-    "slider": {}
-  }; }
-  static get events() { return [{
-      "method": "vviinnWidgetClose",
-      "name": "vviinnWidgetClose",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Event emitted when close button clicked and close animation ends"
-      },
-      "complexType": {
-        "original": "BasicEventData",
-        "resolved": "{ widgetType: WidgetType; campaignTypeId: CampaignTypeId; campaignTypeName: CampaignTypeTitle; widgetId?: string; }",
-        "references": {
-          "BasicEventData": {
-            "location": "import",
-            "path": "../../recommendation/events"
+    };
+  }
+  static get states() {
+    return {
+      "slider": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "vviinnWidgetClose",
+        "name": "vviinnWidgetClose",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Event emitted when close button clicked and close animation ends"
+        },
+        "complexType": {
+          "original": "BasicEventData",
+          "resolved": "{ widgetType: WidgetType; campaignTypeId: CampaignTypeId; campaignTypeName: CampaignTypeTitle; widgetId?: string; }",
+          "references": {
+            "BasicEventData": {
+              "location": "import",
+              "path": "../../recommendation/events"
+            }
           }
         }
-      }
-    }]; }
+      }];
+  }
   static get elementRef() { return "el"; }
 }

package/dist/collection/components/vviinn-onboarding/onboarding-cards/vviinn-onboarding-card-1/vviinn-onboarding-card-1.js

@@ -1,4 +1,4 @@
-import { Component, Host, h, Element } from "@stencil/core";
+import { Host, h } from "@stencil/core";
 import { slotChangeListener } from "../../../customized-slots";
 import { OnboardingCard1Icon } from "../../../vviinn-icons";
 export class VviinnOnboardingCard1 {
@@ -6,21 +6,19 @@ export class VviinnOnboardingCard1 {
     slotChangeListener(this, this.el);
   }
   render() {
-    return (h(Host, null,
-      h("slot", { name: "onboarding-card-1-icon" },
-        h(OnboardingCard1Icon, null)),
-      h("slot", { name: "onboarding-card-1-text" },
-        h("div", { class: "text" },
-          h("h4", null, "Starte die Bildsuche"),
-          h("p", null, "Lade ein Bild aus Deiner Galerie hoch oder fotografiere ein Produkt mit Deiner Kamera.")))));
+    return (h(Host, null, h("slot", { name: "onboarding-card-1-icon" }, h(OnboardingCard1Icon, null)), h("slot", { name: "onboarding-card-1-text" }, h("div", { class: "text" }, h("h4", null, "Starte die Bildsuche"), h("p", null, "Lade ein Bild aus Deiner Galerie hoch oder fotografiere ein Produkt mit Deiner Kamera.")))));
   }
   static get is() { return "vviinn-onboarding-card-1"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["../onboarding-card.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["../onboarding-card.css"]
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["../onboarding-card.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["../onboarding-card.css"]
+    };
+  }
   static get elementRef() { return "el"; }
 }

package/dist/collection/components/vviinn-onboarding/onboarding-cards/vviinn-onboarding-card-2/vviinn-onboarding-card-2.js

@@ -1,4 +1,4 @@
-import { Component, Host, h, Element } from "@stencil/core";
+import { Host, h } from "@stencil/core";
 import { OnboardingCard2Icon } from "../../../vviinn-icons";
 import { slotChangeListener } from "../../../customized-slots";
 export class VviinnOnboardingCard2 {
@@ -6,21 +6,19 @@ export class VviinnOnboardingCard2 {
     slotChangeListener(this, this.el);
   }
   render() {
-    return (h(Host, null,
-      h("slot", { name: "onboarding-card-2-icon" },
-        h(OnboardingCard2Icon, null)),
-      h("slot", { name: "onboarding-card-2-text" },
-        h("div", { class: "text" },
-          h("h4", null, "Verfeiner deine Suche"),
-          h("p", null, "Du kannst den Bildrahmen selber festlegen und so die Produkte genau ausw\u00E4hlen.")))));
+    return (h(Host, null, h("slot", { name: "onboarding-card-2-icon" }, h(OnboardingCard2Icon, null)), h("slot", { name: "onboarding-card-2-text" }, h("div", { class: "text" }, h("h4", null, "Verfeiner deine Suche"), h("p", null, "Du kannst den Bildrahmen selber festlegen und so die Produkte genau ausw\u00E4hlen.")))));
   }
   static get is() { return "vviinn-onboarding-card-2"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["../onboarding-card.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["../onboarding-card.css"]
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["../onboarding-card.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["../onboarding-card.css"]
+    };
+  }
   static get elementRef() { return "el"; }
 }

package/dist/collection/components/vviinn-onboarding/onboarding-cards/vviinn-onboarding-card-3/vviinn-onboarding-card-3.js

@@ -1,4 +1,4 @@
-import { Component, Host, h, Element } from "@stencil/core";
+import { Host, h } from "@stencil/core";
 import { OnboardingCard3Icon } from "../../../vviinn-icons";
 import { slotChangeListener } from "../../../customized-slots";
 export class VviinnOnboardingCard3 {
@@ -6,21 +6,19 @@ export class VviinnOnboardingCard3 {
     slotChangeListener(this, this.el);
   }
   render() {
-    return (h(Host, null,
-      h("slot", { name: "onboarding-card-3-icon" },
-        h(OnboardingCard3Icon, null)),
-      h("slot", { name: "onboarding-card-3-text" },
-        h("div", { class: "text" },
-          h("h4", null, "Ohne Hintergrund"),
-          h("p", null, "Die besten Ergebnisse erh\u00E4ltst Du, wenn das gesuchte Objekt mit einfarbigem und hellem Hintergrund zu sehen ist.")))));
+    return (h(Host, null, h("slot", { name: "onboarding-card-3-icon" }, h(OnboardingCard3Icon, null)), h("slot", { name: "onboarding-card-3-text" }, h("div", { class: "text" }, h("h4", null, "Ohne Hintergrund"), h("p", null, "Die besten Ergebnisse erh\u00E4ltst Du, wenn das gesuchte Objekt mit einfarbigem und hellem Hintergrund zu sehen ist.")))));
   }
   static get is() { return "vviinn-onboarding-card-3"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["../onboarding-card.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["../onboarding-card.css"]
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["../onboarding-card.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["../onboarding-card.css"]
+    };
+  }
   static get elementRef() { return "el"; }
 }

package/dist/collection/components/vviinn-onboarding/vviinn-onboarding.js

@@ -1,28 +1,23 @@
-import { Component, Host, h, Element } from "@stencil/core";
+import { Host, h } from "@stencil/core";
 import { slotChangeListener } from "../customized-slots";
 export class VviinnOnboarding {
   componentWillLoad() {
     slotChangeListener(this, this.el);
   }
   render() {
-    return (h(Host, null,
-      h("slot", { name: "vviinn-onboarding-title" },
-        h("h3", null, "So funktioniert es")),
-      h("vviinn-slider", { showArrows: true },
-        h("vviinn-slide", null,
-          h("vviinn-onboarding-card-1", null)),
-        h("vviinn-slide", null,
-          h("vviinn-onboarding-card-2", null)),
-        h("vviinn-slide", null,
-          h("vviinn-onboarding-card-3", null)))));
+    return (h(Host, null, h("slot", { name: "vviinn-onboarding-title" }, h("h3", null, "So funktioniert es")), h("vviinn-slider", { showArrows: true }, h("vviinn-slide", null, h("vviinn-onboarding-card-1", null)), h("vviinn-slide", null, h("vviinn-onboarding-card-2", null)), h("vviinn-slide", null, h("vviinn-onboarding-card-3", null)))));
   }
   static get is() { return "vviinn-onboarding"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["vviinn-onboarding.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["vviinn-onboarding.css"]
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["vviinn-onboarding.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["vviinn-onboarding.css"]
+    };
+  }
   static get elementRef() { return "el"; }
 }

package/dist/collection/components/vviinn-overlay/vviinn-overlay.css

@@ -1,6 +1,5 @@
 :host {
-  -webkit-animation: fade-in 0.5s ease-in-out;
-          animation: fade-in 0.5s ease-in-out;
+  animation: fade-in 0.5s ease-in-out;
   background: rgba(0, 0, 0, 0.5);
   display: block;
   height: 100vh;
@@ -12,16 +11,6 @@
   z-index: 9999;
 }
 
-@-webkit-keyframes fade-in {
-  from {
-    opacity: 0.1;
-  }
-
-  to {
-    opacity: 1;
-  }
-}
-
 @keyframes fade-in {
   from {
     opacity: 0.1;

package/dist/collection/components/vviinn-overlay/vviinn-overlay.js

@@ -1,15 +1,18 @@
-import { Component, Host, h } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 export class VviinnOverlay {
   render() {
-    return (h(Host, null,
-      h("slot", null)));
+    return (h(Host, null, h("slot", null)));
   }
   static get is() { return "vviinn-overlay"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["vviinn-overlay.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["vviinn-overlay.css"]
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["vviinn-overlay.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["vviinn-overlay.css"]
+    };
+  }
 }

package/dist/collection/components/vviinn-overlayed-modal/vviinn-overlayed-modal.js

@@ -1,91 +1,120 @@
-import { Component, Host, h, Prop, Event } from "@stencil/core";
+import { Host, h } from "@stencil/core";
 export class VviinnOverlayedModal {
   constructor() {
     this.active = false;
+    this.resetState = undefined;
+    this.buttonElementId = undefined;
+    this.hideBackButton = false;
   }
   render() {
-    return (h(Host, { class: { active: this.active } },
-      h("vviinn-overlay", null,
-        h("vviinn-modal", { resetState: this.resetState, active: this.active, buttonElementId: this.buttonElementId },
-          h("slot", null, "CONTENT")))));
+    return (h(Host, { class: { active: this.active } }, h("vviinn-overlay", null, h("vviinn-modal", { resetState: this.resetState, active: this.active, buttonElementId: this.buttonElementId, hideBackButton: this.hideBackButton }, h("slot", null, "CONTENT")))));
   }
   static get is() { return "vviinn-overlayed-modal"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["vviinn-overlayed-modal.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["vviinn-overlayed-modal.css"]
-  }; }
-  static get properties() { return {
-    "active": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "active",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "resetState": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "() => void",
-        "resolved": "() => void",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "buttonElementId": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["vviinn-overlayed-modal.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["vviinn-overlayed-modal.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "active": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "active",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": undefined,
-            "name": "internal"
-          }],
-        "text": ""
+      "resetState": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "() => void",
+          "resolved": "() => void",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        }
       },
-      "attribute": "button-element-id",
-      "reflect": false
-    }
-  }; }
-  static get events() { return [{
-      "method": "vviinnWidgetClose",
-      "name": "vviinnWidgetClose",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "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
       },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
+      "hideBackButton": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "internal",
+              "text": undefined
+            }],
+          "text": ""
+        },
+        "attribute": "hide-back-button",
+        "reflect": false,
+        "defaultValue": "false"
       }
-    }]; }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "vviinnWidgetClose",
+        "name": "vviinnWidgetClose",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }];
+  }
 }