vviinn-widgets 2.18.21 → 2.19.1

package/dist/collection/components/vviinn-slider/arrow.js

@@ -7,5 +7,4 @@ const getStyleMap = (data) => {
     disabled: data.disabled,
   };
 };
-export const Arrow = ({ kind, tabindex, disabled, onClick, onKeyDown, }) => (h("div", { class: getStyleMap({ kind, disabled }), onClick: onClick, tabindex: tabindex, onKeyDown: onKeyDown },
-  h(ArrowIcon, null)));
+export const Arrow = ({ kind, tabindex, disabled, onClick, onKeyDown, }) => (h("div", { class: getStyleMap({ kind, disabled }), onClick: onClick, tabindex: tabindex, onKeyDown: onKeyDown }, h(ArrowIcon, null)));

package/dist/collection/components/vviinn-slider/vviinn-slide/vviinn-slide.js

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

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

@@ -32,7 +32,6 @@
 .controls {
   display: grid;
   grid-gap: 16px;
-  grid-template-columns: repeat(var(--num-items), -webkit-min-content);
   grid-template-columns: repeat(var(--num-items), min-content);
 }
 

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

@@ -1,4 +1,4 @@
-import { Component, Host, h, Element, State, Prop, Watch } from "@stencil/core";
+import { Host, h } from "@stencil/core";
 import { range } from "fp-ts/lib/NonEmptyArray";
 import { pipe } from "fp-ts/lib/function";
 import * as O from "fp-ts/lib/Option";
@@ -100,91 +100,96 @@ export class VviinnSlider {
     }));
   }
   render() {
-    return (h(Host, null,
-      h("div", { class: "items-wrapper" },
-        h("div", { class: "items", onTouchStart: (e) => this.handleTouchStart(e), onTouchEnd: (e) => this.handleTouchEnd(e) },
-          h("slot", null))),
-      this.showArrows
-        ? [
-          h(Arrow, { kind: "prev", onClick: () => this.isRTL ? this.nextSlide() : this.prevSlide(), onKeyDown: (ev) => this.handleKeyDown(ev), tabindex: 1, disabled: false }),
-          h(Arrow, { kind: "next", onClick: () => this.isRTL ? this.prevSlide() : this.nextSlide(), onKeyDown: (ev) => this.handleKeyDown(ev), tabindex: 0, disabled: false }),
-        ]
-        : null,
-      this.renderBullets()));
+    return (h(Host, null, h("div", { class: "items-wrapper" }, h("div", { class: "items", onTouchStart: (e) => this.handleTouchStart(e), onTouchEnd: (e) => this.handleTouchEnd(e) }, h("slot", null))), this.showArrows
+      ? [
+        h(Arrow, { kind: "prev", onClick: () => this.isRTL ? this.nextSlide() : this.prevSlide(), onKeyDown: (ev) => this.handleKeyDown(ev), tabindex: 1, disabled: false }),
+        h(Arrow, { kind: "next", onClick: () => this.isRTL ? this.prevSlide() : this.nextSlide(), onKeyDown: (ev) => this.handleKeyDown(ev), tabindex: 0, disabled: false }),
+      ]
+      : null, this.renderBullets()));
   }
   static get is() { return "vviinn-slider"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["vviinn-slider.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["vviinn-slider.css"]
-  }; }
-  static get properties() { return {
-    "showBullets": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["vviinn-slider.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["vviinn-slider.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "showBullets": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "show-bullets",
+        "reflect": false,
+        "defaultValue": "true"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "position": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "position",
+        "reflect": true,
+        "defaultValue": "0"
       },
-      "attribute": "show-bullets",
-      "reflect": false,
-      "defaultValue": "true"
-    },
-    "position": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "position",
-      "reflect": true,
-      "defaultValue": "0"
-    },
-    "showArrows": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "show-arrows",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
-  static get states() { return {
-    "elementsCount": {},
-    "internalPosition": {},
-    "swipeStartPosition": {},
-    "isRTL": {}
-  }; }
+      "showArrows": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "show-arrows",
+        "reflect": false,
+        "defaultValue": "false"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "elementsCount": {},
+      "internalPosition": {},
+      "swipeStartPosition": {},
+      "isRTL": {}
+    };
+  }
   static get elementRef() { return "el"; }
-  static get watchers() { return [{
-      "propName": "position",
-      "methodName": "positionWatchHandler"
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "position",
+        "methodName": "positionWatchHandler"
+      }];
+  }
 }

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

@@ -1,29 +1,23 @@
-import { Component, Host, h, Element } from "@stencil/core";
+import { Host, h } from "@stencil/core";
 import { slotChangeListener } from "../customized-slots";
 export class VviinnTeaser {
   componentWillLoad() {
     slotChangeListener(this, this.el);
   }
   render() {
-    return (h(Host, null,
-      h("slot", null,
-        h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "64", height: "64", fill: "none" },
-          h("defs", null),
-          h("path", { fill: "#C6C6C6", d: "M48 28a11.98 11.98 0 00-9.77 18.942L28 57.172 30.828 60l10.23-10.23A11.994 11.994 0 1048 28zm0 20a8 8 0 118-8 8.009 8.009 0 01-8 8zM34 24a6 6 0 10-6-6 6.006 6.006 0 006 6zm0-8a2 2 0 110 4 2 2 0 010-4z" }),
-          h("path", { fill: "#C6C6C6", d: "M24 48H8V35.993L18 26l11.172 11.172L32 34.336 20.828 23.165a4 4 0 00-5.656 0L8 30.336V8h40v12h4V8a4.004 4.004 0 00-4-4H8a4.004 4.004 0 00-4 4v40a4.005 4.005 0 004 4h16v-4z" })),
-        h("span", { class: "vviinn-teaser-text" },
-          h("slot", { name: "vviinn-teaser-text" },
-            "Finde Produkte auf ",
-            h("br", null),
-            " einem Foto")))));
+    return (h(Host, null, h("slot", null, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "64", height: "64", fill: "none" }, h("defs", null), h("path", { fill: "#C6C6C6", d: "M48 28a11.98 11.98 0 00-9.77 18.942L28 57.172 30.828 60l10.23-10.23A11.994 11.994 0 1048 28zm0 20a8 8 0 118-8 8.009 8.009 0 01-8 8zM34 24a6 6 0 10-6-6 6.006 6.006 0 006 6zm0-8a2 2 0 110 4 2 2 0 010-4z" }), h("path", { fill: "#C6C6C6", d: "M24 48H8V35.993L18 26l11.172 11.172L32 34.336 20.828 23.165a4 4 0 00-5.656 0L8 30.336V8h40v12h4V8a4.004 4.004 0 00-4-4H8a4.004 4.004 0 00-4 4v40a4.005 4.005 0 004 4h16v-4z" })), h("span", { class: "vviinn-teaser-text" }, h("slot", { name: "vviinn-teaser-text" }, "Finde Produkte auf ", h("br", null), " einem Foto")))));
   }
   static get is() { return "vviinn-teaser"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["vviinn-teaser.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["vviinn-teaser.css"]
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["vviinn-teaser.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["vviinn-teaser.css"]
+    };
+  }
   static get elementRef() { return "el"; }
 }

package/dist/collection/components/vviinn-vpr-button/recommendations-sidebar/recommendations-sidebar.css

@@ -73,21 +73,15 @@ main {
 }
 
 :host(.bottom.closed) .sidebar {
-  -webkit-animation-name: slideOutFromBottom;
-          animation-name: slideOutFromBottom;
-  -webkit-animation-duration: 0.5s;
-          animation-duration: 0.5s;
-  -webkit-animation-fill-mode: forwards;
-          animation-fill-mode: forwards;
+  animation-name: slideOutFromBottom;
+  animation-duration: 0.5s;
+  animation-fill-mode: forwards;
 }
 
 :host(.bottom.open) .sidebar {
-  -webkit-animation-name: slideInFromBottom;
-          animation-name: slideInFromBottom;
-  -webkit-animation-duration: 0.5s;
-          animation-duration: 0.5s;
-  -webkit-animation-fill-mode: forwards;
-          animation-fill-mode: forwards;
+  animation-name: slideInFromBottom;
+  animation-duration: 0.5s;
+  animation-fill-mode: forwards;
 }
 
 :host(.right.idle) .sidebar {
@@ -95,21 +89,15 @@ main {
 }
 
 :host(.right.closed) .sidebar {
-  -webkit-animation-name: slideOutFromRight;
-          animation-name: slideOutFromRight;
-  -webkit-animation-duration: 0.5s;
-          animation-duration: 0.5s;
-  -webkit-animation-fill-mode: forwards;
-          animation-fill-mode: forwards;
+  animation-name: slideOutFromRight;
+  animation-duration: 0.5s;
+  animation-fill-mode: forwards;
 }
 
 :host(.right.open) .sidebar {
-  -webkit-animation-name: slideInFromRight;
-          animation-name: slideInFromRight;
-  -webkit-animation-duration: 0.5s;
-          animation-duration: 0.5s;
-  -webkit-animation-fill-mode: forwards;
-          animation-fill-mode: forwards;
+  animation-name: slideInFromRight;
+  animation-duration: 0.5s;
+  animation-fill-mode: forwards;
 }
 
 :host(.right) .sidebar {
@@ -160,16 +148,6 @@ vviinn-vpr-widget::part(price-container) {
   top: 24px;
 }
 
-@-webkit-keyframes slideInFromBottom {
-  from {
-    transform: translateY(100%);
-  }
-
-  to {
-    transform: translateY(0);
-  }
-}
-
 @keyframes slideInFromBottom {
   from {
     transform: translateY(100%);
@@ -180,16 +158,6 @@ vviinn-vpr-widget::part(price-container) {
   }
 }
 
-@-webkit-keyframes slideOutFromBottom {
-  from {
-    transform: translateY(0);
-  }
-
-  to {
-    transform: translateY(100%);
-  }
-}
-
 @keyframes slideOutFromBottom {
   from {
     transform: translateY(0);
@@ -200,16 +168,6 @@ vviinn-vpr-widget::part(price-container) {
   }
 }
 
-@-webkit-keyframes slideInFromRight {
-  from {
-    transform: translateX(100%);
-  }
-
-  to {
-    transform: translateX(0);
-  }
-}
-
 @keyframes slideInFromRight {
   from {
     transform: translateX(100%);
@@ -220,16 +178,6 @@ vviinn-vpr-widget::part(price-container) {
   }
 }
 
-@-webkit-keyframes slideOutFromRight {
-  from {
-    transform: translateX(0);
-  }
-
-  to {
-    transform: translateX(100%);
-  }
-}
-
 @keyframes slideOutFromRight {
   from {
     transform: translateX(0);