vviinn-widgets 2.18.21 → 2.19.0

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

@@ -1,91 +1,121 @@
-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": {}
+        }
+      }];
+  }
 }
+//# sourceMappingURL=vviinn-overlayed-modal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"vviinn-overlayed-modal.js","sourceRoot":"","sources":["../../../src/components/vviinn-overlayed-modal/vviinn-overlayed-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAgB,MAAM,eAAe,CAAC;AAO9E,MAAM,OAAO,oBAAoB;;kBACL,KAAK;;;0BAKG,KAAK;;EAIvC,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE;MAClC;QACE,oBACE,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,eAAe,EAAE,IAAI,CAAC,eAAe,EACrC,cAAc,EAAE,IAAI,CAAC,cAAc;UAEnC,0BAAoB,CACP,CACA,CACZ,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Prop, Event, EventEmitter } from \"@stencil/core\";\n\n@Component({\n  tag: \"vviinn-overlayed-modal\",\n  styleUrl: \"vviinn-overlayed-modal.css\",\n  shadow: true,\n})\nexport class VviinnOverlayedModal {\n  @Prop() active: boolean = false;\n  @Prop() resetState: () => void;\n  /** @internal */\n  @Prop() buttonElementId?: string;\n  /** @internal */\n  @Prop() hideBackButton: boolean = false;\n\n  @Event() vviinnWidgetClose: EventEmitter<void>;\n\n  render() {\n    return (\n      <Host class={{ active: this.active }}>\n        <vviinn-overlay>\n          <vviinn-modal\n            resetState={this.resetState}\n            active={this.active}\n            buttonElementId={this.buttonElementId}\n            hideBackButton={this.hideBackButton}\n          >\n            <slot>CONTENT</slot>\n          </vviinn-modal>\n        </vviinn-overlay>\n      </Host>\n    );\n  }\n}\n"]}

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,15 @@ 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"]
+    };
+  }
 }
+//# sourceMappingURL=vviinn-preloader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"vviinn-preloader.js","sourceRoot":"","sources":["../../../src/components/vviinn-preloader/vviinn-preloader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAOjE,MAAM,OAAO,eAAe;EAClB,QAAQ;IACd,OAAO,CACL,gBAAgB,CAAC,OAAO,IAAI,gBAAgB,CAAC,yBAAyB,CACvE,CAAC;EACJ,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IACH,KAAK,EAAE;QACL,MAAM,EAAE,IAAI,CAAC,QAAQ,EAAE;OACxB,GACK,CACT,CAAC;EACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h } from \"@stencil/core\";\nimport { imageSearchState } from \"../../store/imageSearch.store\";\n\n@Component({\n  tag: \"vviinn-preloader\",\n  styleUrl: \"vviinn-preloader.css\",\n  shadow: true,\n})\nexport class VviinnPreloader {\n  private isActive(): boolean {\n    return (\n      imageSearchState.loading || imageSearchState.objectDetectionInProgress\n    );\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          active: this.isActive(),\n        }}\n      ></Host>\n    );\n  }\n}\n"]}

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,24 @@
-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"; }
 }
+//# sourceMappingURL=vviinn-privacy-badge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"vviinn-privacy-badge.js","sourceRoot":"","sources":["../../../src/components/vviinn-privacy-badge/vviinn-privacy-badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAOzD,MAAM,OAAO,kBAAkB;EAG7B,iBAAiB;IACf,kBAAkB,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC;EACpC,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI;MACH;QACE,WAAK,KAAK,EAAC,SAAS;UAClB,WACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM;YAEX,eAAQ;YACR,YACE,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,uEAAuE,GACzE;YACF,YACE,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,+DAA+D,GACjE,CACE;UACN,YAAM,IAAI,EAAC,2BAA2B;YACpC,mLAII,CACC,CACH,CACD,CACF,CACR,CAAC;EACJ,CAAC;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Element } from \"@stencil/core\";\nimport { slotChangeListener } from \"../customized-slots\";\n\n@Component({\n  tag: \"vviinn-privacy-badge\",\n  styleUrl: \"vviinn-privacy-badge.css\",\n  shadow: true,\n})\nexport class VviinnPrivacyBadge {\n  @Element() el: HTMLElement;\n\n  componentWillLoad() {\n    slotChangeListener(this, this.el);\n  }\n\n  render() {\n    return (\n      <Host>\n        <slot>\n          <div class=\"content\">\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"16\"\n              height=\"16\"\n              fill=\"none\"\n            >\n              <defs />\n              <path\n                fill=\"#525252\"\n                d=\"M8.5 11V7h-2v1h1v3H6v1h4v-1H8.5zM8 4a.75.75 0 100 1.5A.75.75 0 008 4z\"\n              />\n              <path\n                fill=\"#525252\"\n                d=\"M8 15A7 7 0 118 1a7 7 0 010 14zM8 2a6 6 0 100 12A6 6 0 008 2z\"\n              />\n            </svg>\n            <slot name=\"vviinn-privacy-badge-text\">\n              <p>\n                Durch das Hochladen eines Bildes willigen Sie in die\n                Verarbeitung durch unseren Partner Vviinn ein. Das Bild wird\n                nach einer Stunde Inaktivität gelöscht.\n              </p>\n            </slot>\n          </div>\n        </slot>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -17,21 +17,14 @@ 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 })));
+//# sourceMappingURL=render-helpers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"render-helpers.js","sourceRoot":"","sources":["../../../src/components/vviinn-product-card/render-helpers.tsx"],"names":[],"mappings":"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","sourcesContent":["import { pipe } from \"fp-ts/lib/function\";\nimport * as E from \"fp-ts/lib/Either\";\nimport { FunctionalComponent, h } from \"@stencil/core\";\n\nconst FIT_EXPR = /fit\\/\\d+\\//;\n\nexport const containsFit = (url: string): E.Either<string, string> => {\n  return pipe(\n    url.match(FIT_EXPR),\n    E.fromNullable(url),\n    E.map(() => url)\n  );\n};\n\nexport const processWidth = (url: string, size: number): string => {\n  return pipe(\n    containsFit(url),\n    E.map((url) => url.replace(FIT_EXPR, `fit/${size}/`)),\n    E.getOrElse(() => url)\n  );\n};\n\nexport const Linked = (props, child) =>\n  props.deeplink ? (\n    <a class={props.part} part={props.part} href={props.deeplink}>\n      {child}\n    </a>\n  ) : (\n    child\n  );\n\ntype PriceElementProps = {\n  readonly locale: string;\n  readonly price: number;\n  readonly prefix: string;\n  readonly currency: string;\n  readonly priceType?: \"sale\" | \"outdated\" | \"regular\";\n};\n\nconst FormattedPrice: FunctionalComponent<PriceElementProps> = (props) => {\n  const locale = props.locale;\n  const priceType = props.priceType;\n\n  const formattedPrice = new Intl.NumberFormat(locale, {\n    minimumFractionDigits: 2,\n  }).format(props.price);\n\n  const prefixElement = props.prefix ? (\n    <span part=\"price-prefix\">{props.prefix + \" \"}</span>\n  ) : null;\n\n  const currencyElement = props.currency ? (\n    <span part=\"currency\">{\" \" + props.currency}</span>\n  ) : null;\n\n  return (\n    <span\n      class=\"price-amount\"\n      part={`price-amount${priceType ? \"-\" + priceType : \"\"}`}\n    >\n      {prefixElement}\n      {formattedPrice}\n      {currencyElement}\n    </span>\n  );\n};\n\ntype PriceProps = PriceElementProps & {\n  salePrice: number;\n};\n\nexport const Price: FunctionalComponent<PriceProps> = (props) => {\n  return (\n    <span class=\"price-container\" part=\"price-container\">\n      {props.salePrice ? (\n        [\n          <span class=\"price-sale\" part=\"price-sale\">\n            <FormattedPrice\n              prefix={props.prefix}\n              currency={props.currency}\n              price={props.salePrice}\n              locale={props.locale}\n              priceType=\"sale\"\n            />\n          </span>,\n          <span class=\"price-outdated\" part=\"price-outdated\">\n            <FormattedPrice\n              prefix={props.prefix}\n              currency={props.currency}\n              price={props.price}\n              locale={props.locale}\n              priceType=\"outdated\"\n            />\n          </span>,\n        ]\n      ) : (\n        <span class=\"price-regular\" part=\"price-regular\">\n          <FormattedPrice\n            prefix={props.prefix}\n            currency={props.currency}\n            price={props.price}\n            locale={props.locale}\n            priceType=\"regular\"\n          />\n        </span>\n      )}\n    </span>\n  );\n};\n\nexport type ImageProps = {\n  width: number;\n  height: number;\n  title: string;\n  src: string;\n  lazy: boolean;\n};\n\nexport const Image = (props: ImageProps, onLoadEnd = () => undefined) => (\n  <picture>\n    <img\n      loading={props.lazy ? \"lazy\" : \"eager\"}\n      part=\"image\"\n      class=\"image\"\n      width={props.width}\n      height={props.height}\n      src={processWidth(props.src, props.width)}\n      alt={props.title}\n      onLoad={onLoadEnd}\n    />\n  </picture>\n);\n\nexport const ResponsiveImage = (\n  props: ImageProps,\n  onLoadEnd = () => undefined\n) => (\n  <picture>\n    <img\n      loading={props.lazy ? \"lazy\" : \"eager\"}\n      part=\"image\"\n      class=\"image responsive\"\n      src={processWidth(props.src, props.width)}\n      alt={props.title}\n      onLoad={onLoadEnd}\n    />\n  </picture>\n);\n"]}

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

@@ -62,3 +62,4 @@ export const argTypes = {
     },
   },
 };
+//# sourceMappingURL=args.js.map

package/dist/collection/components/vviinn-product-card/stories/args.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"args.js","sourceRoot":"","sources":["../../../../src/components/vviinn-product-card/stories/args.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG;EACtB,gBAAgB,EAAE;IAChB,IAAI,EAAE,oBAAoB;IAC1B,OAAO,EAAE;MACP,IAAI,EAAE,OAAO;KACd;GACF;EACD,gBAAgB,EAAE;IAChB,IAAI,EAAE,mBAAmB;IACzB,WAAW,EACT,6GAA6G;GAChH;EACD,KAAK,EAAE;IACL,WAAW,EAAE,gDAAgD;GAC9D;EACD,cAAc,EAAE;IACd,IAAI,EAAE,wCAAwC;IAC9C,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAClB,OAAO,EAAE;MACP,IAAI,EAAE,QAAQ;MACd,OAAO,EAAE,CAAC;KACX;GACF;EACD,MAAM,EAAE;IACN,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;IAC3B,OAAO,EAAE;MACP,IAAI,EAAE,QAAQ;MACd,OAAO,EAAE,CAAC;KACX;GACF;EACD,QAAQ,EAAE;IACR,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;IAClC,OAAO,EAAE;MACP,IAAI,EAAE,QAAQ;MACd,OAAO,EAAE,CAAC;KACX;GACF;EACD,gBAAgB,EAAE;IAChB,IAAI,EAAE,mBAAmB;IACzB,OAAO,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,CAAC;IACtC,OAAO,EAAE;MACP,IAAI,EAAE,CAAC;MACP,QAAQ,EAAE,CAAC;MACX,KAAK,EAAE,CAAC;KACT;IACD,OAAO,EAAE;MACP,IAAI,EAAE,QAAQ;MACd,OAAO,EAAE,CAAC;KACX;GACF;EACD,gBAAgB,EAAE;IAChB,IAAI,EAAE,oBAAoB;IAC1B,OAAO,EAAE;MACP,IAAI,EAAE,OAAO;KACd;IACD,WAAW,EACT,wFAAwF;GAC3F;EACD,kBAAkB,EAAE;IAClB,IAAI,EAAE,sBAAsB;IAC5B,WAAW,EAAE,mBAAmB;IAChC,OAAO,EAAE;MACP,IAAI,EAAE,OAAO;KACd;GACF;CACF,CAAC","sourcesContent":["export const argTypes = {\n  imageBorderColor: {\n    name: \"Image border color\",\n    control: {\n      type: \"color\",\n    },\n  },\n  dimmedBackground: {\n    name: \"dimmed-background\",\n    description:\n      \"Adding a light-gray filter on top of the image to distinguish it from the rest of the product card content.\",\n  },\n  brand: {\n    description: \"Using the [title] attribute from product feed.\",\n  },\n  titleLineCount: {\n    name: \"Number of text lines for Product title\",\n    options: [1, 2, 3],\n    control: {\n      type: \"select\",\n      default: 0,\n    },\n  },\n  locale: {\n    options: [\"de-DE\", \"en-US\"],\n    control: {\n      type: \"select\",\n      default: 0,\n    },\n  },\n  currency: {\n    options: [\"$\", \"€\", \"£\", \"¥\", \"₽\"],\n    control: {\n      type: \"select\",\n      default: 0,\n    },\n  },\n  contentAlignment: {\n    name: \"Content alignment\",\n    options: [\"Left\", \"Centered\", \"Right\"],\n    mapping: {\n      Left: 0,\n      Centered: 1,\n      Right: 2,\n    },\n    control: {\n      type: \"select\",\n      default: 0,\n    },\n  },\n  primaryTextColor: {\n    name: \"Primary text color\",\n    control: {\n      type: \"color\",\n    },\n    description:\n      \"Used where the most user attention is needed: product brand, product title, and price.\",\n  },\n  secondaryTextColor: {\n    name: \"Secondary text color\",\n    description: \"Used in Old Price\",\n    control: {\n      type: \"color\",\n    },\n  },\n};\n"]}

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

@@ -49,3 +49,4 @@ vviinn-product-card::part(price-container) {
   ${story()}
 </div>
 `;
+//# sourceMappingURL=decorators.js.map

package/dist/collection/components/vviinn-product-card/stories/decorators.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"decorators.js","sourceRoot":"","sources":["../../../../src/components/vviinn-product-card/stories/decorators.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAgDvC,KAAK,EAAE;;CAEV,CAAC","sourcesContent":["export const productDecorator = (story) => `\n<style>\nhtml, body, #root, #root-inner {\n  width: 100%;\n  height: 100%;\n}\n\n#root-inner {\n  display: grid;\n  align-items: center;\n  justify-items: center;\n}\n\n.product-wrapper {\n  width: 240px;\n}\n\nvviinn-product-card {\n  align-items: start;\n}\n\nvviinn-product-card::part(image) {\n  border: 1px solid #DDDDDD;\n}\n\nvviinn-product-card::part(brand) {\n  display: flex;\n  font-weight: 500;\n  font-size: 16px;\n  line-height: 24px;\n}\n\nvviinn-product-card::part(brand),\nvviinn-product-card::part(title) {\n  text-align: left;\n}\n\nvviinn-product-card::part(title) {\n  order: 2;\n  max-width: unset;\n}\n\nvviinn-product-card::part(price-container) {\n  order: 3;\n}\n\n</style>\n<div class=\"product-wrapper\">\n  ${story()}\n</div>\n`;\n"]}

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

@@ -117,3 +117,4 @@ Default.args = {
   salePrice: 1653,
   pricePrefix: "",
 };
+//# sourceMappingURL=vviinn-product-card.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"vviinn-product-card.stories.js","sourceRoot":"","sources":["../../../../src/components/vviinn-product-card/stories/vviinn-product-card.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { argTypes } from \"./args\";\nimport { productDecorator } from \"./decorators\";\n\nexport default {\n  title: \"Elements/Product Card\",\n  component: \"vviinn-product-card\",\n  decorators: [productDecorator],\n  argTypes,\n};\n\nconst showImageBorders = (x, color) => {\n  const borderRule = x ? `1px solid ${color}` : \"none\";\n\n  return `\n  vviinn-product-card::part(image) {\n    border: ${borderRule};\n  }\n`;\n};\n\nconst setupBrandVisibility = (show) => `\n  vviinn-product-card::part(brand) {\n    display: ${show ? \"flex\" : \"none\"};\n  }\n`;\n\nconst setupTitleLineCount = (count) => `\n  vviinn-product-card::part(title) {\n    -webkit-line-clamp: ${count};\n  }\n`;\n\nconst alignmentLeft = `\n  vviinn-product-card::part(title),\n  vviinn-product-card::part(brand),\n  vviinn-product-card::part(type),\n  vviinn-product-card::part(deeplink),\n  vviinn-product-card::part(price-container) {\n    align-self: start;\n    text-align: left;\n  }`;\n\nconst alignmentCenter = `\n  vviinn-product-card::part(title),\n  vviinn-product-card::part(brand),\n  vviinn-product-card::part(type),\n  vviinn-product-card::part(deeplink),\n  vviinn-product-card::part(price-container) {\n    align-self: center;\n    text-align: center;\n  }`;\n\nconst alignmentRight = `\n  vviinn-product-card::part(title),\n  vviinn-product-card::part(brand),\n  vviinn-product-card::part(type),\n  vviinn-product-card::part(deeplink),\n  vviinn-product-card::part(price-container) {\n    align-self: end;\n    text-align: right;\n  }`;\n\nconst alignment = new Map([\n  [0, alignmentLeft],\n  [1, alignmentCenter],\n  [2, alignmentRight],\n]);\n\nconst Template = (args) => `\n  <style>\n    ${alignment.get(args.contentAlignment)}\n    ${showImageBorders(args.imageBorder, args.imageBorderColor)}\n    ${setupBrandVisibility(args.brand)}\n    ${setupTitleLineCount(args.titleLineCount)}\n\n    vviinn-product-card::part(title),\n    vviinn-product-card::part(brand),\n    vviinn-product-card::part(type),\n    vviinn-product-card::part(price-sale),\n    vviinn-product-card::part(price-regular) {\n      color: ${args.primaryTextColor};\n    }\n\n    vviinn-product-card::part(price-outdated) {\n      color: ${args.secondaryTextColor};\n    }\n  </style>\n  <vviinn-product-card\n    product-title=\"${args.productTitle}\"\n    product-id=\"${args.productId}\"\n    brand=\"${args.brand}\"\n    product-type=\"${args.productType}\"\n    price=\"${args.price}\"\n    sale-price=\"${args.salePrice}\"\n    price-prefix=\"${args.pricePrefix}\"\n    image=\"${args.image}\"\n    image-width=\"${args.imageWidth}\"\n    responsive=\"${args.responsive}\"\n    image-ratio=\"${args.imageRatio}\"\n    dimmed-background=\"${args.dimmedBackground}\"\n    locale=\"${args.locale}\"\n    currency=\"${args.currency}\"\n    deeplink=\"${args.deeplink}\"\n    imageRatio=\"${args.imageRatio}\"\n  ></vviinn-product-card>`;\n\nexport const Default = Template.bind({});\nDefault.args = {\n  productTitle: \"Couchtisch Rolf Benz 8770 Ronald Schmitt\",\n  productType: \"Couchtische\",\n  productId: \"\",\n  imageWidth: 240,\n  contentAlignment: \"Left\",\n  imageBorder: true,\n  imageBorderColor: \"#dddddd\",\n  dimmedBackground: false,\n  primaryTextColor: \"#161616\",\n  secondaryTextColor: \"#757575\",\n  brand: \"Ronald Schmitt\",\n  titleLineCount: 2,\n  locale: \"en-US\",\n  currency: \"€\",\n  deeplink: \"\",\n  image:\n    \"https://www.moebel-shop.de/media/image/e3/e9/28/0749295-001_600x600.jpg\",\n  responsive: false,\n  imageRatio: 1,\n  price: 3629,\n  salePrice: 1653,\n  pricePrefix: \"\",\n};\n"]}