vviinn-widgets 2.1.0 → 2.2.2

package/www/build/vviinn-image-view.entry.js

@@ -1,55 +0,0 @@
-import { r as registerInstance, h, e as Host } from './index-b6d739a9.js';
-import { h as dimensionsFromImage, j as scaleByLargestSide, k as fromImage, l as move, i as imageSearchState } from './imageSearch.store-407f49f0.js';
-import { _ as _function } from './NonEmptyArray-6ef0d207.js';
-import { O as Option, s as sequenceToOption } from './number-98d54dd6.js';
-import './Handler-47db9890.js';
-import './Array-4b9f84cf.js';
-
-const vviinnImageViewCss = ":host{display:grid;position:relative;justify-self:center}img{box-sizing:border-box;filter:brightness(60%);position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:-1}.image-preloader{background:rgba(0, 0, 0, 0.25);border-radius:4px;bottom:18px;padding:4px 6px;pointer-events:none;position:absolute;right:18px;z-index:4}vviinn-preloader{--preloader-size:12px}";
-
-const getImageSizes = (i) => {
-  const dimensions = dimensionsFromImage(i);
-  const resize = scaleByLargestSide(288);
-  const newDimensions = resize(dimensions);
-  const sizes = newDimensions.map(d => d.size);
-  return [sizes[0], sizes[1]];
-};
-let VviinnImageView = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  handleInitialImageLoad(ev) {
-    const target = ev.target;
-    const imageBounds = fromImage(target);
-    const padding = 12;
-    const { x, y } = move(imageBounds, { x: padding, y: padding });
-    const searchArea = {
-      x,
-      y,
-      width: imageBounds.width - padding * 2,
-      height: imageBounds.height - padding * 2,
-    };
-    imageSearchState.imageBounds = Option.some(imageBounds);
-    imageSearchState.searchArea = Option.some(searchArea);
-  }
-  renderDetectedObject(object) {
-    return h("vviinn-detected-object", { detectedObject: object });
-  }
-  renderImage() {
-    return _function.pipe(sequenceToOption(imageSearchState.imageUrl, imageSearchState.image), Option.map(([url, refImage]) => {
-      const [width, height] = getImageSizes(refImage);
-      const image = (h("img", { decoding: "async", width: width, height: height, src: url, onLoad: (el) => this.handleInitialImageLoad(el), draggable: false }));
-      return image;
-    }), Option.getOrElse(() => null));
-  }
-  renderCropper() {
-    return _function.pipe(imageSearchState.imageUrl, Option.map(() => h("image-cropper", null)), Option.getOrElse(() => null));
-  }
-  render() {
-    return (h(Host, null, imageSearchState.loading ||
-      imageSearchState.objectDetectionInProgress ? (h("div", { class: "image-preloader" }, h("vviinn-preloader", null))) : null, h("highlight-box", null), this.renderImage(), this.renderCropper(), imageSearchState.detectedObjects.map((o) => this.renderDetectedObject(o))));
-  }
-};
-VviinnImageView.style = vviinnImageViewCss;
-
-export { VviinnImageView as vviinn_image_view };

package/www/build/vviinn-modal.entry.js

@@ -1,30 +0,0 @@
-import { r as registerInstance, j as createEvent, h, e as Host } from './index-b6d739a9.js';
-
-const vviinnModalCss = ":host{background:white;border-radius:4px;box-sizing:border-box;display:grid;grid-template-rows:-webkit-min-content auto;grid-template-rows:min-content auto;max-width:960px}@media (max-width: 415px){:host{-webkit-animation-name:fade-in;animation-name:fade-in;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host(.closed){-webkit-animation-name:fade-out;animation-name:fade-out;-webkit-animation-fill-mode:none;animation-fill-mode:none}.body{overflow-y:auto}}@media (max-width: 640px) and (min-width: 415px){:host{max-width:80%}}.head{align-items:center;border-bottom:1px solid #F4F4F4;display:grid;grid-gap:16px;grid-template-columns:-webkit-min-content auto -webkit-min-content;grid-template-columns:min-content auto min-content;justify-items:center;padding:16px}.title{font-weight:600;font-size:18px;line-height:24px}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;cursor:pointer;display:grid;padding:unset}@-webkit-keyframes fade-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fade-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@-webkit-keyframes fade-out{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes fade-out{from{transform:translateY(0)}to{transform:translateY(100%)}}";
-
-let VviinnModal = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.modalClosed = createEvent(this, "modalClosed", 7);
-    this.secondaryActionClicked = createEvent(this, "secondaryActionClicked", 7);
-    this.active = false;
-    this.slider = false;
-  }
-  close() {
-    this.active = false;
-    setTimeout(() => {
-      this.modalClosed.emit();
-    }, this.slider ? 500 : 0);
-  }
-  handleAnimationEnd(ev) {
-    if (ev.animationName !== "fade-in")
-      return;
-    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.secondaryActionClicked.emit() }, 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" }, "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))));
-  }
-};
-VviinnModal.style = vviinnModalCss;
-
-export { VviinnModal as vviinn_modal };

package/www/build/vviinn-onboarding-card-1.entry.js

@@ -1,21 +0,0 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-b6d739a9.js';
-import { s as slotChangeListener } from './customized-slots-f3449695.js';
-import { O as OnboardingCard1Icon } from './index-c9483145.js';
-
-const onboardingCardCss = ":host{align-items:center;background:#f4f4f4;display:grid;grid-template-rows:repeat(2, 1fr);justify-items:center;padding:24px;width:100%}h4{color:#161616;font-size:18px;font-weight:600;line-height:24px;margin:unset;text-align:center}svg{padding:16px 0}p{color:#525252;font-size:14px;font-style:normal;font-weight:normal;line-height:20px;margin:unset;text-align:center}.colored{fill:var(--color-icons, var(--color-icons-system))}.text{display:grid;grid-gap:8px}";
-
-let VviinnOnboardingCard1 = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  componentWillLoad() {
-    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.")))));
-  }
-  get el() { return getElement(this); }
-};
-VviinnOnboardingCard1.style = onboardingCardCss;
-
-export { VviinnOnboardingCard1 as vviinn_onboarding_card_1 };

package/www/build/vviinn-onboarding-card-2.entry.js

@@ -1,21 +0,0 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-b6d739a9.js';
-import { c as OnboardingCard2Icon } from './index-c9483145.js';
-import { s as slotChangeListener } from './customized-slots-f3449695.js';
-
-const onboardingCardCss = ":host{align-items:center;background:#f4f4f4;display:grid;grid-template-rows:repeat(2, 1fr);justify-items:center;padding:24px;width:100%}h4{color:#161616;font-size:18px;font-weight:600;line-height:24px;margin:unset;text-align:center}svg{padding:16px 0}p{color:#525252;font-size:14px;font-style:normal;font-weight:normal;line-height:20px;margin:unset;text-align:center}.colored{fill:var(--color-icons, var(--color-icons-system))}.text{display:grid;grid-gap:8px}";
-
-let VviinnOnboardingCard2 = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  componentWillLoad() {
-    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.")))));
-  }
-  get el() { return getElement(this); }
-};
-VviinnOnboardingCard2.style = onboardingCardCss;
-
-export { VviinnOnboardingCard2 as vviinn_onboarding_card_2 };

package/www/build/vviinn-onboarding-card-3.entry.js

@@ -1,21 +0,0 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-b6d739a9.js';
-import { d as OnboardingCard3Icon } from './index-c9483145.js';
-import { s as slotChangeListener } from './customized-slots-f3449695.js';
-
-const onboardingCardCss = ":host{align-items:center;background:#f4f4f4;display:grid;grid-template-rows:repeat(2, 1fr);justify-items:center;padding:24px;width:100%}h4{color:#161616;font-size:18px;font-weight:600;line-height:24px;margin:unset;text-align:center}svg{padding:16px 0}p{color:#525252;font-size:14px;font-style:normal;font-weight:normal;line-height:20px;margin:unset;text-align:center}.colored{fill:var(--color-icons, var(--color-icons-system))}.text{display:grid;grid-gap:8px}";
-
-let VviinnOnboardingCard3 = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  componentWillLoad() {
-    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.")))));
-  }
-  get el() { return getElement(this); }
-};
-VviinnOnboardingCard3.style = onboardingCardCss;
-
-export { VviinnOnboardingCard3 as vviinn_onboarding_card_3 };

package/www/build/vviinn-onboarding.entry.js

@@ -1,20 +0,0 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-b6d739a9.js';
-import { s as slotChangeListener } from './customized-slots-f3449695.js';
-
-const vviinnOnboardingCss = ":host{--color-primary-system:#0F62FE;--color-primary-hover-system:#014CDA;--color-icons-system:#2F8EDF;--spacer:8px}::host{display:block}h3{font-size:22px;font-weight:600;line-height:32px;margin:0;margin-bottom:16px;text-align:center}vviinn-slide{background:#f4f4f4;padding:24px}svg{padding:16px 0}.text{display:grid;grid-gap:8px}.text>h4{color:#161616;font-size:18px;font-weight:600;line-height:24px;margin:unset;text-align:center}.text>p{color:#525252;font-size:14px;font-style:normal;font-weight:normal;line-height:20px;margin:unset;text-align:center}.colored{fill:var(--color-icons, var(--color-icons-system))}";
-
-let VviinnOnboarding = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  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)))));
-  }
-  get el() { return getElement(this); }
-};
-VviinnOnboarding.style = vviinnOnboardingCss;
-
-export { VviinnOnboarding as vviinn_onboarding };

package/www/build/vviinn-overlay.entry.js

@@ -1,15 +0,0 @@
-import { r as registerInstance, h, e as Host } from './index-b6d739a9.js';
-
-const vviinnOverlayCss = ":host{-webkit-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;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:9999}@-webkit-keyframes fade-in{from{opacity:0.1}to{opacity:1}}@keyframes fade-in{from{opacity:0.1}to{opacity:1}}";
-
-let VviinnOverlay = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  render() {
-    return (h(Host, null, h("slot", null)));
-  }
-};
-VviinnOverlay.style = vviinnOverlayCss;
-
-export { VviinnOverlay as vviinn_overlay };

package/www/build/vviinn-overlayed-modal.entry.js

@@ -1,18 +0,0 @@
-import { r as registerInstance, j as createEvent, h, e as Host } from './index-b6d739a9.js';
-
-const vviinnOverlayedModalCss = ":host{display:none}:host(.active){display:block}vviinn-overlay{align-items:center;display:grid;justify-items:center}@media (max-width: 415px){vviinn-modal{border-radius:4px 4px 0 0;height:100vh;margin-top:32px;transform:translateY(100%);width:100vw}vviinn-overlay{align-items:end;display:grid;justify-items:center}}";
-
-let VviinnOverlayedModal = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.secondaryActionClicked = createEvent(this, "secondaryActionClicked", 7);
-    this.modalClosed = createEvent(this, "modalClosed", 7);
-    this.active = false;
-  }
-  render() {
-    return (h(Host, { class: { active: this.active } }, h("vviinn-overlay", null, h("vviinn-modal", { onSecondaryActionClicked: () => this.secondaryActionClicked.emit(), active: this.active }, h("slot", null, "CONTENT")))));
-  }
-};
-VviinnOverlayedModal.style = vviinnOverlayedModalCss;
-
-export { VviinnOverlayedModal as vviinn_overlayed_modal };

package/www/build/vviinn-privacy-badge.entry.js

@@ -1,20 +0,0 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-b6d739a9.js';
-import { s as slotChangeListener } from './customized-slots-f3449695.js';
-
-const vviinnPrivacyBadgeCss = ":host{display:block;background:#F4F4F4;padding:17px}.content{display:grid;grid-template-columns:-webkit-min-content auto;grid-template-columns:min-content auto;grid-gap:9px}.content p{color:#525252;font-size:12px;line-height:16px;margin:unset}";
-
-let VviinnPrivacyBadge = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  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, "Wir gehen sorgf\u00E4ltig mit Deinen Daten um. Deine Bilder werden nur zum Zweck der Bildsuche gespeichert."))))));
-  }
-  get el() { return getElement(this); }
-};
-VviinnPrivacyBadge.style = vviinnPrivacyBadgeCss;
-
-export { VviinnPrivacyBadge as vviinn_privacy_badge };

package/www/build/vviinn-product-card.entry.js

@@ -1,176 +0,0 @@
-import { h, r as registerInstance, j as createEvent, e as Host, g as getElement } from './index-b6d739a9.js';
-import { _ as _function, d as Semigroup } from './NonEmptyArray-6ef0d207.js';
-import { O as Option } from './number-98d54dd6.js';
-import { E as Either, i as imageSearchState, x as state } from './imageSearch.store-407f49f0.js';
-import './Handler-47db9890.js';
-import './Array-4b9f84cf.js';
-
-class GtagAnalytics {
-  sendImpression(product) {
-    var _a, _b, _c;
-    gtag('event', 'view_item_list', {
-      items: [
-        {
-          id: product.productId,
-          name: product.title,
-          brand: (_a = product.brand) !== null && _a !== void 0 ? _a : '',
-          category: (_b = product.productType) !== null && _b !== void 0 ? _b : '',
-          list_name: 'VI VPR View',
-          price: Math.min(...[product.price.actual, (_c = product.price.sale) !== null && _c !== void 0 ? _c : Infinity])
-        }
-      ]
-    });
-    return undefined;
-  }
-  sendClick(product) {
-    var _a, _b, _c;
-    gtag('event', 'select_content', {
-      content_type: 'product',
-      items: [
-        {
-          id: product.productId,
-          name: product.title,
-          brand: (_a = product.brand) !== null && _a !== void 0 ? _a : '',
-          category: (_b = product.productType) !== null && _b !== void 0 ? _b : '',
-          list_name: 'VI VPR View',
-          price: Math.min(...[product.price.actual, (_c = product.price.sale) !== null && _c !== void 0 ? _c : Infinity])
-        }
-      ]
-    });
-    return undefined;
-  }
-}
-
-class GAnalytics {
-  constructor() {
-    ga('require', 'ec');
-  }
-  convertProduct(product) {
-    var _a, _b, _c;
-    return {
-      id: product.productId,
-      name: product.title,
-      brand: (_a = product.brand) !== null && _a !== void 0 ? _a : '',
-      category: (_b = product.productType) !== null && _b !== void 0 ? _b : '',
-      list: 'VI VPR View',
-      price: Math.min(...[product.price.actual, (_c = product.price.sale) !== null && _c !== void 0 ? _c : Infinity])
-    };
-  }
-  sendImpression(product) {
-    ga('ec:addImpression', this.convertProduct(product));
-    return undefined;
-  }
-  sendClick(product) {
-    var _a, _b, _c;
-    ga('ec:addProduct', {
-      id: product.productId,
-      name: product.title,
-      brand: (_a = product.brand) !== null && _a !== void 0 ? _a : '',
-      category: (_b = product.productType) !== null && _b !== void 0 ? _b : '',
-      price: Math.min(...[product.price.actual, (_c = product.price.sale) !== null && _c !== void 0 ? _c : Infinity])
-    });
-    ga('ec:setAction', 'click', { list: 'VI VPR View' });
-    return undefined;
-  }
-}
-
-const getGtagAnalytics = () => _function.pipe(Option.fromNullable(window.gtag), Option.map(() => new GtagAnalytics()));
-const getCommonAnalytics = () => _function.pipe(Option.fromNullable(window.ga), Option.map(() => new GAnalytics()));
-const analyticsMonoid = Option.getMonoid(Semigroup.first());
-const getAnalyticsModule = analyticsMonoid.concat(getGtagAnalytics(), getCommonAnalytics());
-
-const FIT_EXPR = /fit\/\d+\//;
-const containsFit = (url) => {
-  return _function.pipe(url.match(FIT_EXPR), Either.fromNullable(url), Either.map(() => url));
-};
-const processWidth = (url, size) => {
-  return _function.pipe(containsFit(url), Either.map((url) => url.replace(FIT_EXPR, `fit/${size}/`)), Either.getOrElse(() => url));
-};
-const Linked = (props, child) => props.deeplink ? (h("a", { class: props.part, part: props.part, href: props.deeplink }, child)) : (child);
-const FormattedPrice = (props) => {
-  var _a;
-  const locale = props.locale;
-  const formattedPrice = new Intl.NumberFormat(locale, {
-    minimumFractionDigits: 2,
-  }).format(props.price);
-  const fullPrice = `${(_a = props.prefix) !== null && _a !== void 0 ? _a : ""} ${formattedPrice} ${props.currency}`;
-  return (h("span", { class: "price-amount", part: "price-amount" }, fullPrice));
-};
-const Price = (props) => {
-  const priceEl = (h(FormattedPrice, { prefix: props.prefix, currency: props.currency, price: props.price, locale: props.locale }));
-  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 })),
-    h("span", { class: "price-outdated", part: "price-outdated" }, priceEl),
-  ]) : (h("span", { class: "price-regular", part: "price-regular" }, priceEl))));
-};
-const Image = (props) => (h("picture", null,
-  h("img", { loading: "lazy", part: "image", class: "image", width: props.width, height: props.height, src: processWidth(props.src, props.width), alt: props.title })));
-const ResponsiveImage = (props) => (h("picture", null,
-  h("img", { loading: "lazy", part: "image", class: "image responsive", src: processWidth(props.src, props.width), alt: props.title })));
-
-const vviinnProductCardCss = ":host{align-items:center;display:flex;flex-direction:column;gap:8px;height:100%}.price-container{display:flex;flex-direction:column}.price-sale,.price-regular{font-style:normal;font-weight:normal;font-size:16px;line-height:24px;color:#161616}.price-outdated{font-style:normal;font-weight:normal;font-size:16px;line-height:24px;color:#757575;text-decoration:line-through}.product-type{word-wrap:anywhere}.image{display:grid;align-content:center;-o-object-position:50% 50%;object-position:50% 50%;-o-object-fit:contain;object-fit:contain;text-align:center;box-sizing:border-box}img.responsive{width:100%;height:auto;aspect-ratio:1}.brand,.type{display:none}.title{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#161616;display:-webkit-box;font-size:16px;font-style:normal;font-weight:500;line-height:24px;margin-bottom:8px;overflow:hidden}.deeplink{text-decoration:none}.image-link{display:contents}picture{position:relative;width:100%}:host(.dimmed) picture::before{content:\"\";width:100%;height:100%;box-sizing:border-box;background:#f7f7f7;display:block;top:0;left:0;position:absolute;mix-blend-mode:multiply}";
-
-let VviinnProductCard = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.recommendationLoad = createEvent(this, "recommendationLoad", 7);
-    this.recommendationView = createEvent(this, "recommendationView", 7);
-    this.recommendationClick = createEvent(this, "recommendationClick", 7);
-    this.currency = undefined;
-    this.imageRatio = 1;
-    this.imageWidth = 200;
-    this.locale = undefined;
-    this.pricePrefix = undefined;
-    this.responsive = false;
-    this.dimmedBackground = false;
-    this.imageLoaded = false;
-    this.intersectionObserver = new IntersectionObserver(this.intersectionCallback.bind(this), { threshold: 1.0 });
-  }
-  intersectionCallback(data) {
-    if (data.some((entry) => entry.isIntersecting)) {
-      _function.pipe(getAnalyticsModule, Option.map((analytics) => analytics.sendImpression(this.getProduct())));
-      this.recommendationView.emit(this.productId);
-      this.intersectionObserver.disconnect();
-    }
-  }
-  componentDidLoad() {
-    this.recommendationLoad.emit(this.productId);
-    this.intersectionObserver.observe(this.el);
-    const links = this.el.shadowRoot.querySelectorAll("a");
-    links.forEach((link) => link.addEventListener("mousedown", (event) => {
-      this.recommendationClick.emit(this.productId);
-      if (window.ga) {
-        event.preventDefault();
-      }
-      _function.pipe(getAnalyticsModule, Option.match(() => null, (analytics) => analytics.sendClick(this.getProduct())));
-      if (window.ga) {
-        ga("send", "event", "UX", "click", "Results", {
-          hitCallback: function () {
-            document.location.href = this.deeplink;
-          },
-        });
-      }
-    }));
-  }
-  getProduct() {
-    return imageSearchState.results.find((r) => r.productId === this.productId);
-  }
-  renderImage() {
-    const props = {
-      width: this.imageWidth,
-      height: this.imageWidth * this.imageRatio,
-      src: this.image,
-      title: this.productTitle,
-    };
-    return this.responsive ? ResponsiveImage(props) : Image(props);
-  }
-  render() {
-    var _a, _b, _c;
-    return (h(Host, { part: "product-card", class: { dimmed: this.dimmedBackground }, exportparts: "brand, currency, deeplink, image, image-link, price-amount, price-container, price-outdated, price-prefix, price-regular, price-sale, title" }, h(Linked, { deeplink: this.deeplink, part: "image-link" }, this.renderImage()), h(Linked, { deeplink: this.deeplink, part: "deeplink" }, h("span", { class: "title", part: "title" }, this.productTitle)), h("span", { class: "brand", part: "brand" }, this.brand), h("span", { class: "type", part: "type" }, this.productType), h(Price, { prefix: (_a = this.pricePrefix) !== null && _a !== void 0 ? _a : state.pricePrefix, currency: (_b = this.currency) !== null && _b !== void 0 ? _b : state.currencySign, price: this.price, salePrice: this.salePrice, locale: (_c = this.locale) !== null && _c !== void 0 ? _c : state.locale })));
-  }
-  get el() { return getElement(this); }
-};
-VviinnProductCard.style = vviinnProductCardCss;
-
-export { VviinnProductCard as vviinn_product_card };

package/www/build/vviinn-server-error.entry.js

@@ -1,16 +0,0 @@
-import { r as registerInstance, j as createEvent, h, e as Host } from './index-b6d739a9.js';
-
-const vviinnServerErrorCss = ":host{display:block}";
-
-let VviinnServerError = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.actionClick = createEvent(this, "actionClick", 7);
-  }
-  render() {
-    return (h(Host, null, h("vviinn-error", null, h("h4", { slot: "title" }, "Keine Verbindung"), h("span", { slot: "text" }, "Etwas hat leider nicht funktioniert. Bitte pr\u00FCfen Sie Ihre Internetverbindung und laden Sie das Bild noch einmal hoch."), h("button", { slot: "action", onClick: () => this.actionClick.emit() }, "Erneut versuchen"))));
-  }
-};
-VviinnServerError.style = vviinnServerErrorCss;
-
-export { VviinnServerError as vviinn_server_error };

package/www/build/vviinn-slide.entry.js

@@ -1,15 +0,0 @@
-import { r as registerInstance, h, e as Host } from './index-b6d739a9.js';
-
-const vviinnSlideCss = ":host{display:grid;justify-items:center}";
-
-let VviinnSlide = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  render() {
-    return (h(Host, null, h("slot", null)));
-  }
-};
-VviinnSlide.style = vviinnSlideCss;
-
-export { VviinnSlide as vviinn_slide };

package/www/build/vviinn-slider.entry.js

@@ -1,120 +0,0 @@
-import { h, r as registerInstance, e as Host, g as getElement } from './index-b6d739a9.js';
-import { N as NonEmptyArray, _ as _function } from './NonEmptyArray-6ef0d207.js';
-import { O as Option, s as sequenceToOption, a as Ord } from './number-98d54dd6.js';
-import { A as ArrowIcon } from './index-c9483145.js';
-
-const getStyleMap = (data) => {
-  return {
-    "arrow-wrapper": true,
-    [data.kind]: true,
-    disabled: data.disabled,
-  };
-};
-const Arrow = ({ kind, tabindex, disabled, onClick, onKeyDown, }) => (h("div", { class: getStyleMap({ kind, disabled }), onClick: onClick, tabindex: tabindex, onKeyDown: onKeyDown },
-  h(ArrowIcon, null)));
-
-const vviinnSliderCss = ":host{--color-primary-system:#0F62FE;--color-primary-hover-system:#014CDA;--color-icons-system:#2F8EDF;--spacer:8px}:host{--num-items:0;--position:0;display:grid;grid-gap:20px;justify-items:center;position:relative}.items-wrapper{overflow:hidden;width:100%}.items{box-sizing:border-box;display:grid;grid-auto-flow:column;grid-template-columns:repeat(var(--num-items), 100%);transform:translateX(calc(-100% * var(--position)));transition:transform 0.33s ease-in-out}.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)}.bullet{background:#E0E0E0;border-radius:50%;box-sizing:border-box;cursor:pointer;height:8px;width:8px;transition:background 0.1s ease-in-out}.bullet:hover{background:#C6C6C6}.bullet.active{background:var(--color-primary, var(--color-primary-system))}.bullet:active{background:transparent;border:2px solid var(--color-primary, var(--color-primary-system))}.arrow-wrapper{align-items:center;background:white;border:2px solid white;bottom:0;box-sizing:border-box;display:grid;height:calc(var(--spacer) * 6);justify-items:center;margin:auto;position:absolute;top:0;transform:translate3d(0, -50%, 0);transition:border 0.25ms ease-in-out;width:calc(var(--spacer) * 4)}.arrow-wrapper:active{border-color:var(--color-primary, var(--color-primary-system));opacity:0.75}.arrow-wrapper:focus{border-color:var(--color-primary, var(--color-primary-system));opacity:0.5;outline:none}.prev{left:0}.next{right:0}.next>svg{transform:rotate3d(0, 1, 0, 180deg)}.arrow-wrapper>svg{transition:fill 0.25ms ease-in-out;fill:#A8A8A8}.arrow-wrapper:hover>svg{fill:#8D8D8D}";
-
-let VviinnSlider = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.elementsCount = 0;
-    this.internalPosition = 0;
-    this.swipeStartPosition = Option.none;
-    this.showBullets = true;
-    this.position = 0;
-    this.showArrows = false;
-  }
-  positionWatchHandler(newValue) {
-    this.internalPosition = newValue;
-    this.el.style.setProperty("--position", `${newValue}`);
-    this.setActiveCssClassToSlide(newValue);
-  }
-  connectedCallback() {
-    this.handleDomContentChanges();
-  }
-  handleDomContentChanges() {
-    const items = this.el.querySelectorAll("vviinn-slide");
-    this.elementsCount = items.length;
-    this.el.style.setProperty("--num-items", `${this.elementsCount}`);
-    this.setActiveCssClassToSlide(0);
-  }
-  setActiveCssClassToSlide(index) {
-    const items = this.el.querySelectorAll("vviinn-slide");
-    items.forEach((i) => i.classList.remove("active"));
-    items[index].classList.add("active");
-  }
-  goToSlide(index) {
-    this.internalPosition = index;
-    this.el.style.setProperty("--position", `${index}`);
-    this.setActiveCssClassToSlide(index);
-  }
-  renderBullets() {
-    return this.showBullets ? (h("div", { class: "controls" }, NonEmptyArray.range(0, this.elementsCount - 1).map((i) => (h("div", { class: {
-        bullet: true,
-        active: i == this.internalPosition % this.elementsCount,
-      }, onClick: () => this.goToSlide(i) }))))) : null;
-  }
-  nextSlide() {
-    this.internalPosition++;
-    this.renderSlidePosition();
-  }
-  prevSlide() {
-    const nextPostion = this.internalPosition - 1;
-    this.internalPosition =
-      nextPostion > -1 ? nextPostion : this.elementsCount - 1;
-    this.renderSlidePosition();
-  }
-  renderSlidePosition() {
-    requestAnimationFrame(() => {
-      this.el.style.setProperty("--position", `${this.internalPosition % this.elementsCount}`);
-    });
-  }
-  handleKeyDown(event) {
-    if (event.key !== "Space" && event.key !== "Enter")
-      return;
-    const target = event.target;
-    const direction = target.className.includes("prev") ? "prev" : "next";
-    switch (direction) {
-      case "prev":
-        this.prevSlide();
-        break;
-      case "next":
-        this.nextSlide();
-        break;
-    }
-  }
-  handleTouchStart(event) {
-    if (!this.showBullets)
-      return;
-    this.swipeStartPosition = _function.pipe(event.touches[0], Option.fromNullable, Option.map((t) => t.clientX));
-  }
-  handleTouchEnd(event) {
-    if (!this.showBullets)
-      return;
-    const swipeEndPosition = _function.pipe(event.changedTouches[0], Option.fromNullable, Option.map((t) => t.clientX));
-    _function.pipe(sequenceToOption(this.swipeStartPosition, swipeEndPosition), Option.map(([start, end]) => Ord.compare(start, end)), Option.map((swipeDirection) => {
-      switch (swipeDirection) {
-        case 1:
-          return this.nextSlide();
-        case -1:
-          return this.prevSlide();
-      }
-    }));
-  }
-  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.prevSlide(), onKeyDown: (ev) => this.handleKeyDown(ev), tabindex: 1, disabled: false }),
-        h(Arrow, { kind: "next", onClick: () => this.nextSlide(), onKeyDown: (ev) => this.handleKeyDown(ev), tabindex: 0, disabled: false }),
-      ]
-      : null, this.renderBullets()));
-  }
-  get el() { return getElement(this); }
-  static get watchers() { return {
-    "position": ["positionWatchHandler"]
-  }; }
-};
-VviinnSlider.style = vviinnSliderCss;
-
-export { VviinnSlider as vviinn_slider };

package/www/build/vviinn-teaser.entry.js

@@ -1,20 +0,0 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-b6d739a9.js';
-import { s as slotChangeListener } from './customized-slots-f3449695.js';
-
-const vviinnTeaserCss = ":host{align-items:center;display:grid;justify-items:center;grid-gap:16px}.vviinn-teaser-text{font-size:28px;font-weight:600;line-height:40px;size:28px;text-align:center}";
-
-let VviinnTeaser = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  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")))));
-  }
-  get el() { return getElement(this); }
-};
-VviinnTeaser.style = vviinnTeaserCss;
-
-export { VviinnTeaser as vviinn_teaser };