vviinn-widgets 2.18.21 → 2.19.1

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

@@ -2,8 +2,7 @@
   --preloader-size: 24px;
   --preloader-width: calc(var(--preloader-size) / 6);
   transform-origin: center;
-  -webkit-animation: rotate 3s linear infinite;
-          animation: rotate 3s linear infinite;
+  animation: rotate 3s linear infinite;
   border: var(--preloader-width) solid white;
   border-radius: 50%;
   border-top-color: transparent;
@@ -18,15 +17,6 @@
   display: flex;
 }
 
-@-webkit-keyframes rotate {
-  from {
-    transform: rotate(-360deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
-
 @keyframes rotate {
   from {
     transform: rotate(-360deg);

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

@@ -1,4 +1,4 @@
-import { Component, Host, h } from "@stencil/core";
+import { Host, h } from "@stencil/core";
 import { imageSearchState } from "../../store/imageSearch.store";
 export class VviinnPreloader {
   isActive() {
@@ -11,10 +11,14 @@ export class VviinnPreloader {
   }
   static get is() { return "vviinn-preloader"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["vviinn-preloader.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["vviinn-preloader.css"]
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["vviinn-preloader.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["vviinn-preloader.css"]
+    };
+  }
 }

package/dist/collection/components/vviinn-privacy-badge/vviinn-privacy-badge.css

@@ -6,7 +6,6 @@
 
 .content {
   display: grid;
-  grid-template-columns: -webkit-min-content auto;
   grid-template-columns: min-content auto;
   grid-gap: 9px;
 }

package/dist/collection/components/vviinn-privacy-badge/vviinn-privacy-badge.js

@@ -1,27 +1,23 @@
-import { Component, Host, h, Element } from "@stencil/core";
+import { Host, h } from "@stencil/core";
 import { slotChangeListener } from "../customized-slots";
 export class VviinnPrivacyBadge {
   componentWillLoad() {
     slotChangeListener(this, this.el);
   }
   render() {
-    return (h(Host, null,
-      h("slot", null,
-        h("div", { class: "content" },
-          h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" },
-            h("defs", null),
-            h("path", { fill: "#525252", d: "M8.5 11V7h-2v1h1v3H6v1h4v-1H8.5zM8 4a.75.75 0 100 1.5A.75.75 0 008 4z" }),
-            h("path", { fill: "#525252", d: "M8 15A7 7 0 118 1a7 7 0 010 14zM8 2a6 6 0 100 12A6 6 0 008 2z" })),
-          h("slot", { name: "vviinn-privacy-badge-text" },
-            h("p", null, "Durch das Hochladen eines Bildes willigen Sie in die Verarbeitung durch unseren Partner Vviinn ein. Das Bild wird nach einer Stunde Inaktivit\u00E4t gel\u00F6scht."))))));
+    return (h(Host, null, h("slot", null, h("div", { class: "content" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" }, h("defs", null), h("path", { fill: "#525252", d: "M8.5 11V7h-2v1h1v3H6v1h4v-1H8.5zM8 4a.75.75 0 100 1.5A.75.75 0 008 4z" }), h("path", { fill: "#525252", d: "M8 15A7 7 0 118 1a7 7 0 010 14zM8 2a6 6 0 100 12A6 6 0 008 2z" })), h("slot", { name: "vviinn-privacy-badge-text" }, h("p", null, "Durch das Hochladen eines Bildes willigen Sie in die Verarbeitung durch unseren Partner Vviinn ein. Das Bild wird nach einer Stunde Inaktivit\u00E4t gel\u00F6scht."))))));
   }
   static get is() { return "vviinn-privacy-badge"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["vviinn-privacy-badge.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["vviinn-privacy-badge.css"]
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["vviinn-privacy-badge.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["vviinn-privacy-badge.css"]
+    };
+  }
   static get elementRef() { return "el"; }
 }

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

@@ -17,21 +17,13 @@ const FormattedPrice = (props) => {
   }).format(props.price);
   const prefixElement = props.prefix ? (h("span", { part: "price-prefix" }, props.prefix + " ")) : null;
   const currencyElement = props.currency ? (h("span", { part: "currency" }, " " + props.currency)) : null;
-  return (h("span", { class: "price-amount", part: `price-amount${priceType ? "-" + priceType : ""}` },
-    prefixElement,
-    formattedPrice,
-    currencyElement));
+  return (h("span", { class: "price-amount", part: `price-amount${priceType ? "-" + priceType : ""}` }, prefixElement, formattedPrice, currencyElement));
 };
 export const Price = (props) => {
   return (h("span", { class: "price-container", part: "price-container" }, props.salePrice ? ([
-    h("span", { class: "price-sale", part: "price-sale" },
-      h(FormattedPrice, { prefix: props.prefix, currency: props.currency, price: props.salePrice, locale: props.locale, priceType: "sale" })),
-    h("span", { class: "price-outdated", part: "price-outdated" },
-      h(FormattedPrice, { prefix: props.prefix, currency: props.currency, price: props.price, locale: props.locale, priceType: "outdated" })),
-  ]) : (h("span", { class: "price-regular", part: "price-regular" },
-    h(FormattedPrice, { prefix: props.prefix, currency: props.currency, price: props.price, locale: props.locale, priceType: "regular" })))));
+    h("span", { class: "price-sale", part: "price-sale" }, h(FormattedPrice, { prefix: props.prefix, currency: props.currency, price: props.salePrice, locale: props.locale, priceType: "sale" })),
+    h("span", { class: "price-outdated", part: "price-outdated" }, h(FormattedPrice, { prefix: props.prefix, currency: props.currency, price: props.price, locale: props.locale, priceType: "outdated" })),
+  ]) : (h("span", { class: "price-regular", part: "price-regular" }, h(FormattedPrice, { prefix: props.prefix, currency: props.currency, price: props.price, locale: props.locale, priceType: "regular" })))));
 };
-export const Image = (props, onLoadEnd = () => undefined) => (h("picture", null,
-  h("img", { loading: props.lazy ? "lazy" : "eager", part: "image", class: "image", width: props.width, height: props.height, src: processWidth(props.src, props.width), alt: props.title, onLoad: onLoadEnd })));
-export const ResponsiveImage = (props, onLoadEnd = () => undefined) => (h("picture", null,
-  h("img", { loading: props.lazy ? "lazy" : "eager", part: "image", class: "image responsive", src: processWidth(props.src, props.width), alt: props.title, onLoad: onLoadEnd })));
+export const Image = (props, onLoadEnd = () => undefined) => (h("picture", null, h("img", { loading: props.lazy ? "lazy" : "eager", part: "image", class: "image", width: props.width, height: props.height, src: processWidth(props.src, props.width), alt: props.title, onLoad: onLoadEnd })));
+export const ResponsiveImage = (props, onLoadEnd = () => undefined) => (h("picture", null, h("img", { loading: props.lazy ? "lazy" : "eager", part: "image", class: "image responsive", src: processWidth(props.src, props.width), alt: props.title, onLoad: onLoadEnd })));