vviinn-widgets 2.3.1 → 2.4.2

package/dist/cjs/Handler-d1a8a86a.js

@@ -1,329 +0,0 @@
-'use strict';
-
-// -------------------------------------------------------------------------------------
-/**
- * @since 2.0.0
- */
-function identity(a) {
-    return a;
-}
-function flow(ab, bc, cd, de, ef, fg, gh, hi, ij) {
-    switch (arguments.length) {
-        case 1:
-            return ab;
-        case 2:
-            return function () {
-                return bc(ab.apply(this, arguments));
-            };
-        case 3:
-            return function () {
-                return cd(bc(ab.apply(this, arguments)));
-            };
-        case 4:
-            return function () {
-                return de(cd(bc(ab.apply(this, arguments))));
-            };
-        case 5:
-            return function () {
-                return ef(de(cd(bc(ab.apply(this, arguments)))));
-            };
-        case 6:
-            return function () {
-                return fg(ef(de(cd(bc(ab.apply(this, arguments))))));
-            };
-        case 7:
-            return function () {
-                return gh(fg(ef(de(cd(bc(ab.apply(this, arguments)))))));
-            };
-        case 8:
-            return function () {
-                return hi(gh(fg(ef(de(cd(bc(ab.apply(this, arguments))))))));
-            };
-        case 9:
-            return function () {
-                return ij(hi(gh(fg(ef(de(cd(bc(ab.apply(this, arguments)))))))));
-            };
-    }
-    return;
-}
-/**
- * @since 2.0.0
- */
-function tuple() {
-    var t = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-        t[_i] = arguments[_i];
-    }
-    return t;
-}
-function pipe(a, ab, bc, cd, de, ef, fg, gh, hi) {
-    switch (arguments.length) {
-        case 1:
-            return a;
-        case 2:
-            return ab(a);
-        case 3:
-            return bc(ab(a));
-        case 4:
-            return cd(bc(ab(a)));
-        case 5:
-            return de(cd(bc(ab(a))));
-        case 6:
-            return ef(de(cd(bc(ab(a)))));
-        case 7:
-            return fg(ef(de(cd(bc(ab(a))))));
-        case 8:
-            return gh(fg(ef(de(cd(bc(ab(a)))))));
-        case 9:
-            return hi(gh(fg(ef(de(cd(bc(ab(a))))))));
-        default:
-            var ret = arguments[0];
-            for (var i = 1; i < arguments.length; i++) {
-                ret = arguments[i](ret);
-            }
-            return ret;
-    }
-}
-
-// -------------------------------------------------------------------------------------
-// Option
-// -------------------------------------------------------------------------------------
-/** @internal */
-var isNone = function (fa) { return fa._tag === 'None'; };
-/** @internal */
-var isSome = function (fa) { return fa._tag === 'Some'; };
-/** @internal */
-var none = { _tag: 'None' };
-/** @internal */
-var some = function (a) { return ({ _tag: 'Some', value: a }); };
-// -------------------------------------------------------------------------------------
-// Either
-// -------------------------------------------------------------------------------------
-/** @internal */
-var isLeft = function (ma) { return ma._tag === 'Left'; };
-/** @internal */
-var left = function (e) { return ({ _tag: 'Left', left: e }); };
-/** @internal */
-var right = function (a) { return ({ _tag: 'Right', right: a }); };
-// -------------------------------------------------------------------------------------
-// Record
-// -------------------------------------------------------------------------------------
-/** @internal */
-var has = Object.prototype.hasOwnProperty;
-
-/**
- * If a type `A` can form a `Semigroup` it has an **associative** binary operation.
- *
- * ```ts
- * interface Semigroup<A> {
- *   readonly concat: (x: A, y: A) => A
- * }
- * ```
- *
- * Associativity means the following equality must hold for any choice of `x`, `y`, and `z`.
- *
- * ```ts
- * concat(x, concat(y, z)) = concat(concat(x, y), z)
- * ```
- *
- * A common example of a semigroup is the type `string` with the operation `+`.
- *
- * ```ts
- * import { Semigroup } from 'fp-ts/Semigroup'
- *
- * const semigroupString: Semigroup<string> = {
- *   concat: (x, y) => x + y
- * }
- *
- * const x = 'x'
- * const y = 'y'
- * const z = 'z'
- *
- * semigroupString.concat(x, y) // 'xy'
- *
- * semigroupString.concat(x, semigroupString.concat(y, z)) // 'xyz'
- *
- * semigroupString.concat(semigroupString.concat(x, y), z) // 'xyz'
- * ```
- *
- * *Adapted from https://typelevel.org/cats*
- *
- * @since 2.0.0
- */
-/**
- * Given a struct of semigroups returns a semigroup for the struct.
- *
- * @example
- * import { struct } from 'fp-ts/Semigroup'
- * import * as N from 'fp-ts/number'
- *
- * interface Point {
- *   readonly x: number
- *   readonly y: number
- * }
- *
- * const S = struct<Point>({
- *   x: N.SemigroupSum,
- *   y: N.SemigroupSum
- * })
- *
- * assert.deepStrictEqual(S.concat({ x: 1, y: 2 }, { x: 3, y: 4 }), { x: 4, y: 6 })
- *
- * @category combinators
- * @since 2.10.0
- */
-var struct = function (semigroups) { return ({
-    concat: function (first, second) {
-        var r = {};
-        for (var k in semigroups) {
-            if (has.call(semigroups, k)) {
-                r[k] = semigroups[k].concat(first[k], second[k]);
-            }
-        }
-        return r;
-    }
-}); };
-// -------------------------------------------------------------------------------------
-// instances
-// -------------------------------------------------------------------------------------
-/**
- * Always return the first argument.
- *
- * @example
- * import * as S from 'fp-ts/Semigroup'
- *
- * assert.deepStrictEqual(S.first<number>().concat(1, 2), 1)
- *
- * @category instances
- * @since 2.10.0
- */
-var first = function () { return ({ concat: identity }); };
-/**
- * Always return the last argument.
- *
- * @example
- * import * as S from 'fp-ts/Semigroup'
- *
- * assert.deepStrictEqual(S.last<number>().concat(1, 2), 2)
- *
- * @category instances
- * @since 2.10.0
- */
-var last = function () { return ({ concat: function (_, y) { return y; } }); };
-/**
- * Use [`SemigroupSum`](./number.ts.html#SemigroupSum) instead.
- *
- * @category instances
- * @since 2.0.0
- * @deprecated
- */
-var semigroupSum = {
-    concat: function (x, y) { return x + y; }
-};
-
-const semigroupDiff = {
-  concat: (x, y) => x - y,
-};
-
-const fromRectangle$1 = ({ x, y }) => {
-  return {
-    x,
-    y,
-  };
-};
-const fromMouseEvent = ({ clientX, clientY }) => {
-  return {
-    x: clientX,
-    y: clientY,
-  };
-};
-const pointDiffSemigroup = struct({
-  x: semigroupDiff,
-  y: semigroupDiff,
-});
-const pointSumSemigroup = struct({
-  x: semigroupSum,
-  y: semigroupSum,
-});
-
-exports.HandlerDirection = void 0;
-(function (HandlerDirection) {
-  HandlerDirection[HandlerDirection["East"] = 0] = "East";
-  HandlerDirection[HandlerDirection["North"] = 1] = "North";
-  HandlerDirection[HandlerDirection["NorthEast"] = 2] = "NorthEast";
-  HandlerDirection[HandlerDirection["NorthWest"] = 3] = "NorthWest";
-  HandlerDirection[HandlerDirection["South"] = 4] = "South";
-  HandlerDirection[HandlerDirection["SouthEast"] = 5] = "SouthEast";
-  HandlerDirection[HandlerDirection["SouthWest"] = 6] = "SouthWest";
-  HandlerDirection[HandlerDirection["West"] = 7] = "West";
-})(exports.HandlerDirection || (exports.HandlerDirection = {}));
-const getCursorValue = (direction) => {
-  switch (direction) {
-    case exports.HandlerDirection.East:
-      return "e-resize";
-    case exports.HandlerDirection.North:
-      return "n-resize";
-    case exports.HandlerDirection.NorthEast:
-      return "ne-resize";
-    case exports.HandlerDirection.NorthWest:
-      return "nw-resize";
-    case exports.HandlerDirection.South:
-      return "s-resize";
-    case exports.HandlerDirection.SouthEast:
-      return "se-resize";
-    case exports.HandlerDirection.SouthWest:
-      return "sw-resize";
-    case exports.HandlerDirection.West:
-      return "w-resize";
-    default:
-      return "pointer";
-  }
-};
-const fromRectangle = (r) => [
-  {
-    position: fromRectangle$1(r),
-    direction: exports.HandlerDirection.NorthWest,
-  },
-  {
-    position: pointSumSemigroup.concat(fromRectangle$1(r), {
-      x: r.width,
-      y: 0,
-    }),
-    direction: exports.HandlerDirection.NorthEast,
-  },
-  {
-    position: pointSumSemigroup.concat(fromRectangle$1(r), {
-      x: 0,
-      y: r.height,
-    }),
-    direction: exports.HandlerDirection.SouthWest,
-  },
-  {
-    position: pointSumSemigroup.concat(fromRectangle$1(r), {
-      x: r.width,
-      y: r.height,
-    }),
-    direction: exports.HandlerDirection.SouthEast,
-  },
-];
-
-exports.first = first;
-exports.flow = flow;
-exports.fromMouseEvent = fromMouseEvent;
-exports.fromRectangle = fromRectangle$1;
-exports.fromRectangle$1 = fromRectangle;
-exports.getCursorValue = getCursorValue;
-exports.identity = identity;
-exports.isLeft = isLeft;
-exports.isNone = isNone;
-exports.isSome = isSome;
-exports.last = last;
-exports.left = left;
-exports.none = none;
-exports.pipe = pipe;
-exports.pointDiffSemigroup = pointDiffSemigroup;
-exports.pointSumSemigroup = pointSumSemigroup;
-exports.right = right;
-exports.some = some;
-exports.struct = struct;
-exports.tuple = tuple;

package/dist/cjs/cropper-handler.cjs.entry.js

@@ -1,27 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-553c2b4f.js');
-const Handler = require('./Handler-d1a8a86a.js');
-
-const cropperHandlerCss = ":host{--size:20px;background:transparent;border:4px solid white;box-sizing:content-box;display:block;height:var(--size);touch-action:none;position:absolute;width:var(--size);z-index:4;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(.disabled){opacity:0.25}:host(.nw-resize){border-bottom:none;border-right:none;top:0;left:0}:host(.ne-resize){border-left:none;border-bottom:none;right:0;top:0}:host(.sw-resize){border-right:none;border-top:none;left:0;bottom:0}:host(.se-resize){border-left:none;border-top:none;bottom:0;right:0}";
-
-let CropperHandler = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.disabled = false;
-  }
-  render() {
-    return (index.h(index.Host, { part: `handle ${Handler.getCursorValue(this.handler.direction)}`, class: {
-        disabled: this.disabled,
-        [Handler.getCursorValue(this.handler.direction)]: true,
-      }, style: {
-        "--size": "20px",
-        cursor: Handler.getCursorValue(this.handler.direction),
-      }, draggable: false }));
-  }
-};
-CropperHandler.style = cropperHandlerCss;
-
-exports.cropper_handler = CropperHandler;

package/dist/cjs/vviinn-error.cjs.entry.js

@@ -1,19 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-553c2b4f.js');
-
-const vviinnErrorCss = ":host{background:#F4F4F4;border-radius:8px;display:grid;grid-gap:20px;padding:24px;text-align:center}::slotted(svg){display:grid;align-self:center}::slotted(h4){margin:unset;font-weight:600;font-size:18px;line-height:24px}::slotted(span){font-size:14px;line-height:20px}::slotted(button){-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--color-primary, var(--color-primary-system));font-weight:600;font-size:16px;line-height:20px;cursor:pointer}";
-
-let VviinnError = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("slot", { name: "icon" }), index.h("slot", { name: "title" }), index.h("slot", { name: "text" }), index.h("slot", { name: "action" })));
-  }
-};
-VviinnError.style = vviinnErrorCss;
-
-exports.vviinn_error = VviinnError;

package/dist/cjs/vviinn-preloader.cjs.entry.js

@@ -1,26 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-553c2b4f.js');
-const imageSearch_store = require('./imageSearch.store-042e9f45.js');
-require('./Handler-d1a8a86a.js');
-
-const vviinnPreloaderCss = ":host{--preloader-size:24px;--preloader-width:calc(var(--preloader-size) / 6);transform-origin:center;-webkit-animation:rotate 3s linear infinite;animation:rotate 3s linear infinite;border:var(--preloader-width) solid white;border-radius:50%;border-top-color:transparent;display:none;outline:0;width:var(--preloader-size);height:var(--preloader-size);box-sizing:border-box}:host(.active){display:flex}@-webkit-keyframes rotate{from{transform:rotate(-360deg)}to{transform:rotate(360deg)}}@keyframes rotate{from{transform:rotate(-360deg)}to{transform:rotate(360deg)}}";
-
-let VviinnPreloader = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  isActive() {
-    return (imageSearch_store.imageSearchState.loading || imageSearch_store.imageSearchState.objectDetectionInProgress);
-  }
-  render() {
-    return (index.h(index.Host, { class: {
-        active: this.isActive(),
-      } }));
-  }
-};
-VviinnPreloader.style = vviinnPreloaderCss;
-
-exports.vviinn_preloader = VviinnPreloader;

package/dist/cjs/vviinn-vps-widget.cjs.entry.js

@@ -1,97 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-553c2b4f.js');
-const imageSearch_store = require('./imageSearch.store-042e9f45.js');
-const customizedSlots = require('./customized-slots-8bc78ad4.js');
-require('./Handler-d1a8a86a.js');
-
-const vviinnVpsWidgetCss = ":host{--color-primary-system:#0F62FE;--color-primary-hover-system:#014CDA;--color-icons-system:#2F8EDF;--spacer:8px}:host{display:block}.hidden{visibility:hidden;height:1px}vviinn-overlayed-modal.first-screen::part(title),vviinn-overlayed-modal.first-screen::part(secondary-action){visibility:hidden}.start-page{display:grid;grid-template-columns:repeat(2, 1fr);min-height:580px}.start-page_block{align-content:start;border-right:1px solid #F4F4F4;display:grid;padding:48px}.start-page_block.error{align-content:center}#onboarding-block{border-right:unset;box-sizing:border-box;grid-gap:24px;overflow-y:auto;position:relative;width:100%}vviinn-teaser{margin-bottom:32px;margin-top:-24px}vviinn-image-selector{align-items:center;background:var(--color-primary, var(--color-primary-system));border-color:var(--color-primary, var(--color-primary-system));border-radius:2px;color:white;display:grid;font-size:16px;font-weight:600;height:56px;justify-items:center;margin-bottom:16px;transition:background 0.1s ease-in-out}vviinn-image-selector:hover{background:var(--color-primary-hover, var(--color-primary-hover-system));border-color:var(--color-primary-hover, var(--color-primary-hover-system))}vviinn-image-selector:active{border-color:black}.upload-button-content{display:grid;align-items:center;justify-items:start;justify-content:center;grid-template-columns:-webkit-max-content auto;grid-template-columns:max-content auto;grid-gap:16px}.results-page{display:grid;grid-template-columns:336px auto;box-sizing:border-box}.results-page>*{padding:24px;box-sizing:border-box}.products{align-content:center;align-items:start;box-sizing:border-box;display:grid;grid-gap:32px 16px;grid-template-columns:repeat(auto-fill, minmax(152px, 1fr));justify-items:center;padding:24px;padding-right:0;position:absolute;width:calc(100% - 16px)}.products.hidden{display:none}vviinn-empty-results{width:280px;align-self:center;justify-self:center}.products-wrapper{display:grid;overflow-y:auto;overflow-x:hidden;padding:unset;position:relative;width:100%}.image-wrapper{border-right:1px solid #F4F4F4;display:grid;grid-template-rows:-webkit-min-content 170px;grid-template-rows:min-content 170px;grid-gap:24px;min-width:100%}.onboarding-wrapper{position:absolute;width:100%;padding:48px;box-sizing:border-box;display:grid;grid-gap:64px;padding-bottom:24px}vviinn-product-card{gap:0;width:100%}vviinn-product-card::part(image){border:1px solid #eaeaea;margin-bottom:8px}vviinn-product-card::part(price-container),vviinn-product-card::part(deeplink),vviinn-product-card::part(title){align-self:start}search-filters span{display:none}search-filters::part(filter){background:#F4F4F4;border-radius:4px;border:1px solid #F4F4F4;box-sizing:border-box;color:#161616;font-size:14px;font-weight:600;line-height:20px}search-filters::part(show-more-filters){border:1px solid #f4f4f4;border-radius:4px;box-sizing:border-box;color:#161616;font-size:14px;font-weight:600;line-height:20px;padding:6px 16px}search-filters::part(show-more-filters):hover{background:#EAEAEA}search-filters::part(filter):hover{background:#EAEAEA}search-filters::part(filter):focus{outline:none;border:1px solid var(--color-primary, var(--color-primary-system))}search-filters::part(filter active){background:rgba(15, 98, 254, 0.15);color:var(--color-primary, var(--color-primary-system))}.filters-wrapper{overflow:auto}.results-page:not(.active){display:none}.nothing-found{display:grid;grid-gap:64px;justify-self:center;padding-top:64px;padding-bottom:16px;position:absolute;width:60%}@media (max-width: 768px){.start-page_block{padding:24px}.onboarding-wrapper{padding:24px}}@media (max-width: 640px){.start-page{grid-template-rows:-webkit-min-content;grid-template-rows:min-content;grid-template-columns:unset;grid-gap:48px;padding:24px 0 48px 0}}@media (max-width: 640px) and (min-width: 415px){.onboarding-wrapper{position:unset}#onboarding-block{overflow:unset}.start-page.active{height:1px;overflow:auto}}@media (max-width: 415px){.results-page>*{box-sizing:border-box;padding:24px}vviinn-slide{padding-bottom:48px}.start-page_block:last-of-type{border-right:unset;overflow-y:unset;position:static;box-sizing:border-box;width:unset}.start-page_block{padding:0 24px}vviinn-teaser{margin-top:24px}.onboarding-wrapper{position:static;width:unset;padding:unset;box-sizing:border-box}.results-page{grid-template-columns:unset;grid-template-rows:-webkit-min-content auto;grid-template-rows:min-content auto}.image{margin-bottom:8px}.image-wrapper{grid-template-rows:-webkit-min-content auto;grid-template-rows:min-content auto;width:100%}.products-wrapper{align-content:start;position:static;overflow-y:unset;width:100%;padding-top:0}.products{position:static;padding:0;width:unset;grid-gap:32px 16px;justify-content:center}.nothing-found{position:static;grid-gap:64px;padding:unset;align-content:start;width:unset}}@media (max-width: 320px){.products{grid-template-columns:unset}}vviinn-wrong-format,vviinn-server-error{width:280px;align-self:center;justify-self:center}";
-
-let VviinnVpsWidget = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    /** When true modal window with widget will be shown */
-    this.active = false;
-    /** Currency sign will shown after price */
-    this.currencySign = "€";
-    /** Locale for currency formatting */
-    this.locale = "de-DE";
-    this.slidePosition = 0;
-    this.width = 0;
-    this.wrongImageFormat = false;
-  }
-  activeWatcher(value) {
-    if (value) {
-      this.overflow = document.body.style.overflow;
-      document.body.style.overflow = "hidden";
-    }
-    else {
-      document.body.style.overflow = this.overflow;
-    }
-  }
-  componentWillLoad() {
-    customizedSlots.slotChangeListener(this, this.el);
-  }
-  connectedCallback() {
-    imageSearch_store.state$1.apiPath = this.apiPath;
-    imageSearch_store.state$1.currencySign = this.currencySign;
-    imageSearch_store.state$1.locale = this.locale;
-    imageSearch_store.imageSearchState.token = this.token;
-  }
-  handleImageSelection() {
-    this.slidePosition = 1;
-    const root = this.el.shadowRoot.querySelector("vviinn-overlayed-modal");
-    const overlay = root.shadowRoot.querySelector("vviinn-overlay");
-    const modal = overlay.querySelector("vviinn-modal");
-    const modalBody = modal.shadowRoot.querySelector(".body");
-    modalBody.scrollTop = 0;
-  }
-  resetState() {
-    this.resetScroll("onboarding-block");
-    this.slidePosition = 0;
-    imageSearch_store.imageSearchState.image = imageSearch_store.Option.none;
-    imageSearch_store.imageSearchState.imageUrl = imageSearch_store.Option.none;
-    imageSearch_store.imageSearchState.imageBounds = imageSearch_store.Option.none;
-    imageSearch_store.imageSearchState.searchArea = imageSearch_store.Option.none;
-    imageSearch_store.imageSearchState.results = [];
-    imageSearch_store.imageSearchState.filters = [];
-    imageSearch_store.imageSearchState.detectedObjects = [];
-    imageSearch_store.imageSearchState.activeIonLink = undefined;
-    imageSearch_store.imageSearchState.rectangleSearchForm = undefined;
-    this.resetScroll("results-block");
-  }
-  haveErrors() {
-    return this.wrongImageFormat || imageSearch_store.imageSearchState.serverError;
-  }
-  resetScroll(elementId, behavior = "auto") {
-    const element = this.el.shadowRoot.getElementById(elementId);
-    element.scroll({ top: 0, left: 0, behavior });
-  }
-  handleModalClose() {
-    this.active = false;
-    this.resetState();
-    const elementsToReset = ["onboarding-block", "results-block"];
-    elementsToReset.forEach((name) => this.resetScroll(name));
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("vviinn-overlayed-modal", { class: { "first-screen": this.slidePosition === 0 }, active: this.active, onSecondaryActionClicked: () => this.resetState(), onModalClosed: () => this.handleModalClose(), exportparts: "secondary-action, title, close-button" }, index.h("vviinn-slider", { showBullets: false, position: this.slidePosition }, index.h("vviinn-slide", { class: { "start-page": true } }, index.h("div", { class: {
-        error: this.haveErrors(),
-        "start-page_block": true,
-      } }, index.h("vviinn-wrong-format", { class: { hidden: !this.wrongImageFormat }, onActionClick: () => (this.wrongImageFormat = false) }), index.h("vviinn-server-error", { class: { hidden: !imageSearch_store.imageSearchState.serverError }, onActionClick: () => (imageSearch_store.imageSearchState.serverError = false) }), index.h("vviinn-teaser", { class: { hidden: this.haveErrors() } }), index.h("vviinn-image-selector", { class: { hidden: this.haveErrors() }, onImageSelected: () => this.handleImageSelection(), onImageSelectedError: () => (this.wrongImageFormat = true), part: "select-image_button" }, index.h("span", { slot: "upload-button-text", class: "upload-button-content" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "29", height: "28", fill: "none" }, index.h("defs", null), index.h("path", { fill: "#fff", "fill-rule": "evenodd", d: "M10.271 3.89A.875.875 0 0111 3.5h7c.293 0 .566.146.728.39l1.49 2.235h3.033a2.625 2.625 0 012.625 2.625V21a2.625 2.625 0 01-2.625 2.625H5.75A2.625 2.625 0 013.125 21V8.75A2.625 2.625 0 015.75 6.125h3.031l1.49-2.235zm1.197 1.36l-1.49 2.235a.875.875 0 01-.729.39H5.75a.875.875 0 00-.875.875V21a.875.875 0 00.875.875h17.5a.875.875 0 00.875-.875V8.75a.875.875 0 00-.875-.875h-3.5a.875.875 0 01-.729-.39l-1.49-2.235h-6.063z", "clip-rule": "evenodd" }), index.h("path", { fill: "#fff", "fill-rule": "evenodd", d: "M14.5 11.375a3.062 3.062 0 100 6.125 3.062 3.062 0 000-6.125zm-4.813 3.063a4.812 4.812 0 119.625 0 4.812 4.812 0 01-9.625 0z", "clip-rule": "evenodd" })), index.h("slot", { name: "vviinn-image-upload-button-text" }, index.h("span", null, "Kamera oder Bild ausw\u00E4hlen")))), index.h("vviinn-privacy-badge", { class: { hidden: this.haveErrors() } })), index.h("div", { id: "onboarding-block", class: "start-page_block" }, index.h("div", { class: "onboarding-wrapper" }, index.h("vviinn-onboarding", null), index.h("vviinn-example-images", { onImageSelected: () => this.handleImageSelection(), onImageSelectedError: () => this.resetScroll("onboarding-block", "smooth") })))), index.h("vviinn-slide", { class: { "results-page": true, active: this.slidePosition == 1 } }, index.h("div", { class: "image-wrapper" }, index.h("vviinn-image-view", null), index.h("div", { class: "filters-wrapper" }, index.h("div", { class: "filters" }, imageSearch_store.imageSearchState.filters.map((filter) => (index.h("search-filters", { filter: filter })))))), index.h("div", { id: "results-block", class: "products-wrapper" }, index.h("div", { class: { "nothing-found": true, hidden: imageSearch_store.imageSearchState.results.length > 0 } }, index.h("vviinn-empty-results", null), index.h("vviinn-onboarding", null)), index.h("div", { class: {
-        hidden: imageSearch_store.imageSearchState.results.length <= 0,
-        products: true,
-      } }, imageSearch_store.imageSearchState.results.map((p) => {
-      var _a;
-      return (index.h("vviinn-product-card", { hidden: true, productTitle: p.title, productId: p.productId, brand: p.brand, deeplink: p.deeplink, price: p.price.actual, salePrice: p.price.sale, imageWidth: 160, image: (_a = p.image.thumbnail) !== null && _a !== void 0 ? _a : p.image.original, part: "product-card" }));
-    }))))))));
-  }
-  get el() { return index.getElement(this); }
-  static get watchers() { return {
-    "active": ["activeWatcher"]
-  }; }
-};
-VviinnVpsWidget.style = vviinnVpsWidgetCss;
-
-exports.vviinn_vps_widget = VviinnVpsWidget;