vviinn-widgets 2.166.0 → 2.167.0

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

@@ -2,12 +2,12 @@
 
 var index = require('./index-A2FtmPS7.js');
 var search_store = require('./search.store-BLHPjH2B.js');
-var _package = require('./package-cwS3_cup.js');
+var _package = require('./package-CTmKiTyO.js');
 var index$1 = require('./index-D_wGgGZa.js');
 var constants = require('./constants-CgBx7Czu.js');
 var Rectangle = require('./Rectangle-oExct0ft.js');
 var customizedSlots = require('./customized-slots-Da3rVnNM.js');
-var index$2 = require('./index-B9ytLPxZ.js');
+var index$2 = require('./index-DYvhURIh.js');
 var triggerFilter = require('./triggerFilter-CJzx3fGm.js');
 var resources = require('./resources-fyqfpLC2.js');
 
@@ -479,9 +479,9 @@ const VviinnEnergyLabel = class {
         customizedSlots.slotChangeListener(this, this.el);
     }
     render() {
-        return (index.h(index.Host, { key: 'c9ca5e5f0a76e5497c7ecfa420dec094373feaa7', class: {
+        return (index.h(index.Host, { key: '7342ec4499392827d9255605eb5d00587b1d59b9', class: {
                 hidden: !this.classIconUrls && !this.productType && !this.classDataSheetUrl,
-            }, exportparts: index$2.energyLabelParts }, index.h("div", { key: 'd7312425ece39ffe6fc8f37680c8e07c45fef845', class: "container", part: "energy-label-container" }, !!this.classIconUrls && (index.h("img", { key: '133182a1aa678209825f9c2208fbeefe884121ec', class: "class-label-icon", part: "energy-label-icon", src: this.classIconUrls[this.iconDirection] })), (this.productType || this.classDataSheetUrl) && (index.h("div", { key: 'c46674ea4ccf0fb286f6547211757403f3a6a738', class: "info-container" }, this.productType && (index.h("span", { key: 'c9f08b56673c60f45fcbebaae5c3316045202572', class: "product-type", part: "energy-label-product-type" }, this.productType)), this.classDataSheetUrl && (index.h("a", { key: '7813f860d0d75f90d40ec47ba98ceb8559ad7ba4', class: "data-sheet-link", part: "energy-label-data-sheet-link", href: this.classDataSheetUrl, target: "_blank", rel: "noopener noreferrer" }, index.h("slot", { key: '004bde63524de975899fc5eb830f68f3aad892b6', name: "vviinn-energy-label-data-sheet-text" }, Rectangle.instance.t("energyLabel.dataSheetText")))))))));
+            }, exportparts: index$2.energyLabelParts }, index.h("div", { key: '4d1ec82fefe845a6168091584ec1d65e4f4cce9c', class: "container", part: "energy-label-container" }, !!this.classIconUrls && (index.h("img", { key: 'cf6e369e1aa542648cae38bd7434ecf3aeb5f62b', class: "class-label-icon", part: "energy-label-icon", src: this.classIconUrls[this.iconDirection] })), (this.productType || this.classDataSheetUrl) && (index.h("div", { key: 'ae0e42d623443b26c3614c8adc24ebc55627877b', class: "info-container" }, this.productType && (index.h("span", { key: 'd139a2c9d57764bc02fbd7bffc4d9b1a2a0b5cb4', class: "product-type", part: "energy-label-product-type" }, this.productType)), this.classDataSheetUrl && (index.h("a", { key: '194d6282f79f2854c2e47e703bf50ffff967b258', class: "data-sheet-link", part: "energy-label-data-sheet-link", href: this.classDataSheetUrl, target: "_blank", rel: "noopener noreferrer" }, index.h("slot", { key: '16b7c90e062b5f7f5eb15b0ecef44aec6520df16', name: "vviinn-energy-label-data-sheet-text" }, Rectangle.instance.t("energyLabel.dataSheetText")))))))));
     }
     get el() { return index.getElement(this); }
 };
@@ -1087,6 +1087,25 @@ const getCommonAnalytics = () => search_store._functionExports.pipe(search_store
 const analyticsMonoid = search_store.OptionExports.getMonoid(SemigroupExports.first());
 const getAnalyticsModule = analyticsMonoid.concat(getGtagAnalytics(), getCommonAnalytics());
 
+function getLastUrlPath(url) {
+    if (!url)
+        return "";
+    if (!url.includes("://"))
+        return url;
+    try {
+        const parsed = new URL(url);
+        const segments = parsed.pathname.split("/").filter(Boolean);
+        return segments.length ? `/${segments.pop()}` : url;
+    }
+    catch (_a) {
+        return url;
+    }
+}
+
+function joinTruthy(arr) {
+    return arr.filter(Boolean).join(" ");
+}
+
 const FIT_EXPR = /fit\/\d+\//;
 const containsFit = (url) => {
     return search_store._functionExports.pipe(url.match(FIT_EXPR), search_store.EitherExports.fromNullable(url), search_store.EitherExports.map(() => url));
@@ -1164,7 +1183,7 @@ const ImageOrPlaceholder = (props) => {
     const hasImage = !!props.src;
     const { num: widthNum, px: widthPx } = getDimensionValues(props.width);
     const { num: heightNum, px: heightPx } = getDimensionValues(props.height);
-    return hasImage ? (index.h("img", { src: props.src, width: widthNum, height: heightNum, alt: props.alt, title: props.title, class: props.className, ref: props.ref, onLoad: props.onLoad, loading: "lazy", part: "image" })) : (index.h("div", { style: {
+    return hasImage ? (index.h("img", { src: props.src, width: widthNum, height: heightNum, alt: props.alt, title: props.title, class: props.className, ref: props.ref, onLoad: props.onLoad, loading: "lazy", part: props.part })) : (index.h("div", { style: {
             width: widthPx,
             height: heightPx,
         }, class: "image-placeholder", part: "image-placeholder", ref: props.ref },
@@ -1174,19 +1193,40 @@ const ImageOrPlaceholder = (props) => {
 const getProcessedSrc = (src, imageResolutionWidth) => {
     return imageResolutionWidth ? processWidth(src, imageResolutionWidth) : src;
 };
-const Image = (props, onLoadEnd = () => undefined) => {
-    const processedSrc = getProcessedSrc(props.src, props.imageResolutionWidth);
-    return (index.h("picture", { part: "image-picture" },
-        index.h(ImageOrPlaceholder, { src: processedSrc, width: props.width, height: props.height, alt: props.title, title: props.title, className: "image", ref: props.ref, onLoad: onLoadEnd }),
-        props.isSource && index.h(index$1.PlusIcon, null)));
+const UniversalImage = ({ width, height, title, src, ref, isSource, imageResolutionWidth, isResponsive = false, isFullHeight = false, additionalClasses = [], additionalParts = [], onLoadEnd = () => undefined, }) => {
+    const processedSrc = getProcessedSrc(src, imageResolutionWidth);
+    const classes = joinTruthy([
+        "image",
+        isResponsive && "responsive",
+        isFullHeight && "content-card-image",
+        ...additionalClasses,
+    ]);
+    const computeParts = (base) => joinTruthy([
+        base,
+        isFullHeight &&
+            (base === "image-picture"
+                ? "content-card-image-picture"
+                : "content-card-image"),
+        ...additionalParts,
+    ]);
+    const parts = computeParts("image-picture");
+    const imageParts = computeParts("image");
+    return (index.h("picture", { part: parts },
+        index.h(ImageOrPlaceholder, { src: processedSrc, width: !isResponsive ? width : undefined, height: !isResponsive ? height : undefined, alt: title, title: title, part: imageParts, className: classes, ref: ref, onLoad: onLoadEnd }),
+        isSource && index.h(index$1.PlusIcon, null)));
+};
+const renderImage = (imageProps, isResponsive, isFullHeight = false) => {
+    return UniversalImage(Object.assign(Object.assign({}, imageProps), { isResponsive,
+        isFullHeight }));
 };
-const ResponsiveImage = (props, onLoadEnd = () => undefined) => {
-    const processedSrc = getProcessedSrc(props.src, props.imageResolutionWidth);
-    return (index.h("picture", { part: "image-picture" },
-        index.h(ImageOrPlaceholder, { src: processedSrc, alt: props.title, title: props.title, className: "image responsive", ref: props.ref, onLoad: onLoadEnd })));
+const ContentCardContent = (contentText, contentLink, labelText = "Content") => {
+    return (index.h("div", { class: "content-container", part: "content-container content-card-content-container" },
+        index.h("div", { class: "content-label", part: "content-label" }, labelText),
+        contentText && (index.h("div", { class: "content-text", part: "content-text", title: contentText }, contentText)),
+        contentLink && (index.h(Linked, { deeplink: contentLink, class: "content-link", part: "content-link" }, getLastUrlPath(contentLink)))));
 };
 
-const vviinnProductCardCss$1 = ":host{--font-family-base:Inter, system-ui, sans-serif;--font-family-mono:monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-size-title:24px;--font-size-headline:18px;--font-size-label-large:16px;--font-size-label:14px;--font-size-body-large:16px;--font-size-body:14px;--font-size-caption:12px;--line-height-title:32px;--line-height-headline:24px;--line-height-label-large:24px;--line-height-label:20px;--line-height-body-large:24px;--line-height-body:20px;--line-height-caption:16px;--letter-spacing-title:0px;--letter-spacing-headline:0px;--letter-spacing-label-large:0px;--letter-spacing-label:0px;--letter-spacing-body-large:0px;--letter-spacing-body:0px;--letter-spacing-caption:0px;--font-weight-400:400;--font-weight-500:500;--font-weight-600:600;--font-weight-700:700;--spacing-none:0px;--spacing-25:2px;--spacing-50:4px;--spacing-75:6px;--spacing-100:8px;--spacing-125:10px;--spacing-150:12px;--spacing-200:16px;--spacing-250:20px;--spacing-300:24px;--spacing-400:32px;--spacing-500:40px;--spacing-600:48px;--border-radius-none:0px;--border-radius-25:2px;--border-radius-50:4px;--border-radius-100:8px;--border-radius-150:12px;--border-radius-200:16px;--border-radius-300:24px;--border-radius-400:32px;--border-radius-full:9999px;--stroke-width-none:0px;--stroke-width-25:1px;--stroke-width-50:2px;--stroke-width-75:3px;--stroke-width-100:4px;--stroke-width-150:6px;--stroke-width-200:8px;--stroke-width-300:12px;--product-card-widget-min-width:135px;--product-card-results-min-width:250px;--image-set-mode-min-width:155px;--product-card-set-mode-max-width:300px;--source-card-set-mode-max-width:500px;--filter-blur-none:0px;--filter-blur-100:8px;--filter-blur-150:12px;--filter-blur-200:16px;--color-bg-base:#ffffff;--color-bg-inverse:#161616;--color-border-00:#ffffff;--color-border-01:#f4f4f4;--color-border-02:#e0e0e0;--color-border-03:#c6c6c6;--color-border-inverse-00:#161616;--color-border-inverse-01:#393939;--color-field-01:#ffffff;--color-field-02:#f4f4f4;--color-icon-primary:#161616;--color-icon-secondary:#525252;--color-icon-helper:#8d8d8d;--color-icon-on-color:#ffffff;--color-icon-inverse:#ffffff;--color-icon-disabled:#16161640;--color-text-primary:#161616;--color-text-secondary:#525252;--color-text-helper:#8d8d8d;--color-text-placeholder:#a8a8a8;--color-text-on-color:#ffffff;--color-text-inverse:#ffffff;--color-text-disabled:#16161640;--button-bg-color-primary:#000000;--button-bg-color-primary-hover:#161616;--button-bg-color-primary-active:#1e1e1e;--button-bg-color-secondary:#f4f4f4;--button-bg-color-secondary-hover:#e0e0e0;--button-bg-color-secondary-active:#c6c6c6;--button-bg-color-ghost-hover:#f4f4f4;--button-bg-color-ghost-active:#eaeaea;--button-bg-color-frosted:#6f6f6f66;--button-bg-color-frosted-hover:#6f6f6f80;--button-bg-color-frosted-active:#6f6f6f99;--button-bg-color-disabled:#e0e0e0;--button-bg-color-positive:#dcfce7;--surface-bg-color-01:#f4f4f4;--surface-bg-color-01-hover:#eaeaea;--surface-bg-color-01-active:#e0e0e0;--surface-bg-color-02:#ffffff;--surface-bg-color-inverse:#262626;--surface-bg-color-inverse-hover:#303030;--surface-bg-color-inverse-active:#393939;--surface-bg-color-disabled:#e0e0e0;--chip-bg-color-primary:#161616;--chip-bg-color-primary-hover:#1e1e1e;--chip-bg-color-primary-active:#262626;--chip-bg-color-subtle:#f4f4f4;--chip-bg-color-subtle-hover:#eaeaea;--chip-bg-color-subtle-active:#e0e0e0;--chip-bg-color-outline-hover:#f4f4f4;--chip-bg-color-outline-active:#eaeaea;--label-bg-color-accent:#ff3944;}:host{--product-card-content-align-default:flex-start;--product-card-text-align-default:left;--product-card-image-border-default:none;--product-card-image-bg-color-default:var(--surface-bg-color-01);--basket-button-bg-color-pressed-default:var(--button-bg-color-positive);position:relative;height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column;align-items:var(\n    --product-card-content-align,\n    var(--product-card-content-align-default)\n  );text-align:var(\n    --product-card-text-align,\n    var(--product-card-text-align-default)\n  );font-family:var(--font-family, var(--font-family-base));font-weight:var(--font-weight-400);font-size:var(--font-size-body);line-height:var(--line-height-body);font-style:normal;color:var(--color-text-primary);gap:var(--spacing-100)}.image-container{position:relative;width:100%}.image-placeholder{display:flex;align-items:center;justify-content:center;background:#f0f0f0;aspect-ratio:1 / 1;width:100%;height:auto}.basket-button-container{width:100%;display:flex;justify-content:var(\n    --product-card-content-align,\n    var(--product-card-content-align-default)\n  )}.content-container{display:grid;width:100%;grid-template-columns:1fr;align-items:var(\n    --product-card-content-align,\n    var(--product-card-content-align-default)\n  );gap:var(--spacing-50)}.price-container{display:flex;flex-direction:column;gap:var(--spacing-50);flex-wrap:wrap;justify-content:var(\n    --product-card-content-align,\n    var(--product-card-content-align-default)\n  )}.price-outdated,.price-sale,.price-regular{justify-content:var(\n    --product-card-content-align,\n    var(--product-card-content-align-default)\n  );display:flex;gap:var(--spacing-100);flex-wrap:wrap}.price-outdated{color:var(--color-text-helper);text-decoration:line-through}.custom-label{font-weight:var(--font-weight-600);display:none}.price-amount,.custom-label>span,.currency{white-space:nowrap}.custom-label>span{margin-right:var(--spacing-75)}.price-amount--base{color:var(--color-text-helper);font-size:var(--font-size-caption)}.product-type{word-wrap:anywhere}.image{box-sizing:border-box;display:grid;align-content:center;-o-object-position:50% 50%;object-position:50% 50%;aspect-ratio:1;-o-object-fit:contain;object-fit:contain;text-align:center;border:var(\n    --product-card-image-border,\n    var(--product-card-image-border-default)\n  )}.image.responsive{width:100%;height:auto}.currency{padding-left:var(--spacing-50)}.brand,.title,.product-type{display:-webkit-box;max-width:var(--product-card-set-mode-max-width);text-align:var(\n    --product-card-text-align,\n    var(--product-card-text-align-default)\n  );-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow-wrap:anywhere;text-overflow:ellipsis;overflow:hidden}.title{font-weight:var(--font-weight-600);color:var(--color-text-primary);-webkit-line-clamp:2}.deeplink{max-width:100%;text-decoration:none}.image-link{display:contents}picture{display:block;width:100%;height:100%;position:relative}picture::before{display:block;box-sizing:border-box;position:absolute;width:100%;height:100%;top:0;left:0;content:\"\";opacity:0}.product-card-actions,.product-card-actions-top{line-height:0px;position:absolute;right:var(--spacing-75)}.product-card-actions-top{top:var(--spacing-75)}.product-card-actions{bottom:var(--spacing-75)}::slotted([slot=\"vviinn-product-card-actions\"]),.product-card-actions-top,.product-card-actions{display:flex;flex-direction:column;gap:4px}.product-card-actions-top button,.product-card-actions button,vviinn-vpr-button::part(button),.update-button{width:24px;height:24px;line-height:0px;z-index:1;border:none;cursor:pointer;background:none;background-color:var(--button-bg-color-frosted);color:var(--color-icon-on-color);-webkit-backdrop-filter:blur(calc(var(--filter-blur-150) / 2));backdrop-filter:blur(calc(var(--filter-blur-150) / 2));border-radius:var(--border-radius-100);padding:var(--spacing-50);display:flex;justify-content:center;align-items:center}.product-card-actions-top button:hover,.product-card-actions button:hover,.product-card-actions vviinn-vpr-button::part(button):hover,.update-button:hover{background-color:var(--button-bg-color-frosted-hover)}.product-card-actions-top button::after,.product-card-actions button::after,.product-card-actions vviinn-vpr-button::part(button)::after,.update-button::after{position:absolute;width:calc(100% + var(--spacing-100));height:calc(100% + var(--spacing-100));top:calc(-1 * var(--spacing-50));right:calc(-1 * var(--spacing-50));content:\"\";cursor:pointer}.basket-button{box-sizing:border-box;border:none;width:100%;padding:var(--spacing-100);font-size:var(--font-size-label);font-weight:var(--font-weight-600);font-family:var(--font-family, var(--font-family-base));color:var(--color-text-primary);background-color:var(--button-bg-color-secondary);cursor:pointer}.basket-button:hover{background-color:var(--button-bg-color-secondary-hover)}.basket-button-icon-container{display:inline-flex;align-items:center;justify-content:center}picture::after{box-sizing:border-box;display:block;position:absolute;width:100%;height:100%;top:0;left:0;background-color:var(\n    --product-card-image-bg-color,\n    var(--product-card-image-bg-color-default)\n  );mix-blend-mode:multiply;content:\"\"}:host(.animated) picture::after{mix-blend-mode:normal}:host(.animated) picture::before{opacity:1;animation:pulse 1.8s infinite}:host(.animated) picture::after{content:url(\"data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_810_154)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M64.7332 1.23333C66.2665 12.2667 67.9665 13.9667 78.6665 15.2333C79.4332 15.3333 79.9999 15.9333 79.9999 16.6667C79.9999 17.4 79.4665 17.9333 78.6665 18.0667C67.9665 19.3667 66.2999 21.0333 64.7332 32.0667C64.6332 32.8 64.0665 33.3333 63.3665 33.3333C62.6665 33.3333 62.0999 32.8 61.9665 32.0667C60.4665 21.0333 58.7665 19.3667 48.0332 18.0667C47.2332 17.9667 46.6999 17.4333 46.6999 16.6667C46.6999 15.9 47.2332 15.3667 48.0332 15.2333C58.7665 13.7667 60.3999 12.2 61.9665 1.23333C62.0999 0.5 62.6665 0 63.3665 0C64.0665 0 64.5999 0.5 64.7332 1.23333ZM38.5665 71.5667C38.3665 72.6 37.6665 73.3333 36.6665 73.3333C35.6665 73.3333 34.9665 72.6 34.7998 71.5667C31.9332 50.7 29.0998 47.9 8.49984 45.2C7.39984 45.1 6.6665 44.3 6.6665 43.3C6.6665 42.3 7.39984 41.5333 8.49984 41.4333C29.1332 39.1333 32.0998 35.9333 34.7998 15.0333C34.9665 14.0333 35.6665 13.3333 36.6665 13.3333C37.6665 13.3333 38.3665 14 38.5665 15.0333C41.2665 35.9333 44.1998 39.1333 64.8665 41.4333C65.9332 41.5333 66.6665 42.2667 66.6665 43.3C66.6665 44.3333 65.9332 45.1 64.8665 45.2C44.1998 47.5 41.2665 50.7 38.5665 71.5667Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_810_154'%3E%3Crect width='80' height='80' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\");position:absolute;width:80px;height:80px;left:calc(50% - 40px);top:calc(50% - 40px);background-color:transparent}:host(.animated) .product-card-actions,:host(.animated) .product-card-actions-top{display:none}.basket-button-content{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:var(--spacing-75)}:host(.product-card--source){flex-grow:1}:host(.product-card--source) picture{aspect-ratio:1}picture .plus-icon{position:absolute;width:32px;height:32px;top:calc(50% - 32px);right:-88px;padding:var(--spacing-200);background-color:var(--color-bg-base);color:var(--color-text-placeholder);outline:1px solid var(--color-border-01);z-index:1;border-radius:50%}.basket-button.pressed{background-color:var(\n    --basket-button-bg-color-pressed,\n    var(--basket-button-bg-color-pressed-default)\n  )}.basket-button.pressed .discount-percentage{padding-right:var(--spacing-50)}@media (max-width: 768px){picture .plus-icon{padding:var(--spacing-100);top:calc(50% - var(--spacing-300));right:calc(-1 * var(--spacing-300))}}@keyframes pulse{0%{background-color:var(--surface-bg-color-01)}50%{background-color:var(--surface-bg-color-01-active)}100%{background-color:var(--surface-bg-color-01)}}.discount-label{position:absolute;left:var(--spacing-none);top:var(--spacing-150);padding:var(--spacing-25) var(--spacing-50);border-radius:var(--border-radius-none) var(--border-radius-50)\n    var(--border-radius-50) var(--border-radius-none);color:var(--color-text-on-color);background-color:var(--label-bg-color-accent);letter-spacing:var(--letter-spacing-label)}vviinn-energy-label{justify-content:var(\n    --product-card-content-align,\n    var(--product-card-content-align-default)\n  )}.footer-arrow{position:absolute;bottom:-35px;left:50%;width:0;height:0;transform:translate(-50%, 0) rotate(90deg);border-top:22px solid transparent;border-bottom:22px solid transparent;border-right:22px solid var(--color-border-02);z-index:99}.footer-arrow::after{content:\"\";width:0;height:0;border-top:21px solid transparent;border-bottom:21px solid transparent;border-right:21.5px solid #ffffff;position:absolute;top:-21px;left:1px}.hidden{display:none !important}";
+const vviinnProductCardCss$1 = ":host{--font-family-base:Inter, system-ui, sans-serif;--font-family-mono:monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-size-title:24px;--font-size-headline:18px;--font-size-label-large:16px;--font-size-label:14px;--font-size-body-large:16px;--font-size-body:14px;--font-size-caption:12px;--line-height-title:32px;--line-height-headline:24px;--line-height-label-large:24px;--line-height-label:20px;--line-height-body-large:24px;--line-height-body:20px;--line-height-caption:16px;--letter-spacing-title:0px;--letter-spacing-headline:0px;--letter-spacing-label-large:0px;--letter-spacing-label:0px;--letter-spacing-body-large:0px;--letter-spacing-body:0px;--letter-spacing-caption:0px;--font-weight-400:400;--font-weight-500:500;--font-weight-600:600;--font-weight-700:700;--spacing-none:0px;--spacing-25:2px;--spacing-50:4px;--spacing-75:6px;--spacing-100:8px;--spacing-125:10px;--spacing-150:12px;--spacing-200:16px;--spacing-250:20px;--spacing-300:24px;--spacing-400:32px;--spacing-500:40px;--spacing-600:48px;--border-radius-none:0px;--border-radius-25:2px;--border-radius-50:4px;--border-radius-100:8px;--border-radius-150:12px;--border-radius-200:16px;--border-radius-300:24px;--border-radius-400:32px;--border-radius-full:9999px;--stroke-width-none:0px;--stroke-width-25:1px;--stroke-width-50:2px;--stroke-width-75:3px;--stroke-width-100:4px;--stroke-width-150:6px;--stroke-width-200:8px;--stroke-width-300:12px;--product-card-widget-min-width:135px;--product-card-results-min-width:250px;--image-set-mode-min-width:155px;--product-card-set-mode-max-width:300px;--source-card-set-mode-max-width:500px;--filter-blur-none:0px;--filter-blur-100:8px;--filter-blur-150:12px;--filter-blur-200:16px;--color-bg-base:#ffffff;--color-bg-inverse:#161616;--color-border-00:#ffffff;--color-border-01:#f4f4f4;--color-border-02:#e0e0e0;--color-border-03:#c6c6c6;--color-border-inverse-00:#161616;--color-border-inverse-01:#393939;--color-field-01:#ffffff;--color-field-02:#f4f4f4;--color-icon-primary:#161616;--color-icon-secondary:#525252;--color-icon-helper:#8d8d8d;--color-icon-on-color:#ffffff;--color-icon-inverse:#ffffff;--color-icon-disabled:#16161640;--color-text-primary:#161616;--color-text-secondary:#525252;--color-text-helper:#8d8d8d;--color-text-placeholder:#a8a8a8;--color-text-on-color:#ffffff;--color-text-inverse:#ffffff;--color-text-disabled:#16161640;--button-bg-color-primary:#000000;--button-bg-color-primary-hover:#161616;--button-bg-color-primary-active:#1e1e1e;--button-bg-color-secondary:#f4f4f4;--button-bg-color-secondary-hover:#e0e0e0;--button-bg-color-secondary-active:#c6c6c6;--button-bg-color-ghost-hover:#f4f4f4;--button-bg-color-ghost-active:#eaeaea;--button-bg-color-frosted:#6f6f6f66;--button-bg-color-frosted-hover:#6f6f6f80;--button-bg-color-frosted-active:#6f6f6f99;--button-bg-color-disabled:#e0e0e0;--button-bg-color-positive:#dcfce7;--surface-bg-color-01:#f4f4f4;--surface-bg-color-01-hover:#eaeaea;--surface-bg-color-01-active:#e0e0e0;--surface-bg-color-02:#ffffff;--surface-bg-color-inverse:#262626;--surface-bg-color-inverse-hover:#303030;--surface-bg-color-inverse-active:#393939;--surface-bg-color-disabled:#e0e0e0;--chip-bg-color-primary:#161616;--chip-bg-color-primary-hover:#1e1e1e;--chip-bg-color-primary-active:#262626;--chip-bg-color-subtle:#f4f4f4;--chip-bg-color-subtle-hover:#eaeaea;--chip-bg-color-subtle-active:#e0e0e0;--chip-bg-color-outline-hover:#f4f4f4;--chip-bg-color-outline-active:#eaeaea;--label-bg-color-accent:#ff3944;}:host{--product-card-content-align-default:flex-start;--product-card-text-align-default:left;--product-card-image-border-default:none;--product-card-image-bg-color-default:var(--surface-bg-color-01);--basket-button-bg-color-pressed-default:var(--button-bg-color-positive);position:relative;height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column;align-items:var(\n    --product-card-content-align,\n    var(--product-card-content-align-default)\n  );text-align:var(\n    --product-card-text-align,\n    var(--product-card-text-align-default)\n  );font-family:var(--font-family, var(--font-family-base));font-weight:var(--font-weight-400);font-size:var(--font-size-body);line-height:var(--line-height-body);font-style:normal;color:var(--color-text-primary);gap:var(--spacing-100)}.image-container{position:relative;width:100%}.image-placeholder{display:flex;align-items:center;justify-content:center;background:#f0f0f0;aspect-ratio:1 / 1;width:100%;height:auto}.basket-button-container{width:100%;display:flex;justify-content:var(\n    --product-card-content-align,\n    var(--product-card-content-align-default)\n  )}.content-container{display:grid;width:100%;grid-template-columns:1fr;align-items:var(\n    --product-card-content-align,\n    var(--product-card-content-align-default)\n  );gap:var(--spacing-50)}.price-container{display:flex;flex-direction:column;gap:var(--spacing-50);flex-wrap:wrap;justify-content:var(\n    --product-card-content-align,\n    var(--product-card-content-align-default)\n  )}.price-outdated,.price-sale,.price-regular{justify-content:var(\n    --product-card-content-align,\n    var(--product-card-content-align-default)\n  );display:flex;gap:var(--spacing-100);flex-wrap:wrap}.price-outdated{color:var(--color-text-helper);text-decoration:line-through}.custom-label{font-weight:var(--font-weight-600);display:none}.price-amount,.custom-label>span,.currency{white-space:nowrap}.custom-label>span{margin-right:var(--spacing-75)}.price-amount--base{color:var(--color-text-helper);font-size:var(--font-size-caption)}.product-type{word-wrap:anywhere}.image{box-sizing:border-box;display:grid;align-content:center;-o-object-position:50% 50%;object-position:50% 50%;aspect-ratio:1;-o-object-fit:contain;object-fit:contain;text-align:center;border:var(\n    --product-card-image-border,\n    var(--product-card-image-border-default)\n  )}.image.responsive{width:100%;height:auto}.currency{padding-left:var(--spacing-50)}.brand,.title,.product-type{display:-webkit-box;max-width:var(--product-card-set-mode-max-width);text-align:var(\n    --product-card-text-align,\n    var(--product-card-text-align-default)\n  );-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow-wrap:anywhere;text-overflow:ellipsis;overflow:hidden}.title{font-weight:var(--font-weight-600);color:var(--color-text-primary);-webkit-line-clamp:2}.deeplink{max-width:100%;text-decoration:none}.image-link{display:contents}picture{display:block;width:100%;height:100%;position:relative}picture::before{display:block;box-sizing:border-box;position:absolute;width:100%;height:100%;top:0;left:0;content:\"\";opacity:0}.product-card-actions,.product-card-actions-top{line-height:0px;position:absolute;right:var(--spacing-75)}.product-card-actions-top{top:var(--spacing-75)}.product-card-actions{bottom:var(--spacing-75)}::slotted([slot=\"vviinn-product-card-actions\"]),.product-card-actions-top,.product-card-actions{display:flex;flex-direction:column;gap:4px}.product-card-actions-top button,.product-card-actions button,vviinn-vpr-button::part(button),.update-button{width:24px;height:24px;line-height:0px;z-index:1;border:none;cursor:pointer;background:none;background-color:var(--button-bg-color-frosted);color:var(--color-icon-on-color);-webkit-backdrop-filter:blur(calc(var(--filter-blur-150) / 2));backdrop-filter:blur(calc(var(--filter-blur-150) / 2));border-radius:var(--border-radius-100);padding:var(--spacing-50);display:flex;justify-content:center;align-items:center}.product-card-actions-top button:hover,.product-card-actions button:hover,.product-card-actions vviinn-vpr-button::part(button):hover,.update-button:hover{background-color:var(--button-bg-color-frosted-hover)}.product-card-actions-top button::after,.product-card-actions button::after,.product-card-actions vviinn-vpr-button::part(button)::after,.update-button::after{position:absolute;width:calc(100% + var(--spacing-100));height:calc(100% + var(--spacing-100));top:calc(-1 * var(--spacing-50));right:calc(-1 * var(--spacing-50));content:\"\";cursor:pointer}.basket-button{box-sizing:border-box;border:none;width:100%;padding:var(--spacing-100);font-size:var(--font-size-label);font-weight:var(--font-weight-600);font-family:var(--font-family, var(--font-family-base));color:var(--color-text-primary);background-color:var(--button-bg-color-secondary);cursor:pointer}.basket-button:hover{background-color:var(--button-bg-color-secondary-hover)}.basket-button-icon-container{display:inline-flex;align-items:center;justify-content:center}picture::after{box-sizing:border-box;display:block;position:absolute;width:100%;height:100%;top:0;left:0;background-color:var(\n    --product-card-image-bg-color,\n    var(--product-card-image-bg-color-default)\n  );mix-blend-mode:multiply;content:\"\"}:host(.animated) picture::after{mix-blend-mode:normal}:host(.animated) picture::before{opacity:1;animation:pulse 1.8s infinite}:host(.animated) picture::after{content:url(\"data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_810_154)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M64.7332 1.23333C66.2665 12.2667 67.9665 13.9667 78.6665 15.2333C79.4332 15.3333 79.9999 15.9333 79.9999 16.6667C79.9999 17.4 79.4665 17.9333 78.6665 18.0667C67.9665 19.3667 66.2999 21.0333 64.7332 32.0667C64.6332 32.8 64.0665 33.3333 63.3665 33.3333C62.6665 33.3333 62.0999 32.8 61.9665 32.0667C60.4665 21.0333 58.7665 19.3667 48.0332 18.0667C47.2332 17.9667 46.6999 17.4333 46.6999 16.6667C46.6999 15.9 47.2332 15.3667 48.0332 15.2333C58.7665 13.7667 60.3999 12.2 61.9665 1.23333C62.0999 0.5 62.6665 0 63.3665 0C64.0665 0 64.5999 0.5 64.7332 1.23333ZM38.5665 71.5667C38.3665 72.6 37.6665 73.3333 36.6665 73.3333C35.6665 73.3333 34.9665 72.6 34.7998 71.5667C31.9332 50.7 29.0998 47.9 8.49984 45.2C7.39984 45.1 6.6665 44.3 6.6665 43.3C6.6665 42.3 7.39984 41.5333 8.49984 41.4333C29.1332 39.1333 32.0998 35.9333 34.7998 15.0333C34.9665 14.0333 35.6665 13.3333 36.6665 13.3333C37.6665 13.3333 38.3665 14 38.5665 15.0333C41.2665 35.9333 44.1998 39.1333 64.8665 41.4333C65.9332 41.5333 66.6665 42.2667 66.6665 43.3C66.6665 44.3333 65.9332 45.1 64.8665 45.2C44.1998 47.5 41.2665 50.7 38.5665 71.5667Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_810_154'%3E%3Crect width='80' height='80' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\");position:absolute;width:80px;height:80px;left:calc(50% - 40px);top:calc(50% - 40px);background-color:transparent}:host(.animated) .product-card-actions,:host(.animated) .product-card-actions-top{display:none}.basket-button-content{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:var(--spacing-75)}:host(.product-card--source){flex-grow:1}:host(.product-card--source) picture{aspect-ratio:1}picture .plus-icon{position:absolute;width:32px;height:32px;top:calc(50% - 32px);right:-88px;padding:var(--spacing-200);background-color:var(--color-bg-base);color:var(--color-text-placeholder);outline:1px solid var(--color-border-01);z-index:1;border-radius:50%}.basket-button.pressed{background-color:var(\n    --basket-button-bg-color-pressed,\n    var(--basket-button-bg-color-pressed-default)\n  )}.basket-button.pressed .discount-percentage{padding-right:var(--spacing-50)}@media (max-width: 768px){picture .plus-icon{padding:var(--spacing-100);top:calc(50% - var(--spacing-300));right:calc(-1 * var(--spacing-300))}}@keyframes pulse{0%{background-color:var(--surface-bg-color-01)}50%{background-color:var(--surface-bg-color-01-active)}100%{background-color:var(--surface-bg-color-01)}}.discount-label{position:absolute;left:var(--spacing-none);top:var(--spacing-150);padding:var(--spacing-25) var(--spacing-50);border-radius:var(--border-radius-none) var(--border-radius-50)\n    var(--border-radius-50) var(--border-radius-none);color:var(--color-text-on-color);background-color:var(--label-bg-color-accent);letter-spacing:var(--letter-spacing-label)}vviinn-energy-label{justify-content:var(\n    --product-card-content-align,\n    var(--product-card-content-align-default)\n  )}:host(.content-card){height:auto}.content-card-image-container{height:100%}.content-card-image{aspect-ratio:unset;-o-object-fit:cover;object-fit:cover}.content-card-image.responsive{min-width:100%;height:100%}.content-text,.content-link{display:-webkit-box;-webkit-box-orient:vertical;overflow-wrap:anywhere;text-overflow:ellipsis;overflow:hidden}.content-text{-webkit-line-clamp:3;font-size:var(--font-size-headline);font-weight:var(--font-weight-600);line-height:var(--line-height-headline);letter-spacing:var(--letter-spacing-headline)}.content-link{-webkit-line-clamp:1;color:var(--color-content-accent);text-decoration:none}.footer-arrow{position:absolute;bottom:-35px;left:50%;width:0;height:0;transform:translate(-50%, 0) rotate(90deg);border-top:22px solid transparent;border-bottom:22px solid transparent;border-right:22px solid var(--color-border-02);z-index:99}.footer-arrow::after{content:\"\";width:0;height:0;border-top:21px solid transparent;border-bottom:21px solid transparent;border-right:21.5px solid #ffffff;position:absolute;top:-21px;left:1px}.hidden{display:none !important}";
 
 const VviinnProductCard = class {
     constructor(hostRef) {
@@ -1208,6 +1248,8 @@ const VviinnProductCard = class {
         this.responsive = false;
         this.customLabels = "";
         this.addPriceContainer = false;
+        /** If true, renders the card in 'Content' mode (special layout) */
+        this.isContentCard = false;
         /** @internal */
         this.index = 0;
         /** @internal */
@@ -1243,6 +1285,7 @@ const VviinnProductCard = class {
     }
     connectedCallback() {
         this.productData = this.getProductData();
+        this.imageProps = this.getImageProps();
         this.isStandalone &&
             Rectangle.instance.init({
                 lng: this.locale,
@@ -1327,8 +1370,8 @@ const VviinnProductCard = class {
     getProduct() {
         return search_store.searchState.results.find((r) => r.productId === this.productId);
     }
-    renderImage() {
-        const props = {
+    getImageProps() {
+        return {
             width: this.imageWidth,
             height: this.imageWidth * this.imageRatio,
             src: this.image,
@@ -1339,19 +1382,21 @@ const VviinnProductCard = class {
             },
             isSource: this.isSourceProduct,
         };
-        return this.responsive ? ResponsiveImage(props) : Image(props);
     }
     render() {
         var _a, _b, _c;
-        return (index.h(index.Host, { key: 'f337ddf6a59fc953360eeea9c7f02dc2e338c6fe', part: "product-card", class: {
+        if (this.isContentCard) {
+            return (index.h(index.Host, { part: "product-card content-card", class: "content-card", exportparts: index$2.contentCardParts }, index.h("div", { class: "image-container content-card-image-container", part: "image-container" }, index.h(Linked, { deeplink: this.contentLink, part: "image-link content-image-link" }, renderImage(this.imageProps, this.responsive, true))), ContentCardContent(this.contentText, this.contentLink)));
+        }
+        return (index.h(index.Host, { part: "product-card", class: {
                 animated: this.isTransitioning,
-            }, exportparts: index$2.productCardParts }, index.h("div", { key: 'e40481a4a6abd09c88a38e0c285c7c3211f5bea2', class: "image-container", part: "image-container" }, index.h(Linked, { key: 'fe990c9a1da8c3c848c700c83b7f929509119064', deeplink: this.deeplink, part: "image-link" }, this.renderImage()), index.h("div", { key: '636ad988a90b0a5b741a86c50d1ce6a4b9addb04', class: "product-card-actions-top", part: "product-card-actions-top" }, index.h("button", { key: '3c54a8d77d1ff3be9a1d60011919bc195f9ba007', class: {
+            }, exportparts: index$2.productCardParts }, index.h("div", { class: "image-container", part: "image-container" }, index.h(Linked, { deeplink: this.deeplink, part: "image-link" }, renderImage(this.imageProps, this.responsive)), index.h("div", { class: "product-card-actions-top", part: "product-card-actions-top" }, index.h("button", { class: {
                 hidden: !this.favoriteShow || this.isSourceProduct,
             }, part: "favorite-button", onClick: this.favoriteButtonClickHandler.bind(this) }, index.h("div", { key: "favorite-not-pressed", class: {
                 hidden: this.favoriteButonPressed,
-            } }, index.h("slot", { key: '7f83941b23b05114ac0a432eefb24d6ff3fae8cf', name: "vviinn-favorite-icon" }, index.h(FavoriteIcon, { key: '3493c7d29b7620c290033f23c9e7372a4d12cfa2', width: 14, height: 14 }))), index.h("div", { key: "favorite-pressed", class: {
+            } }, index.h("slot", { name: "vviinn-favorite-icon" }, index.h(FavoriteIcon, { width: 14, height: 14 }))), index.h("div", { key: "favorite-pressed", class: {
                 hidden: !this.favoriteButonPressed,
-            } }, index.h("slot", { key: '4976316d03f0c12046d23779a79e52626de2c93b', name: "vviinn-favorite-icon-pressed" }, index.h(FavoriteIconPressed, { key: '2978acc4ade06171cf7084365e68ec4aaed8ab9c', width: 14, height: 14 })))), index.h("button", { key: '61a5b1da74beaf53bf77f18a4a67f642c0c950f2', class: {
+            } }, index.h("slot", { name: "vviinn-favorite-icon-pressed" }, index.h(FavoriteIconPressed, { width: 14, height: 14 })))), index.h("button", { class: {
                 "update-button": true,
                 hidden: !this.isShowUpdateButton(),
             }, part: "update-button-item", onClick: () => {
@@ -1359,26 +1404,26 @@ const VviinnProductCard = class {
                     animationInterval: generateRandomNumber(800, 1400),
                     productData: this.productData,
                 });
-            } }, index.h("div", { key: '1c95d46fd4ff65d2beb7e2ea7a86e28d9bd7c415' }, index.h("slot", { key: '6c877dd6cbb3484dc9f2995a9b69e4ff139b3c83', name: "vviinn-update-button-icon" }, index.h(UpdateIcon, { key: 'de48212dcd3c45b54deebe58019c5a5728a298f5', width: 14, height: 14 }))))), index.h("div", { key: 'ce4b9ff27a1064691a6fbfa44e01bc45f67f46f9', class: "product-card-actions", part: "product-card-actions" }, index.h("slot", { key: '811383f3be2955ed6f5103a1dc13d3ffe6167c69', name: "vviinn-product-card-actions" }))), index.h("div", { key: 'b282b8135396c679dcfb04f1c12b9ab420567e45', class: "content-container", part: "content-container" }, this.isTransitioning ? (index.h(index.Fragment, null, index.h("vviinn-skeleton", { height: 40 }), index.h("vviinn-skeleton", { height: 20, halfWidth: true }))) : (index.h(index.Fragment, null, index.h(Linked, { deeplink: this.deeplink, part: "deeplink" }, index.h("span", { class: "title", part: "title" }, this.productTitle)), ((_a = this.brand) === null || _a === void 0 ? void 0 : _a.length) > 0 && (index.h("span", { class: "brand", part: "brand" }, this.brand)), ((_b = this.productType) === null || _b === void 0 ? void 0 : _b.length) > 0 && (index.h("span", { class: "product-type", part: "product-type" }, this.productType)), ((_c = this === null || this === void 0 ? void 0 : this.energyCertifications) !== null && _c !== void 0 ? _c : []).map((energyCertification) => (index.h("vviinn-energy-label", { classIconUrls: energyCertification === null || energyCertification === void 0 ? void 0 : energyCertification.classIconUrls, classDataSheetUrl: energyCertification === null || energyCertification === void 0 ? void 0 : energyCertification.classDataSheetUrl, productType: energyCertification === null || energyCertification === void 0 ? void 0 : energyCertification.productType }))), index.h(Price, { prefix: this.pricePrefix, currency: this.currency, locale: this.locale, price: this.price, basePrice: parseBasePrice(this.basePrice), salePrice: this.salePrice, baseSalePrice: parseBasePrice(this.baseSalePrice), showInContainer: this.addPriceContainer }), this.setMode &&
+            } }, index.h("div", null, index.h("slot", { name: "vviinn-update-button-icon" }, index.h(UpdateIcon, { width: 14, height: 14 }))))), index.h("div", { class: "product-card-actions", part: "product-card-actions" }, index.h("slot", { name: "vviinn-product-card-actions" }))), index.h("div", { class: "content-container", part: "content-container" }, this.isTransitioning ? (index.h(index.Fragment, null, index.h("vviinn-skeleton", { height: 40 }), index.h("vviinn-skeleton", { height: 20, halfWidth: true }))) : (index.h(index.Fragment, null, index.h(Linked, { deeplink: this.deeplink, part: "deeplink" }, index.h("span", { class: "title", part: "title" }, this.productTitle)), ((_a = this.brand) === null || _a === void 0 ? void 0 : _a.length) > 0 && (index.h("span", { class: "brand", part: "brand" }, this.brand)), ((_b = this.productType) === null || _b === void 0 ? void 0 : _b.length) > 0 && (index.h("span", { class: "product-type", part: "product-type" }, this.productType)), ((_c = this === null || this === void 0 ? void 0 : this.energyCertifications) !== null && _c !== void 0 ? _c : []).map((energyCertification) => (index.h("vviinn-energy-label", { classIconUrls: energyCertification === null || energyCertification === void 0 ? void 0 : energyCertification.classIconUrls, classDataSheetUrl: energyCertification === null || energyCertification === void 0 ? void 0 : energyCertification.classDataSheetUrl, productType: energyCertification === null || energyCertification === void 0 ? void 0 : energyCertification.productType }))), index.h(Price, { prefix: this.pricePrefix, currency: this.currency, locale: this.locale, price: this.price, basePrice: parseBasePrice(this.basePrice), salePrice: this.salePrice, baseSalePrice: parseBasePrice(this.baseSalePrice), showInContainer: this.addPriceContainer }), this.setMode &&
             !this.appliedDiscountPercentage &&
-            this.currentDiscountPercentage && (index.h("div", { class: "discount-label", part: "discount-label" }, `-${this.currentDiscountPercentage}%`)), renderCustomLabels(this.customLabels.split(",")))), index.h("vviinn-skeleton", { key: '1f965e02586545c4c06ca183f87108adda8aeea0', height: 40, class: {
+            this.currentDiscountPercentage && (index.h("div", { class: "discount-label", part: "discount-label" }, `-${this.currentDiscountPercentage}%`)), renderCustomLabels(this.customLabels.split(",")))), index.h("vviinn-skeleton", { height: 40, class: {
                 hidden: !this.isTransitioning,
-            } })), index.h("div", { key: '8eac508b0683163c2d6b693c952785c4cf580afa', class: {
+            } })), index.h("div", { class: {
                 "basket-button-container": true,
                 hidden: !this.isShowBasketButton(),
-            }, part: "basket-button-container" }, index.h("button", { key: '7dbea605523c5f4bed52439503a6acc8cd35fa75', class: {
+            }, part: "basket-button-container" }, index.h("button", { class: {
                 "basket-button": true,
                 hidden: this.isTransitioning,
                 pressed: this.basketButonPressed,
             }, part: "basket-button", onClick: this.basketButtonClickHandler.bind(this) }, index.h("div", { class: {
                 "basket-button-content": true,
                 hidden: this.basketButonPressed,
-            }, key: "not-pressed" }, index.h("span", { key: 'a6c45b45a0ff89b879d45507614624a8019124cf', class: "basket-button-icon-container" }, index.h("slot", { key: '15cb52751d3b1bcff3c4a29faa20178c98d6a410', name: "vviinn-basket-button-icon" }, index.h(BasketIcon, { key: '1f5ee9586437f3694a4ff8a8a75b6925e52c598f' }))), index.h("span", { key: '2ad2ab09bb4aee9c50020a611d27c6eb5b2cf33f' }, this.setMode ? (index.h("slot", { name: "vviinn-basket-button-text", key: "button-text-set" }, Rectangle.instance.t("setMode.basketButtonText"))) : (index.h("slot", { name: "vviinn-basket-button-text", key: "button-text-default" }, Rectangle.instance.t("basketButtonText"))))), index.h("div", { key: "pressed", class: {
+            }, key: "not-pressed" }, index.h("span", { class: "basket-button-icon-container" }, index.h("slot", { name: "vviinn-basket-button-icon" }, index.h(BasketIcon, null))), index.h("span", null, this.setMode ? (index.h("slot", { name: "vviinn-basket-button-text", key: "button-text-set" }, Rectangle.instance.t("setMode.basketButtonText"))) : (index.h("slot", { name: "vviinn-basket-button-text", key: "button-text-default" }, Rectangle.instance.t("basketButtonText"))))), index.h("div", { key: "pressed", class: {
                 "basket-button-content": true,
                 hidden: !this.basketButonPressed,
-            } }, index.h("span", { key: '6ac34d88bd4fbd4b56326ac2f71735d7f6b93b40', class: "basket-button-icon-container" }, index.h("slot", { key: '43b0b7be5d77bbc0d9d25666311e1f3f07ee4f01', name: "vviinn-basket-button-icon-pressed" }, index.h(CheckCircleIcon, { key: '6e624a83806879c8a3d9722b7598e025459e65ac' }))), index.h("span", { key: '14076b9fcf92d4de86bbbc7fd278ebebff6db32d' }, index.h("span", { key: 'a98fdf104b5fbcf748575d8c584e862cec22a775', class: "discount-percentage", part: "discount-percentage", hidden: !(this.setMode && this.appliedDiscountPercentage) }, this.appliedDiscountPercentage, "%"), index.h("slot", { key: '493b7a6d83066dab4462464743605873ba175547', name: "vviinn-basket-button-text-pressed" }, this.setMode
+            } }, index.h("span", { class: "basket-button-icon-container" }, index.h("slot", { name: "vviinn-basket-button-icon-pressed" }, index.h(CheckCircleIcon, null))), index.h("span", null, index.h("span", { class: "discount-percentage", part: "discount-percentage", hidden: !(this.setMode && this.appliedDiscountPercentage) }, this.appliedDiscountPercentage, "%"), index.h("slot", { name: "vviinn-basket-button-text-pressed" }, this.setMode
             ? Rectangle.instance.t("setMode.basketButtonPressedText")
-            : Rectangle.instance.t("basketButtonPressedText")))))), this.showFooterArrow && index.h("div", { key: 'd9cea5cbd30650aabe32e2a424f3cf95761b0ec0', class: "footer-arrow" })));
+            : Rectangle.instance.t("basketButtonPressedText")))))), this.showFooterArrow && index.h("div", { class: "footer-arrow" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -1388,7 +1433,7 @@ const VviinnProductCard = class {
 };
 VviinnProductCard.style = vviinnProductCardCss$1;
 
-const vviinnProductCardCss = ":host{--font-family-base:Inter, system-ui, sans-serif;--font-family-mono:monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-size-title:24px;--font-size-headline:18px;--font-size-label-large:16px;--font-size-label:14px;--font-size-body-large:16px;--font-size-body:14px;--font-size-caption:12px;--line-height-title:32px;--line-height-headline:24px;--line-height-label-large:24px;--line-height-label:20px;--line-height-body-large:24px;--line-height-body:20px;--line-height-caption:16px;--letter-spacing-title:0px;--letter-spacing-headline:0px;--letter-spacing-label-large:0px;--letter-spacing-label:0px;--letter-spacing-body-large:0px;--letter-spacing-body:0px;--letter-spacing-caption:0px;--font-weight-400:400;--font-weight-500:500;--font-weight-600:600;--font-weight-700:700;--spacing-none:0px;--spacing-25:2px;--spacing-50:4px;--spacing-75:6px;--spacing-100:8px;--spacing-125:10px;--spacing-150:12px;--spacing-200:16px;--spacing-250:20px;--spacing-300:24px;--spacing-400:32px;--spacing-500:40px;--spacing-600:48px;--border-radius-none:0px;--border-radius-25:2px;--border-radius-50:4px;--border-radius-100:8px;--border-radius-150:12px;--border-radius-200:16px;--border-radius-300:24px;--border-radius-400:32px;--border-radius-full:9999px;--stroke-width-none:0px;--stroke-width-25:1px;--stroke-width-50:2px;--stroke-width-75:3px;--stroke-width-100:4px;--stroke-width-150:6px;--stroke-width-200:8px;--stroke-width-300:12px;--product-card-widget-min-width:135px;--product-card-results-min-width:250px;--image-set-mode-min-width:155px;--product-card-set-mode-max-width:300px;--source-card-set-mode-max-width:500px;--filter-blur-none:0px;--filter-blur-100:8px;--filter-blur-150:12px;--filter-blur-200:16px;--color-bg-base:#ffffff;--color-bg-inverse:#161616;--color-border-00:#ffffff;--color-border-01:#f4f4f4;--color-border-02:#e0e0e0;--color-border-03:#c6c6c6;--color-border-inverse-00:#161616;--color-border-inverse-01:#393939;--color-field-01:#ffffff;--color-field-02:#f4f4f4;--color-icon-primary:#161616;--color-icon-secondary:#525252;--color-icon-helper:#8d8d8d;--color-icon-on-color:#ffffff;--color-icon-inverse:#ffffff;--color-icon-disabled:#16161640;--color-text-primary:#161616;--color-text-secondary:#525252;--color-text-helper:#8d8d8d;--color-text-placeholder:#a8a8a8;--color-text-on-color:#ffffff;--color-text-inverse:#ffffff;--color-text-disabled:#16161640;--button-bg-color-primary:#000000;--button-bg-color-primary-hover:#161616;--button-bg-color-primary-active:#1e1e1e;--button-bg-color-secondary:#f4f4f4;--button-bg-color-secondary-hover:#e0e0e0;--button-bg-color-secondary-active:#c6c6c6;--button-bg-color-ghost-hover:#f4f4f4;--button-bg-color-ghost-active:#eaeaea;--button-bg-color-frosted:#6f6f6f66;--button-bg-color-frosted-hover:#6f6f6f80;--button-bg-color-frosted-active:#6f6f6f99;--button-bg-color-disabled:#e0e0e0;--button-bg-color-positive:#dcfce7;--surface-bg-color-01:#f4f4f4;--surface-bg-color-01-hover:#eaeaea;--surface-bg-color-01-active:#e0e0e0;--surface-bg-color-02:#ffffff;--surface-bg-color-inverse:#262626;--surface-bg-color-inverse-hover:#303030;--surface-bg-color-inverse-active:#393939;--surface-bg-color-disabled:#e0e0e0;--chip-bg-color-primary:#161616;--chip-bg-color-primary-hover:#1e1e1e;--chip-bg-color-primary-active:#262626;--chip-bg-color-subtle:#f4f4f4;--chip-bg-color-subtle-hover:#eaeaea;--chip-bg-color-subtle-active:#e0e0e0;--chip-bg-color-outline-hover:#f4f4f4;--chip-bg-color-outline-active:#eaeaea;--label-bg-color-accent:#ff3944;}:host{--product-card-content-align-default:flex-start;--product-card-text-align-default:left;--product-card-image-border-default:none;--product-card-image-bg-color-default:var(--surface-bg-color-01);--basket-button-bg-color-pressed-default:var(--button-bg-color-positive);position:relative;height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column;align-items:var(\n    --product-card-content-align,\n    var(--product-card-content-align-default)\n  );text-align:var(\n    --product-card-text-align,\n    var(--product-card-text-align-default)\n  );font-family:var(--font-family, var(--font-family-base));font-weight:var(--font-weight-400);font-size:var(--font-size-body);line-height:var(--line-height-body);font-style:normal;color:var(--color-text-primary);gap:var(--spacing-100)}.image-container{position:relative;width:100%}.image-placeholder{display:flex;align-items:center;justify-content:center;background:#f0f0f0;aspect-ratio:1 / 1;width:100%;height:auto}.basket-button-container{width:100%;display:flex;justify-content:var(\n    --product-card-content-align,\n    var(--product-card-content-align-default)\n  )}.content-container{display:grid;width:100%;grid-template-columns:1fr;align-items:var(\n    --product-card-content-align,\n    var(--product-card-content-align-default)\n  );gap:var(--spacing-50)}.price-container{display:flex;flex-direction:column;gap:var(--spacing-50);flex-wrap:wrap;justify-content:var(\n    --product-card-content-align,\n    var(--product-card-content-align-default)\n  )}.price-outdated,.price-sale,.price-regular{justify-content:var(\n    --product-card-content-align,\n    var(--product-card-content-align-default)\n  );display:flex;gap:var(--spacing-100);flex-wrap:wrap}.price-outdated{color:var(--color-text-helper);text-decoration:line-through}.custom-label{font-weight:var(--font-weight-600);display:none}.price-amount,.custom-label>span,.currency{white-space:nowrap}.custom-label>span{margin-right:var(--spacing-75)}.price-amount--base{color:var(--color-text-helper);font-size:var(--font-size-caption)}.product-type{word-wrap:anywhere}.image{box-sizing:border-box;display:grid;align-content:center;-o-object-position:50% 50%;object-position:50% 50%;aspect-ratio:1;-o-object-fit:contain;object-fit:contain;text-align:center;border:var(\n    --product-card-image-border,\n    var(--product-card-image-border-default)\n  )}.image.responsive{width:100%;height:auto}.currency{padding-left:var(--spacing-50)}.brand,.title,.product-type{display:-webkit-box;max-width:var(--product-card-set-mode-max-width);text-align:var(\n    --product-card-text-align,\n    var(--product-card-text-align-default)\n  );-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow-wrap:anywhere;text-overflow:ellipsis;overflow:hidden}.title{font-weight:var(--font-weight-600);color:var(--color-text-primary);-webkit-line-clamp:2}.deeplink{max-width:100%;text-decoration:none}.image-link{display:contents}picture{display:block;width:100%;height:100%;position:relative}picture::before{display:block;box-sizing:border-box;position:absolute;width:100%;height:100%;top:0;left:0;content:\"\";opacity:0}.product-card-actions,.product-card-actions-top{line-height:0px;position:absolute;right:var(--spacing-75)}.product-card-actions-top{top:var(--spacing-75)}.product-card-actions{bottom:var(--spacing-75)}::slotted([slot=\"vviinn-product-card-actions\"]),.product-card-actions-top,.product-card-actions{display:flex;flex-direction:column;gap:4px}.product-card-actions-top button,.product-card-actions button,vviinn-vpr-button::part(button),.update-button{width:24px;height:24px;line-height:0px;z-index:1;border:none;cursor:pointer;background:none;background-color:var(--button-bg-color-frosted);color:var(--color-icon-on-color);-webkit-backdrop-filter:blur(calc(var(--filter-blur-150) / 2));backdrop-filter:blur(calc(var(--filter-blur-150) / 2));border-radius:var(--border-radius-100);padding:var(--spacing-50);display:flex;justify-content:center;align-items:center}.product-card-actions-top button:hover,.product-card-actions button:hover,.product-card-actions vviinn-vpr-button::part(button):hover,.update-button:hover{background-color:var(--button-bg-color-frosted-hover)}.product-card-actions-top button::after,.product-card-actions button::after,.product-card-actions vviinn-vpr-button::part(button)::after,.update-button::after{position:absolute;width:calc(100% + var(--spacing-100));height:calc(100% + var(--spacing-100));top:calc(-1 * var(--spacing-50));right:calc(-1 * var(--spacing-50));content:\"\";cursor:pointer}.basket-button{box-sizing:border-box;border:none;width:100%;padding:var(--spacing-100);font-size:var(--font-size-label);font-weight:var(--font-weight-600);font-family:var(--font-family, var(--font-family-base));color:var(--color-text-primary);background-color:var(--button-bg-color-secondary);cursor:pointer}.basket-button:hover{background-color:var(--button-bg-color-secondary-hover)}.basket-button-icon-container{display:inline-flex;align-items:center;justify-content:center}picture::after{box-sizing:border-box;display:block;position:absolute;width:100%;height:100%;top:0;left:0;background-color:var(\n    --product-card-image-bg-color,\n    var(--product-card-image-bg-color-default)\n  );mix-blend-mode:multiply;content:\"\"}:host(.animated) picture::after{mix-blend-mode:normal}:host(.animated) picture::before{opacity:1;animation:pulse 1.8s infinite}:host(.animated) picture::after{content:url(\"data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_810_154)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M64.7332 1.23333C66.2665 12.2667 67.9665 13.9667 78.6665 15.2333C79.4332 15.3333 79.9999 15.9333 79.9999 16.6667C79.9999 17.4 79.4665 17.9333 78.6665 18.0667C67.9665 19.3667 66.2999 21.0333 64.7332 32.0667C64.6332 32.8 64.0665 33.3333 63.3665 33.3333C62.6665 33.3333 62.0999 32.8 61.9665 32.0667C60.4665 21.0333 58.7665 19.3667 48.0332 18.0667C47.2332 17.9667 46.6999 17.4333 46.6999 16.6667C46.6999 15.9 47.2332 15.3667 48.0332 15.2333C58.7665 13.7667 60.3999 12.2 61.9665 1.23333C62.0999 0.5 62.6665 0 63.3665 0C64.0665 0 64.5999 0.5 64.7332 1.23333ZM38.5665 71.5667C38.3665 72.6 37.6665 73.3333 36.6665 73.3333C35.6665 73.3333 34.9665 72.6 34.7998 71.5667C31.9332 50.7 29.0998 47.9 8.49984 45.2C7.39984 45.1 6.6665 44.3 6.6665 43.3C6.6665 42.3 7.39984 41.5333 8.49984 41.4333C29.1332 39.1333 32.0998 35.9333 34.7998 15.0333C34.9665 14.0333 35.6665 13.3333 36.6665 13.3333C37.6665 13.3333 38.3665 14 38.5665 15.0333C41.2665 35.9333 44.1998 39.1333 64.8665 41.4333C65.9332 41.5333 66.6665 42.2667 66.6665 43.3C66.6665 44.3333 65.9332 45.1 64.8665 45.2C44.1998 47.5 41.2665 50.7 38.5665 71.5667Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_810_154'%3E%3Crect width='80' height='80' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\");position:absolute;width:80px;height:80px;left:calc(50% - 40px);top:calc(50% - 40px);background-color:transparent}:host(.animated) .product-card-actions,:host(.animated) .product-card-actions-top{display:none}.basket-button-content{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:var(--spacing-75)}:host(.product-card--source){flex-grow:1}:host(.product-card--source) picture{aspect-ratio:1}picture .plus-icon{position:absolute;width:32px;height:32px;top:calc(50% - 32px);right:-88px;padding:var(--spacing-200);background-color:var(--color-bg-base);color:var(--color-text-placeholder);outline:1px solid var(--color-border-01);z-index:1;border-radius:50%}.basket-button.pressed{background-color:var(\n    --basket-button-bg-color-pressed,\n    var(--basket-button-bg-color-pressed-default)\n  )}.basket-button.pressed .discount-percentage{padding-right:var(--spacing-50)}@media (max-width: 768px){picture .plus-icon{padding:var(--spacing-100);top:calc(50% - var(--spacing-300));right:calc(-1 * var(--spacing-300))}}@keyframes pulse{0%{background-color:var(--surface-bg-color-01)}50%{background-color:var(--surface-bg-color-01-active)}100%{background-color:var(--surface-bg-color-01)}}.discount-label{position:absolute;left:var(--spacing-none);top:var(--spacing-150);padding:var(--spacing-25) var(--spacing-50);border-radius:var(--border-radius-none) var(--border-radius-50)\n    var(--border-radius-50) var(--border-radius-none);color:var(--color-text-on-color);background-color:var(--label-bg-color-accent);letter-spacing:var(--letter-spacing-label)}vviinn-energy-label{justify-content:var(\n    --product-card-content-align,\n    var(--product-card-content-align-default)\n  )}.footer-arrow{position:absolute;bottom:-35px;left:50%;width:0;height:0;transform:translate(-50%, 0) rotate(90deg);border-top:22px solid transparent;border-bottom:22px solid transparent;border-right:22px solid var(--color-border-02);z-index:99}.footer-arrow::after{content:\"\";width:0;height:0;border-top:21px solid transparent;border-bottom:21px solid transparent;border-right:21.5px solid #ffffff;position:absolute;top:-21px;left:1px}.hidden{display:none !important}";
+const vviinnProductCardCss = ":host{--font-family-base:Inter, system-ui, sans-serif;--font-family-mono:monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-size-title:24px;--font-size-headline:18px;--font-size-label-large:16px;--font-size-label:14px;--font-size-body-large:16px;--font-size-body:14px;--font-size-caption:12px;--line-height-title:32px;--line-height-headline:24px;--line-height-label-large:24px;--line-height-label:20px;--line-height-body-large:24px;--line-height-body:20px;--line-height-caption:16px;--letter-spacing-title:0px;--letter-spacing-headline:0px;--letter-spacing-label-large:0px;--letter-spacing-label:0px;--letter-spacing-body-large:0px;--letter-spacing-body:0px;--letter-spacing-caption:0px;--font-weight-400:400;--font-weight-500:500;--font-weight-600:600;--font-weight-700:700;--spacing-none:0px;--spacing-25:2px;--spacing-50:4px;--spacing-75:6px;--spacing-100:8px;--spacing-125:10px;--spacing-150:12px;--spacing-200:16px;--spacing-250:20px;--spacing-300:24px;--spacing-400:32px;--spacing-500:40px;--spacing-600:48px;--border-radius-none:0px;--border-radius-25:2px;--border-radius-50:4px;--border-radius-100:8px;--border-radius-150:12px;--border-radius-200:16px;--border-radius-300:24px;--border-radius-400:32px;--border-radius-full:9999px;--stroke-width-none:0px;--stroke-width-25:1px;--stroke-width-50:2px;--stroke-width-75:3px;--stroke-width-100:4px;--stroke-width-150:6px;--stroke-width-200:8px;--stroke-width-300:12px;--product-card-widget-min-width:135px;--product-card-results-min-width:250px;--image-set-mode-min-width:155px;--product-card-set-mode-max-width:300px;--source-card-set-mode-max-width:500px;--filter-blur-none:0px;--filter-blur-100:8px;--filter-blur-150:12px;--filter-blur-200:16px;--color-bg-base:#ffffff;--color-bg-inverse:#161616;--color-border-00:#ffffff;--color-border-01:#f4f4f4;--color-border-02:#e0e0e0;--color-border-03:#c6c6c6;--color-border-inverse-00:#161616;--color-border-inverse-01:#393939;--color-field-01:#ffffff;--color-field-02:#f4f4f4;--color-icon-primary:#161616;--color-icon-secondary:#525252;--color-icon-helper:#8d8d8d;--color-icon-on-color:#ffffff;--color-icon-inverse:#ffffff;--color-icon-disabled:#16161640;--color-text-primary:#161616;--color-text-secondary:#525252;--color-text-helper:#8d8d8d;--color-text-placeholder:#a8a8a8;--color-text-on-color:#ffffff;--color-text-inverse:#ffffff;--color-text-disabled:#16161640;--button-bg-color-primary:#000000;--button-bg-color-primary-hover:#161616;--button-bg-color-primary-active:#1e1e1e;--button-bg-color-secondary:#f4f4f4;--button-bg-color-secondary-hover:#e0e0e0;--button-bg-color-secondary-active:#c6c6c6;--button-bg-color-ghost-hover:#f4f4f4;--button-bg-color-ghost-active:#eaeaea;--button-bg-color-frosted:#6f6f6f66;--button-bg-color-frosted-hover:#6f6f6f80;--button-bg-color-frosted-active:#6f6f6f99;--button-bg-color-disabled:#e0e0e0;--button-bg-color-positive:#dcfce7;--surface-bg-color-01:#f4f4f4;--surface-bg-color-01-hover:#eaeaea;--surface-bg-color-01-active:#e0e0e0;--surface-bg-color-02:#ffffff;--surface-bg-color-inverse:#262626;--surface-bg-color-inverse-hover:#303030;--surface-bg-color-inverse-active:#393939;--surface-bg-color-disabled:#e0e0e0;--chip-bg-color-primary:#161616;--chip-bg-color-primary-hover:#1e1e1e;--chip-bg-color-primary-active:#262626;--chip-bg-color-subtle:#f4f4f4;--chip-bg-color-subtle-hover:#eaeaea;--chip-bg-color-subtle-active:#e0e0e0;--chip-bg-color-outline-hover:#f4f4f4;--chip-bg-color-outline-active:#eaeaea;--label-bg-color-accent:#ff3944;}:host{--product-card-content-align-default:flex-start;--product-card-text-align-default:left;--product-card-image-border-default:none;--product-card-image-bg-color-default:var(--surface-bg-color-01);--basket-button-bg-color-pressed-default:var(--button-bg-color-positive);position:relative;height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column;align-items:var(\n    --product-card-content-align,\n    var(--product-card-content-align-default)\n  );text-align:var(\n    --product-card-text-align,\n    var(--product-card-text-align-default)\n  );font-family:var(--font-family, var(--font-family-base));font-weight:var(--font-weight-400);font-size:var(--font-size-body);line-height:var(--line-height-body);font-style:normal;color:var(--color-text-primary);gap:var(--spacing-100)}.image-container{position:relative;width:100%}.image-placeholder{display:flex;align-items:center;justify-content:center;background:#f0f0f0;aspect-ratio:1 / 1;width:100%;height:auto}.basket-button-container{width:100%;display:flex;justify-content:var(\n    --product-card-content-align,\n    var(--product-card-content-align-default)\n  )}.content-container{display:grid;width:100%;grid-template-columns:1fr;align-items:var(\n    --product-card-content-align,\n    var(--product-card-content-align-default)\n  );gap:var(--spacing-50)}.price-container{display:flex;flex-direction:column;gap:var(--spacing-50);flex-wrap:wrap;justify-content:var(\n    --product-card-content-align,\n    var(--product-card-content-align-default)\n  )}.price-outdated,.price-sale,.price-regular{justify-content:var(\n    --product-card-content-align,\n    var(--product-card-content-align-default)\n  );display:flex;gap:var(--spacing-100);flex-wrap:wrap}.price-outdated{color:var(--color-text-helper);text-decoration:line-through}.custom-label{font-weight:var(--font-weight-600);display:none}.price-amount,.custom-label>span,.currency{white-space:nowrap}.custom-label>span{margin-right:var(--spacing-75)}.price-amount--base{color:var(--color-text-helper);font-size:var(--font-size-caption)}.product-type{word-wrap:anywhere}.image{box-sizing:border-box;display:grid;align-content:center;-o-object-position:50% 50%;object-position:50% 50%;aspect-ratio:1;-o-object-fit:contain;object-fit:contain;text-align:center;border:var(\n    --product-card-image-border,\n    var(--product-card-image-border-default)\n  )}.image.responsive{width:100%;height:auto}.currency{padding-left:var(--spacing-50)}.brand,.title,.product-type{display:-webkit-box;max-width:var(--product-card-set-mode-max-width);text-align:var(\n    --product-card-text-align,\n    var(--product-card-text-align-default)\n  );-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow-wrap:anywhere;text-overflow:ellipsis;overflow:hidden}.title{font-weight:var(--font-weight-600);color:var(--color-text-primary);-webkit-line-clamp:2}.deeplink{max-width:100%;text-decoration:none}.image-link{display:contents}picture{display:block;width:100%;height:100%;position:relative}picture::before{display:block;box-sizing:border-box;position:absolute;width:100%;height:100%;top:0;left:0;content:\"\";opacity:0}.product-card-actions,.product-card-actions-top{line-height:0px;position:absolute;right:var(--spacing-75)}.product-card-actions-top{top:var(--spacing-75)}.product-card-actions{bottom:var(--spacing-75)}::slotted([slot=\"vviinn-product-card-actions\"]),.product-card-actions-top,.product-card-actions{display:flex;flex-direction:column;gap:4px}.product-card-actions-top button,.product-card-actions button,vviinn-vpr-button::part(button),.update-button{width:24px;height:24px;line-height:0px;z-index:1;border:none;cursor:pointer;background:none;background-color:var(--button-bg-color-frosted);color:var(--color-icon-on-color);-webkit-backdrop-filter:blur(calc(var(--filter-blur-150) / 2));backdrop-filter:blur(calc(var(--filter-blur-150) / 2));border-radius:var(--border-radius-100);padding:var(--spacing-50);display:flex;justify-content:center;align-items:center}.product-card-actions-top button:hover,.product-card-actions button:hover,.product-card-actions vviinn-vpr-button::part(button):hover,.update-button:hover{background-color:var(--button-bg-color-frosted-hover)}.product-card-actions-top button::after,.product-card-actions button::after,.product-card-actions vviinn-vpr-button::part(button)::after,.update-button::after{position:absolute;width:calc(100% + var(--spacing-100));height:calc(100% + var(--spacing-100));top:calc(-1 * var(--spacing-50));right:calc(-1 * var(--spacing-50));content:\"\";cursor:pointer}.basket-button{box-sizing:border-box;border:none;width:100%;padding:var(--spacing-100);font-size:var(--font-size-label);font-weight:var(--font-weight-600);font-family:var(--font-family, var(--font-family-base));color:var(--color-text-primary);background-color:var(--button-bg-color-secondary);cursor:pointer}.basket-button:hover{background-color:var(--button-bg-color-secondary-hover)}.basket-button-icon-container{display:inline-flex;align-items:center;justify-content:center}picture::after{box-sizing:border-box;display:block;position:absolute;width:100%;height:100%;top:0;left:0;background-color:var(\n    --product-card-image-bg-color,\n    var(--product-card-image-bg-color-default)\n  );mix-blend-mode:multiply;content:\"\"}:host(.animated) picture::after{mix-blend-mode:normal}:host(.animated) picture::before{opacity:1;animation:pulse 1.8s infinite}:host(.animated) picture::after{content:url(\"data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_810_154)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M64.7332 1.23333C66.2665 12.2667 67.9665 13.9667 78.6665 15.2333C79.4332 15.3333 79.9999 15.9333 79.9999 16.6667C79.9999 17.4 79.4665 17.9333 78.6665 18.0667C67.9665 19.3667 66.2999 21.0333 64.7332 32.0667C64.6332 32.8 64.0665 33.3333 63.3665 33.3333C62.6665 33.3333 62.0999 32.8 61.9665 32.0667C60.4665 21.0333 58.7665 19.3667 48.0332 18.0667C47.2332 17.9667 46.6999 17.4333 46.6999 16.6667C46.6999 15.9 47.2332 15.3667 48.0332 15.2333C58.7665 13.7667 60.3999 12.2 61.9665 1.23333C62.0999 0.5 62.6665 0 63.3665 0C64.0665 0 64.5999 0.5 64.7332 1.23333ZM38.5665 71.5667C38.3665 72.6 37.6665 73.3333 36.6665 73.3333C35.6665 73.3333 34.9665 72.6 34.7998 71.5667C31.9332 50.7 29.0998 47.9 8.49984 45.2C7.39984 45.1 6.6665 44.3 6.6665 43.3C6.6665 42.3 7.39984 41.5333 8.49984 41.4333C29.1332 39.1333 32.0998 35.9333 34.7998 15.0333C34.9665 14.0333 35.6665 13.3333 36.6665 13.3333C37.6665 13.3333 38.3665 14 38.5665 15.0333C41.2665 35.9333 44.1998 39.1333 64.8665 41.4333C65.9332 41.5333 66.6665 42.2667 66.6665 43.3C66.6665 44.3333 65.9332 45.1 64.8665 45.2C44.1998 47.5 41.2665 50.7 38.5665 71.5667Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_810_154'%3E%3Crect width='80' height='80' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\");position:absolute;width:80px;height:80px;left:calc(50% - 40px);top:calc(50% - 40px);background-color:transparent}:host(.animated) .product-card-actions,:host(.animated) .product-card-actions-top{display:none}.basket-button-content{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:var(--spacing-75)}:host(.product-card--source){flex-grow:1}:host(.product-card--source) picture{aspect-ratio:1}picture .plus-icon{position:absolute;width:32px;height:32px;top:calc(50% - 32px);right:-88px;padding:var(--spacing-200);background-color:var(--color-bg-base);color:var(--color-text-placeholder);outline:1px solid var(--color-border-01);z-index:1;border-radius:50%}.basket-button.pressed{background-color:var(\n    --basket-button-bg-color-pressed,\n    var(--basket-button-bg-color-pressed-default)\n  )}.basket-button.pressed .discount-percentage{padding-right:var(--spacing-50)}@media (max-width: 768px){picture .plus-icon{padding:var(--spacing-100);top:calc(50% - var(--spacing-300));right:calc(-1 * var(--spacing-300))}}@keyframes pulse{0%{background-color:var(--surface-bg-color-01)}50%{background-color:var(--surface-bg-color-01-active)}100%{background-color:var(--surface-bg-color-01)}}.discount-label{position:absolute;left:var(--spacing-none);top:var(--spacing-150);padding:var(--spacing-25) var(--spacing-50);border-radius:var(--border-radius-none) var(--border-radius-50)\n    var(--border-radius-50) var(--border-radius-none);color:var(--color-text-on-color);background-color:var(--label-bg-color-accent);letter-spacing:var(--letter-spacing-label)}vviinn-energy-label{justify-content:var(\n    --product-card-content-align,\n    var(--product-card-content-align-default)\n  )}:host(.content-card){height:auto}.content-card-image-container{height:100%}.content-card-image{aspect-ratio:unset;-o-object-fit:cover;object-fit:cover}.content-card-image.responsive{min-width:100%;height:100%}.content-text,.content-link{display:-webkit-box;-webkit-box-orient:vertical;overflow-wrap:anywhere;text-overflow:ellipsis;overflow:hidden}.content-text{-webkit-line-clamp:3;font-size:var(--font-size-headline);font-weight:var(--font-weight-600);line-height:var(--line-height-headline);letter-spacing:var(--letter-spacing-headline)}.content-link{-webkit-line-clamp:1;color:var(--color-content-accent);text-decoration:none}.footer-arrow{position:absolute;bottom:-35px;left:50%;width:0;height:0;transform:translate(-50%, 0) rotate(90deg);border-top:22px solid transparent;border-bottom:22px solid transparent;border-right:22px solid var(--color-border-02);z-index:99}.footer-arrow::after{content:\"\";width:0;height:0;border-top:21px solid transparent;border-bottom:21px solid transparent;border-right:21.5px solid #ffffff;position:absolute;top:-21px;left:1px}.hidden{display:none !important}";
 
 const VviinnProductCardSkeleton = class {
     constructor(hostRef) {
@@ -1412,7 +1457,7 @@ const VviinnSkeleton = class {
         this.halfWidth = false;
     }
     render() {
-        return (index.h(index.Host, { key: '0142c176f6b684a465e8636af7cb8f148317ae53' }, index.h("div", { key: 'b8ba6779f3d89c725089bb42c89b951ad7e1e79d', class: {
+        return (index.h(index.Host, { key: '749d83daa34563328a2e9bd99d9e0698c8092842' }, index.h("div", { key: 'dee29d665b867b7d6a6f2b17e96de450b0c3d733', class: {
                 "vviinn-skeleton": true,
             }, style: {
                 height: this.height ? `${this.height.toString()}px` : "100%",
@@ -10911,7 +10956,7 @@ const getVCSRecommendations = (body) => (options) => {
 
 const getRecommendationsService = (campaignType) => search_store._functionExports.pipe(_package.fromString(campaignType), _package.fold(() => getVPRRecommendations, () => getVCSRecommendations));
 
-const vviinnVprWidgetCss = ":host{--font-family-base:Inter, system-ui, sans-serif;--font-family-mono:monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-size-title:24px;--font-size-headline:18px;--font-size-label-large:16px;--font-size-label:14px;--font-size-body-large:16px;--font-size-body:14px;--font-size-caption:12px;--line-height-title:32px;--line-height-headline:24px;--line-height-label-large:24px;--line-height-label:20px;--line-height-body-large:24px;--line-height-body:20px;--line-height-caption:16px;--letter-spacing-title:0px;--letter-spacing-headline:0px;--letter-spacing-label-large:0px;--letter-spacing-label:0px;--letter-spacing-body-large:0px;--letter-spacing-body:0px;--letter-spacing-caption:0px;--font-weight-400:400;--font-weight-500:500;--font-weight-600:600;--font-weight-700:700;--spacing-none:0px;--spacing-25:2px;--spacing-50:4px;--spacing-75:6px;--spacing-100:8px;--spacing-125:10px;--spacing-150:12px;--spacing-200:16px;--spacing-250:20px;--spacing-300:24px;--spacing-400:32px;--spacing-500:40px;--spacing-600:48px;--border-radius-none:0px;--border-radius-25:2px;--border-radius-50:4px;--border-radius-100:8px;--border-radius-150:12px;--border-radius-200:16px;--border-radius-300:24px;--border-radius-400:32px;--border-radius-full:9999px;--stroke-width-none:0px;--stroke-width-25:1px;--stroke-width-50:2px;--stroke-width-75:3px;--stroke-width-100:4px;--stroke-width-150:6px;--stroke-width-200:8px;--stroke-width-300:12px;--product-card-widget-min-width:135px;--product-card-results-min-width:250px;--image-set-mode-min-width:155px;--product-card-set-mode-max-width:300px;--source-card-set-mode-max-width:500px;--filter-blur-none:0px;--filter-blur-100:8px;--filter-blur-150:12px;--filter-blur-200:16px;--color-bg-base:#ffffff;--color-bg-inverse:#161616;--color-border-00:#ffffff;--color-border-01:#f4f4f4;--color-border-02:#e0e0e0;--color-border-03:#c6c6c6;--color-border-inverse-00:#161616;--color-border-inverse-01:#393939;--color-field-01:#ffffff;--color-field-02:#f4f4f4;--color-icon-primary:#161616;--color-icon-secondary:#525252;--color-icon-helper:#8d8d8d;--color-icon-on-color:#ffffff;--color-icon-inverse:#ffffff;--color-icon-disabled:#16161640;--color-text-primary:#161616;--color-text-secondary:#525252;--color-text-helper:#8d8d8d;--color-text-placeholder:#a8a8a8;--color-text-on-color:#ffffff;--color-text-inverse:#ffffff;--color-text-disabled:#16161640;--button-bg-color-primary:#000000;--button-bg-color-primary-hover:#161616;--button-bg-color-primary-active:#1e1e1e;--button-bg-color-secondary:#f4f4f4;--button-bg-color-secondary-hover:#e0e0e0;--button-bg-color-secondary-active:#c6c6c6;--button-bg-color-ghost-hover:#f4f4f4;--button-bg-color-ghost-active:#eaeaea;--button-bg-color-frosted:#6f6f6f66;--button-bg-color-frosted-hover:#6f6f6f80;--button-bg-color-frosted-active:#6f6f6f99;--button-bg-color-disabled:#e0e0e0;--button-bg-color-positive:#dcfce7;--surface-bg-color-01:#f4f4f4;--surface-bg-color-01-hover:#eaeaea;--surface-bg-color-01-active:#e0e0e0;--surface-bg-color-02:#ffffff;--surface-bg-color-inverse:#262626;--surface-bg-color-inverse-hover:#303030;--surface-bg-color-inverse-active:#393939;--surface-bg-color-disabled:#e0e0e0;--chip-bg-color-primary:#161616;--chip-bg-color-primary-hover:#1e1e1e;--chip-bg-color-primary-active:#262626;--chip-bg-color-subtle:#f4f4f4;--chip-bg-color-subtle-hover:#eaeaea;--chip-bg-color-subtle-active:#e0e0e0;--chip-bg-color-outline-hover:#f4f4f4;--chip-bg-color-outline-active:#eaeaea;--label-bg-color-accent:#ff3944;}:host{display:grid;grid-gap:var(--spacing-200);width:100%}:host(:not(.loaded)){position:absolute;visibility:hidden}:host(.set){grid-gap:var(--spacing-300)}:host(.set) vviinn-carousel{overflow-x:auto;scrollbar-width:thin}:host(.set) vviinn-product-card::part(image){width:var(--vviinn-set-mode-image-width, 100%);height:auto;min-width:var(--image-set-mode-min-width);aspect-ratio:1 / 1}:host(.set) vviinn-product-card.product-card--source::part(image){width:100%;height:auto}:host(.grid) h2{justify-content:center}.filters-header{display:flex;justify-content:space-between;gap:14px}.filters-header>vviinn-extended-filters{width:44px;height:44px}@media (max-width: 768px){.filters-header>vviinn-filters{flex:1;width:100px}}.widget-header{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center}.widget-header h3{margin-top:8px;margin-bottom:0;font-size:14px;font-weight:400;line-height:20px}.widget-header h2,.widget-header h3{margin:0;font-family:var(--font-family, var(--font-family-base))}.widget-header h2{font-weight:var(--font-weight-600);line-height:var(--line-height-title)}.widget-header h3{line-height:var(--line-height-body);margin-top:var(--spacing-100)}.update-button{display:flex;align-items:center;align-self:flex-end;justify-content:center;font-family:var(--font-family, var(--font-family-base));color:#525252;gap:8px;padding:8px 10px;background:rgb(244, 244, 244);border:none;cursor:pointer}.update-button:hover{background:rgb(234, 234, 234)}.update-button svg{color:#6f6f6f}.results{display:grid;grid-gap:1rem}.no-result-text{line-height:var(--line-height-headline);font-family:var(--font-family, var(--font-family-base));font-size:var(--font-size-headline);padding-bottom:48px}.visually-hidden{position:absolute;top:0;left:0;z-index:-1;height:0;width:0}.recommendations-results.recommendations-grid{width:100%;align-content:center;align-items:start;box-sizing:border-box;display:grid;grid-gap:32px 16px;grid-template-columns:repeat(\n    auto-fill,\n    minmax(\n      var(--product-card-width, var(--product-card-results-min-width)),\n      1fr\n    )\n  );padding-bottom:var(--spacing-300)}@media (max-width: 768px){:host(.show-in-widget) .recommendations-results.recommendations-grid{width:unset;grid-gap:24px 16px;justify-content:center;grid-template-columns:repeat(auto-fill, minmax(155px, 1fr))}}";
+const vviinnVprWidgetCss = ":host{--font-family-base:Inter, system-ui, sans-serif;--font-family-mono:monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-size-title:24px;--font-size-headline:18px;--font-size-label-large:16px;--font-size-label:14px;--font-size-body-large:16px;--font-size-body:14px;--font-size-caption:12px;--line-height-title:32px;--line-height-headline:24px;--line-height-label-large:24px;--line-height-label:20px;--line-height-body-large:24px;--line-height-body:20px;--line-height-caption:16px;--letter-spacing-title:0px;--letter-spacing-headline:0px;--letter-spacing-label-large:0px;--letter-spacing-label:0px;--letter-spacing-body-large:0px;--letter-spacing-body:0px;--letter-spacing-caption:0px;--font-weight-400:400;--font-weight-500:500;--font-weight-600:600;--font-weight-700:700;--spacing-none:0px;--spacing-25:2px;--spacing-50:4px;--spacing-75:6px;--spacing-100:8px;--spacing-125:10px;--spacing-150:12px;--spacing-200:16px;--spacing-250:20px;--spacing-300:24px;--spacing-400:32px;--spacing-500:40px;--spacing-600:48px;--border-radius-none:0px;--border-radius-25:2px;--border-radius-50:4px;--border-radius-100:8px;--border-radius-150:12px;--border-radius-200:16px;--border-radius-300:24px;--border-radius-400:32px;--border-radius-full:9999px;--stroke-width-none:0px;--stroke-width-25:1px;--stroke-width-50:2px;--stroke-width-75:3px;--stroke-width-100:4px;--stroke-width-150:6px;--stroke-width-200:8px;--stroke-width-300:12px;--product-card-widget-min-width:135px;--product-card-results-min-width:250px;--image-set-mode-min-width:155px;--product-card-set-mode-max-width:300px;--source-card-set-mode-max-width:500px;--filter-blur-none:0px;--filter-blur-100:8px;--filter-blur-150:12px;--filter-blur-200:16px;--color-bg-base:#ffffff;--color-bg-inverse:#161616;--color-border-00:#ffffff;--color-border-01:#f4f4f4;--color-border-02:#e0e0e0;--color-border-03:#c6c6c6;--color-border-inverse-00:#161616;--color-border-inverse-01:#393939;--color-field-01:#ffffff;--color-field-02:#f4f4f4;--color-icon-primary:#161616;--color-icon-secondary:#525252;--color-icon-helper:#8d8d8d;--color-icon-on-color:#ffffff;--color-icon-inverse:#ffffff;--color-icon-disabled:#16161640;--color-text-primary:#161616;--color-text-secondary:#525252;--color-text-helper:#8d8d8d;--color-text-placeholder:#a8a8a8;--color-text-on-color:#ffffff;--color-text-inverse:#ffffff;--color-text-disabled:#16161640;--button-bg-color-primary:#000000;--button-bg-color-primary-hover:#161616;--button-bg-color-primary-active:#1e1e1e;--button-bg-color-secondary:#f4f4f4;--button-bg-color-secondary-hover:#e0e0e0;--button-bg-color-secondary-active:#c6c6c6;--button-bg-color-ghost-hover:#f4f4f4;--button-bg-color-ghost-active:#eaeaea;--button-bg-color-frosted:#6f6f6f66;--button-bg-color-frosted-hover:#6f6f6f80;--button-bg-color-frosted-active:#6f6f6f99;--button-bg-color-disabled:#e0e0e0;--button-bg-color-positive:#dcfce7;--surface-bg-color-01:#f4f4f4;--surface-bg-color-01-hover:#eaeaea;--surface-bg-color-01-active:#e0e0e0;--surface-bg-color-02:#ffffff;--surface-bg-color-inverse:#262626;--surface-bg-color-inverse-hover:#303030;--surface-bg-color-inverse-active:#393939;--surface-bg-color-disabled:#e0e0e0;--chip-bg-color-primary:#161616;--chip-bg-color-primary-hover:#1e1e1e;--chip-bg-color-primary-active:#262626;--chip-bg-color-subtle:#f4f4f4;--chip-bg-color-subtle-hover:#eaeaea;--chip-bg-color-subtle-active:#e0e0e0;--chip-bg-color-outline-hover:#f4f4f4;--chip-bg-color-outline-active:#eaeaea;--label-bg-color-accent:#ff3944;}:host{display:grid;grid-gap:var(--spacing-200);width:100%}:host(:not(.loaded)){position:absolute;visibility:hidden}:host(.set){grid-gap:var(--spacing-300)}:host(.set) vviinn-carousel{overflow-x:auto;scrollbar-width:thin}:host(.set) vviinn-product-card::part(image){width:var(--vviinn-set-mode-image-width, 100%);height:100%;min-width:var(--image-set-mode-min-width);aspect-ratio:1 / 1}:host(.set) vviinn-product-card.product-card--source::part(image){width:100%;height:auto}:host(.grid) h2{justify-content:center}.filters-header{display:flex;justify-content:space-between;gap:14px}.filters-header>vviinn-extended-filters{width:44px;height:44px}@media (max-width: 768px){.filters-header>vviinn-filters{flex:1;width:100px}}.widget-header{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center}.widget-header h3{margin-top:8px;margin-bottom:0;font-size:14px;font-weight:400;line-height:20px}.widget-header h2,.widget-header h3{margin:0;font-family:var(--font-family, var(--font-family-base))}.widget-header h2{font-weight:var(--font-weight-600);line-height:var(--line-height-title)}.widget-header h3{line-height:var(--line-height-body);margin-top:var(--spacing-100)}.update-button{display:flex;align-items:center;align-self:flex-end;justify-content:center;font-family:var(--font-family, var(--font-family-base));color:#525252;gap:8px;padding:8px 10px;background:rgb(244, 244, 244);border:none;cursor:pointer}.update-button:hover{background:rgb(234, 234, 234)}.update-button svg{color:#6f6f6f}.results{display:grid;grid-gap:1rem}.no-result-text{line-height:var(--line-height-headline);font-family:var(--font-family, var(--font-family-base));font-size:var(--font-size-headline);padding-bottom:48px}.visually-hidden{position:absolute;top:0;left:0;z-index:-1;height:0;width:0}.recommendations-results.recommendations-grid{width:100%;align-content:center;align-items:start;box-sizing:border-box;display:grid;grid-gap:32px 16px;grid-template-columns:repeat(\n    auto-fill,\n    minmax(\n      var(--product-card-width, var(--product-card-results-min-width)),\n      1fr\n    )\n  );padding-bottom:var(--spacing-300)}@media (max-width: 768px){:host(.show-in-widget) .recommendations-results.recommendations-grid{width:unset;grid-gap:24px 16px;justify-content:center;grid-template-columns:repeat(auto-fill, minmax(155px, 1fr))}}";
 
 var __rest = (undefined && undefined.__rest) || function (s, e) {
     var t = {};

package/dist/cjs/vviinn-detected-object_7.cjs.entry.js

@@ -5,8 +5,8 @@ var search_store = require('./search.store-BLHPjH2B.js');
 var Rectangle = require('./Rectangle-oExct0ft.js');
 var WarningIcon = require('./WarningIcon-DOMzuRV9.js');
 var customizedSlots = require('./customized-slots-Da3rVnNM.js');
-var _package = require('./package-cwS3_cup.js');
-var index$1 = require('./index-B9ytLPxZ.js');
+var _package = require('./package-CTmKiTyO.js');
+var index$1 = require('./index-DYvhURIh.js');
 var constants = require('./constants-CgBx7Czu.js');
 
 const SecondaryActionIcon = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" },
@@ -70,7 +70,7 @@ const VviinnEmptyResults = class {
     }
 };
 
-const renderImage = (image) => image ? (index.h("img", { width: "28", height: "28", src: image.src, class: "title-image" })) : null;
+const renderTitleImage = (image) => image ? (index.h("img", { width: "28", height: "28", src: image.src, class: "title-image" })) : null;
 
 const vviinnModalCss = ":host{--font-family-base:Inter, system-ui, sans-serif;--font-family-mono:monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-size-title:24px;--font-size-headline:18px;--font-size-label-large:16px;--font-size-label:14px;--font-size-body-large:16px;--font-size-body:14px;--font-size-caption:12px;--line-height-title:32px;--line-height-headline:24px;--line-height-label-large:24px;--line-height-label:20px;--line-height-body-large:24px;--line-height-body:20px;--line-height-caption:16px;--letter-spacing-title:0px;--letter-spacing-headline:0px;--letter-spacing-label-large:0px;--letter-spacing-label:0px;--letter-spacing-body-large:0px;--letter-spacing-body:0px;--letter-spacing-caption:0px;--font-weight-400:400;--font-weight-500:500;--font-weight-600:600;--font-weight-700:700;--spacing-none:0px;--spacing-25:2px;--spacing-50:4px;--spacing-75:6px;--spacing-100:8px;--spacing-125:10px;--spacing-150:12px;--spacing-200:16px;--spacing-250:20px;--spacing-300:24px;--spacing-400:32px;--spacing-500:40px;--spacing-600:48px;--border-radius-none:0px;--border-radius-25:2px;--border-radius-50:4px;--border-radius-100:8px;--border-radius-150:12px;--border-radius-200:16px;--border-radius-300:24px;--border-radius-400:32px;--border-radius-full:9999px;--stroke-width-none:0px;--stroke-width-25:1px;--stroke-width-50:2px;--stroke-width-75:3px;--stroke-width-100:4px;--stroke-width-150:6px;--stroke-width-200:8px;--stroke-width-300:12px;--product-card-widget-min-width:135px;--product-card-results-min-width:250px;--image-set-mode-min-width:155px;--product-card-set-mode-max-width:300px;--source-card-set-mode-max-width:500px;--filter-blur-none:0px;--filter-blur-100:8px;--filter-blur-150:12px;--filter-blur-200:16px;--color-bg-base:#ffffff;--color-bg-inverse:#161616;--color-border-00:#ffffff;--color-border-01:#f4f4f4;--color-border-02:#e0e0e0;--color-border-03:#c6c6c6;--color-border-inverse-00:#161616;--color-border-inverse-01:#393939;--color-field-01:#ffffff;--color-field-02:#f4f4f4;--color-icon-primary:#161616;--color-icon-secondary:#525252;--color-icon-helper:#8d8d8d;--color-icon-on-color:#ffffff;--color-icon-inverse:#ffffff;--color-icon-disabled:#16161640;--color-text-primary:#161616;--color-text-secondary:#525252;--color-text-helper:#8d8d8d;--color-text-placeholder:#a8a8a8;--color-text-on-color:#ffffff;--color-text-inverse:#ffffff;--color-text-disabled:#16161640;--button-bg-color-primary:#000000;--button-bg-color-primary-hover:#161616;--button-bg-color-primary-active:#1e1e1e;--button-bg-color-secondary:#f4f4f4;--button-bg-color-secondary-hover:#e0e0e0;--button-bg-color-secondary-active:#c6c6c6;--button-bg-color-ghost-hover:#f4f4f4;--button-bg-color-ghost-active:#eaeaea;--button-bg-color-frosted:#6f6f6f66;--button-bg-color-frosted-hover:#6f6f6f80;--button-bg-color-frosted-active:#6f6f6f99;--button-bg-color-disabled:#e0e0e0;--button-bg-color-positive:#dcfce7;--surface-bg-color-01:#f4f4f4;--surface-bg-color-01-hover:#eaeaea;--surface-bg-color-01-active:#e0e0e0;--surface-bg-color-02:#ffffff;--surface-bg-color-inverse:#262626;--surface-bg-color-inverse-hover:#303030;--surface-bg-color-inverse-active:#393939;--surface-bg-color-disabled:#e0e0e0;--chip-bg-color-primary:#161616;--chip-bg-color-primary-hover:#1e1e1e;--chip-bg-color-primary-active:#262626;--chip-bg-color-subtle:#f4f4f4;--chip-bg-color-subtle-hover:#eaeaea;--chip-bg-color-subtle-active:#e0e0e0;--chip-bg-color-outline-hover:#f4f4f4;--chip-bg-color-outline-active:#eaeaea;--label-bg-color-accent:#ff3944;}:host{background:white;border-radius:var(--modal-border-radius, var(--border-radius-300));box-sizing:border-box;display:grid;grid-template-rows:min-content auto;max-width:960px;overflow:auto;position:relative}.head{height:64px;font-family:var(--font-family, var(--font-family-base));position:absolute;width:100%;box-sizing:border-box;display:flex;align-items:center;z-index:1;padding:16px}.title{display:flex;align-items:center;transform:translateX(-6px);font-weight:var(--font-weight-600);font-size:18px;line-height:24px;margin:0 auto}.title-image{border-radius:50%;border:1px solid rgb(244, 244, 244);-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;margin-right:8px}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;cursor:pointer;display:grid;padding:6px;color:#8d8d8d}button:hover{color:#000}@media (max-width: 768px){:host{animation-name:fade-in;animation-duration:0.5s;animation-fill-mode:forwards;border-radius:24px 24px 0 0}:host(.closed){animation-name:fade-out;animation-fill-mode:none}.head{z-index:1}:host(:not(.first-screen)) .head{position:sticky;background:#ffffff}.body{overflow-y:auto}:host(:not(.first-screen)) .body{padding-bottom:160px}.title{color:#161616;display:flex;align-items:center;font-weight:500;font-size:16px;line-height:24px;margin:0 auto}.title-image{border-radius:50%;border:1px solid rgb(244, 244, 244);-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;margin-right:8px}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;cursor:pointer;display:grid;color:#6f6f6f;padding:0}button:hover{color:#000}:host(.first-screen) button,:host(.first-screen) button:hover{color:white}}@keyframes fade-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fade-out{from{transform:translateY(0)}to{transform:translateY(100%)}}";
 
@@ -103,10 +103,10 @@ const VviinnModal = class {
         this.slider = true;
     }
     render() {
-        return (index.h(index.Host, { key: 'e6008534642fb543ed667c82154df5c91cdf661c', exportparts: index$1.modalParts, class: { closed: !this.active, "first-screen": this.isFirstScreen }, onAnimationEnd: (ev) => this.handleAnimationEnd(ev) }, index.h("div", { key: 'c3d57c092a9ac2f3037b1385a0389eb22c4c7965', class: "head" }, !this.hideBackButton && (index.h("button", { key: 'faa3f5d2e4da15e6a988875e9553a45f38540695', part: "secondary-action", onClick: () => {
+        return (index.h(index.Host, { key: '2b55d24feb158395efb28601b6dd4ea7cb44c8ac', exportparts: index$1.modalParts, class: { closed: !this.active, "first-screen": this.isFirstScreen }, onAnimationEnd: (ev) => this.handleAnimationEnd(ev) }, index.h("div", { key: 'ee63734e3825bc1d1a84bae2e0c16a458145c0fc', class: "head" }, !this.hideBackButton && (index.h("button", { key: '504e4e580cb092883d423f51cafb0188e8466566', part: "secondary-action", onClick: () => {
                 this.resetState();
                 this.resetTopScroll();
-            } }, index.h(SecondaryActionIcon, { key: '96c95e076b462a3bdeba8918941c3922c41b4bd2' }))), index.h("div", { key: '6b32deba8baeebb5095452dff4428682e69efb13', class: "title", part: "results-title" }, renderImage(search_store.searchState.image), index.h("slot", { key: '7afa8824c1faf611df220af8ca2e9c544f46f499', name: "vviinn-image-search-modal-title" }, Rectangle.instance.t("imageSearchModalTitle"))), index.h("button", { key: 'eea6caff0dd54414cdc9e79038615deb38740da2', onClick: () => this.close(), class: "close-button", part: "close-button" }, index.h("svg", { key: 'b88941fd4689430292f3827b2bc99b58b8f374a0', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, index.h("path", { key: '1aaa800ac58360486e2186c103cdb622cdc7aa6c', d: "M12 13.3892L6.91958 18.4696C6.72248 18.6667 6.49095 18.7653 6.225 18.7653C5.95905 18.7653 5.72753 18.6667 5.53043 18.4696C5.33333 18.2725 5.23478 18.041 5.23478 17.775C5.23478 17.5091 5.33333 17.2776 5.53043 17.0805L10.6109 12L5.53043 6.9196C5.33333 6.7225 5.23478 6.49098 5.23478 6.22503C5.23478 5.95908 5.33333 5.72755 5.53043 5.53045C5.72753 5.33335 5.95905 5.2348 6.225 5.2348C6.49095 5.2348 6.72248 5.33335 6.91958 5.53045L12 10.6109L17.0804 5.53045C17.2775 5.33335 17.5091 5.2348 17.775 5.2348C18.041 5.2348 18.2725 5.33335 18.4696 5.53045C18.6667 5.72755 18.7652 5.95908 18.7652 6.22503C18.7652 6.49098 18.6667 6.7225 18.4696 6.9196L13.3892 12L18.4696 17.0805C18.6667 17.2776 18.7652 17.5091 18.7652 17.775C18.7652 18.041 18.6667 18.2725 18.4696 18.4696C18.2725 18.6667 18.041 18.7653 17.775 18.7653C17.5091 18.7653 17.2775 18.6667 17.0804 18.4696L12 13.3892Z", fill: "currentColor" })))), index.h("div", { key: 'e96b98b285f63b78f80d4c47a4e81f2e04b043ad', class: "body" }, index.h("slot", { key: '27f6ce02ee4a772a98dbc3d619494144cf2f8244' }))));
+            } }, index.h(SecondaryActionIcon, { key: 'f8f41fee98264906fa76666eeb11fc24c507853c' }))), index.h("div", { key: 'ace69d25186ed7eba74d408a2cf97ed6ce780159', class: "title", part: "results-title" }, renderTitleImage(search_store.searchState.image), index.h("slot", { key: '183a67aa73731bda97a7401d7d7581913f021f5c', name: "vviinn-image-search-modal-title" }, Rectangle.instance.t("imageSearchModalTitle"))), index.h("button", { key: 'ce0803f9b42a861a01d5672fc983f0dcbd93b763', onClick: () => this.close(), class: "close-button", part: "close-button" }, index.h("svg", { key: '186c273af33ab58b785759e74f5e6d0f9a056137', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, index.h("path", { key: '0c444b987ec0d748fe7f4339c7be78973ef02774', d: "M12 13.3892L6.91958 18.4696C6.72248 18.6667 6.49095 18.7653 6.225 18.7653C5.95905 18.7653 5.72753 18.6667 5.53043 18.4696C5.33333 18.2725 5.23478 18.041 5.23478 17.775C5.23478 17.5091 5.33333 17.2776 5.53043 17.0805L10.6109 12L5.53043 6.9196C5.33333 6.7225 5.23478 6.49098 5.23478 6.22503C5.23478 5.95908 5.33333 5.72755 5.53043 5.53045C5.72753 5.33335 5.95905 5.2348 6.225 5.2348C6.49095 5.2348 6.72248 5.33335 6.91958 5.53045L12 10.6109L17.0804 5.53045C17.2775 5.33335 17.5091 5.2348 17.775 5.2348C18.041 5.2348 18.2725 5.33335 18.4696 5.53045C18.6667 5.72755 18.7652 5.95908 18.7652 6.22503C18.7652 6.49098 18.6667 6.7225 18.4696 6.9196L13.3892 12L18.4696 17.0805C18.6667 17.2776 18.7652 17.5091 18.7652 17.775C18.7652 18.041 18.6667 18.2725 18.4696 18.4696C18.2725 18.6667 18.041 18.7653 17.775 18.7653C17.5091 18.7653 17.2775 18.6667 17.0804 18.4696L12 13.3892Z", fill: "currentColor" })))), index.h("div", { key: 'a6f61fc03402c68460b981c5e7a5e1c5fed3f521', class: "body" }, index.h("slot", { key: 'e7ee82a4e8add5bf2bb0f3adc0e5e76761fdb5d7' }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -235,7 +235,7 @@ const VviinnVprButton = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '87aa8b75fca93a8ecfa4a6dde703196dc30d338b', onClick: () => {
+        return (index.h(index.Host, { key: '09dfd61dbbc3bc43ae2d4cc034faa105d676999f', onClick: () => {
                 if (this.appendSidebarToId && !this.targetAppendSidebarTo) {
                     setTimeout(() => {
                         this.handleClick();
@@ -244,7 +244,7 @@ const VviinnVprButton = class {
                 else {
                     this.handleClick();
                 }
-            }, role: "button", tabindex: "0" }, index.h("vviinn-button", { key: 'ef75f37eeeadc8155b23d0f2787cd62e30806195', addStyle: this.addStyle, part: "vviinn-button" }, index.h("slot", { key: '8307b99a1b93514a512225544e643c5a6e367cee' }, this.campaignType === "VCS" ? (index.h(CrossSellingIcon, { width: this.iconSideSize, height: this.iconSideSize })) : (index.h(SimilarProductsIcon, { width: this.iconSideSize, height: this.iconSideSize }))))));
+            }, role: "button", tabindex: "0" }, index.h("vviinn-button", { key: '60b4167b9189c9b396c003a043ed231776bf8210', addStyle: this.addStyle, part: "vviinn-button" }, index.h("slot", { key: '158ae74be03b06097840931dba71301354368ac8' }, this.campaignType === "VCS" ? (index.h(CrossSellingIcon, { width: this.iconSideSize, height: this.iconSideSize })) : (index.h(SimilarProductsIcon, { width: this.iconSideSize, height: this.iconSideSize }))))));
     }
     handleClick() {
         const sidebar = document.createElement("vviinn-recommendations-sidebar");

package/dist/cjs/vviinn-text-search.cjs.entry.js

@@ -5,7 +5,7 @@ var search_store = require('./search.store-BLHPjH2B.js');
 var customizedSlots = require('./customized-slots-Da3rVnNM.js');
 var Rectangle = require('./Rectangle-oExct0ft.js');
 var resources = require('./resources-fyqfpLC2.js');
-var index$1 = require('./index-B9ytLPxZ.js');
+var index$1 = require('./index-DYvhURIh.js');
 
 const TextSearchIcon = () => (index.h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
     index.h("path", { d: "M20.6 4.57C17.39 4.19 16.88 3.68 16.42 0.37C16.38 0.15 16.22 0 16.01 0C15.8 0 15.63 0.15 15.59 0.37C15.12 3.66 14.63 4.13 11.41 4.57C11.17 4.61 11.01 4.77 11.01 5C11.01 5.23 11.17 5.39 11.41 5.42C14.63 5.81 15.14 6.31 15.59 9.62C15.63 9.84 15.8 10 16.01 10C16.22 10 16.39 9.84 16.42 9.62C16.89 6.31 17.39 5.81 20.6 5.42C20.84 5.38 21 5.22 21 5C21 4.78 20.83 4.6 20.6 4.57Z", fill: "#525252" }),
@@ -228,8 +228,8 @@ const VviinnTextSearch = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'a066fa697365db3c9c5e54a46298e29d811e421d', exportparts: index$1.searchBarParts }, index.h("div", { key: 'bd9405c73b5b3d57573e22c57867a62e6476d424', class: "text-search-container", part: "text-search-container" }, index.h("input", { key: 'a10326c55a1e0388869d937b18832ab5e5242b88', class: "text-search-input", part: "text-search-input", type: "text", placeholder: this.getPlaceholderText(), value: this.searchQuery, onInput: (event) => this.handleInputChange(event), onKeyUp: (event) => this.handleKeyPress(event) }), this.mode === "extended" && (index.h("vviinn-vps-button", { key: 'e1761d5971f891e66fe8c202d83247419de9d0d3', token: search_store.globalState.token, locale: search_store.globalState.locale, apiPath: search_store.globalState.apiPath, addStyle: false, showInWidget: false, exportparts: "vviinn-button" })), this.mode === "basic" && (index.h("slot", { key: 'be7158671ace61a4171a2cc9ba50208c3192e1ec', name: "vviinn-text-search-actions" })), (this.mode === "extended" || this.showInWidget) &&
-            this.recognition && (index.h("button", { key: 'a8f654025d2870aae5850bf17ee2a3d5769b4380', class: "speech-button", part: "speech-button", onClick: () => this.handleSpeech() }, index.h(MicIcon, { key: '636b4c426410f1a7f45923718462940b494cfe91' }), this.isShowRecording() && (index.h("span", { key: 'd0d64aecf6b9850237cdabee58595652a6568c32', class: "recording-indicator" })))), index.h("button", { key: '6c21d014e94e087ed3b8b9dc5f2654d9d31ca633', class: "text-search-button", part: "text-search-button", onClick: () => this.handleTextSearch(), disabled: this.state.loading }, this.isShowPreloader() ? (index.h("vviinn-preloader", null)) : (index.h("slot", { name: "vviinn-text-search-icon" }, index.h(TextSearchIcon, null))))), this.showTooltip && (index.h("p", { key: 'ce6634b658ae8535e0ee007370c728cafa941387', class: "text-search-tooltip", part: "text-search-tooltip" }, Rectangle.instance.t(this.tooltipText)))));
+        return (index.h(index.Host, { key: 'c4929073c1229ccdc941c4168ce4c20e7ab86748', exportparts: index$1.searchBarParts }, index.h("div", { key: '6b18110e89fce5f80de212cdcd8bb4aa93c9a252', class: "text-search-container", part: "text-search-container" }, index.h("input", { key: 'd65c310e2ead8f2e918e29c23c6ee6810d3f023f', class: "text-search-input", part: "text-search-input", type: "text", placeholder: this.getPlaceholderText(), value: this.searchQuery, onInput: (event) => this.handleInputChange(event), onKeyUp: (event) => this.handleKeyPress(event) }), this.mode === "extended" && (index.h("vviinn-vps-button", { key: '63c12d90c876c52d3b1ac0672657ba9034d566e2', token: search_store.globalState.token, locale: search_store.globalState.locale, apiPath: search_store.globalState.apiPath, addStyle: false, showInWidget: false, exportparts: "vviinn-button" })), this.mode === "basic" && (index.h("slot", { key: 'b0d3250b809ea692bff4a0c9f8ae9c88e4afe702', name: "vviinn-text-search-actions" })), (this.mode === "extended" || this.showInWidget) &&
+            this.recognition && (index.h("button", { key: 'f59432039bddcae76e224e9ad4dd1dc4a57f56da', class: "speech-button", part: "speech-button", onClick: () => this.handleSpeech() }, index.h(MicIcon, { key: '155bee4ac5cb4e7b86ffcd28483027d36a378caa' }), this.isShowRecording() && (index.h("span", { key: 'da1ab308baab739ccb48f0eb68f32c6c40b68e30', class: "recording-indicator" })))), index.h("button", { key: 'bbe403e8e4a5940fa43f884782a788765d55b846', class: "text-search-button", part: "text-search-button", onClick: () => this.handleTextSearch(), disabled: this.state.loading }, this.isShowPreloader() ? (index.h("vviinn-preloader", null)) : (index.h("slot", { name: "vviinn-text-search-icon" }, index.h(TextSearchIcon, null))))), this.showTooltip && (index.h("p", { key: '8e40fff9010c28394a8896d5387a5c4141d72f19', class: "text-search-tooltip", part: "text-search-tooltip" }, Rectangle.instance.t(this.tooltipText)))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -110,9 +110,9 @@ const VviinnVpsButton = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: 'e82401ed7aee7a1fa97df083fc19dd62e84a3e48', tabindex: "0", role: "button" }, index.h("vviinn-button", { key: 'e2f188230715175e419776f7e890f148bd8854b4', onClick: () => {
+        return (index.h(index.Host, { key: '1dd180283436297aae545d11108190958b847077', tabindex: "0", role: "button" }, index.h("vviinn-button", { key: '51c208321957d7d448316935ec63cc42ef3f0d5d', onClick: () => {
                 this.handleClick();
-            }, addStyle: this.addStyle, part: "vviinn-button" }, index.h("slot", { key: '679712c82fca1e5c00d78b9581c32032960f73cd' }, this.mode === "camera" ? (index.h(SearchModalCameraIcon, null)) : this.textSearchShow ? (index.h(SearchModalFullSearchIcon, null)) : (index.h(SearchModalImageSearchIcon, null)))), customizedSlots.SlotSkeleton("search"), index.h("vviinn-vps-widget", { key: 'a0708052c0995085bba613b7cad11d9ffb686eb1', mode: this.mode, "currency-sign": this.currencySign, token: this.token, locale: this.locale, apiPath: this.apiPath, pricePrefix: this.pricePrefix, campaignId: this.campaignId, campaignIdTextSearch: this.campaignIdTextSearch, campaignIdVisualSearch: this.campaignIdVisualSearch, showingInButton: true, buttonPressed: this.buttonPressed, resetVpsButton: this.resetButton.bind(this), buttonElementId: this.el.id, active: this.buttonPressed &&
+            }, addStyle: this.addStyle, part: "vviinn-button" }, index.h("slot", { key: '916552c8f50c743b4604b2596234ef7e612a218e' }, this.mode === "camera" ? (index.h(SearchModalCameraIcon, null)) : this.textSearchShow ? (index.h(SearchModalFullSearchIcon, null)) : (index.h(SearchModalImageSearchIcon, null)))), customizedSlots.SlotSkeleton("search"), index.h("vviinn-vps-widget", { key: '2a375cf4b45c81595756939062e35080bee051c4', mode: this.mode, "currency-sign": this.currencySign, token: this.token, locale: this.locale, apiPath: this.apiPath, pricePrefix: this.pricePrefix, campaignId: this.campaignId, campaignIdTextSearch: this.campaignIdTextSearch, campaignIdVisualSearch: this.campaignIdVisualSearch, showingInButton: true, buttonPressed: this.buttonPressed, resetVpsButton: this.resetButton.bind(this), buttonElementId: this.el.id, active: this.buttonPressed &&
                 (this.mode === "modal" || this.mode === "camera"), excluded: this.excluded, productDetailsNewTab: this.productDetailsNewTab, productDetailsRedirect: this.productDetailsRedirect, imageResolutionWidth: this.imageResolutionWidth, exampleImageSource: this.exampleImageSource, textSearchShow: this.textSearchShow, addToBasketShow: this.addToBasketShow, addPriceContainer: this.addPriceContainer, replaceSlotsContentInButton: this.replaceSlotsContent.bind(this), oneClickDiscoveryShow: (_a = this.oneClickDiscoveryShow) !== null && _a !== void 0 ? _a : !!this.oneClickDiscoveryMode, oneClickDiscoveryMode: this.oneClickDiscoveryMode, oneClickDiscoveryCampaigns: this.oneClickDiscoveryCampaigns, favoriteShow: this.favoriteShow, showInWidget: this.showInWidget, parentSlots: this.slots })));
     }
     get el() { return index.getElement(this); }