vviinn-widgets 2.221.0 → 2.222.0

package/dist/vviinn-widgets/{p-f46ad1fd.entry.js → p-818a1e53.entry.js}

@@ -1 +1 @@
-import{h as e,r as t,H as o,c as i,g as r,F as a}from"./p-B89nCb_F.js";import{i as s}from"./p-BJxQCbNV.js";import{k as n,f as d,h as l,l as c,u as h,v as f}from"./p-DTASrq1W.js";import{s as p,a as b}from"./p-Bq5Hj7Kz.js";import{S as g}from"./p-DvD16Fp_.js";import{m as u,c as m,p as x,r as v,i as y}from"./p-BadZr0hq.js";import{a as w,P as k,D as C,L as z}from"./p-rqiiCPBX.js";import{i as L}from"./p-CrEgr0jU.js";import{r as V}from"./p-BfTXDLup.js";const S=()=>e("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M16 1.4L14.6 0L8 6.6L1.4 0L0 1.4L6.6 8L0 14.6L1.4 16L8 9.4L14.6 16L16 14.6L9.4 8L16 1.4Z",fill:"currentColor"})),B=()=>e("svg",{width:"20",height:"20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M5 2C3.35 2 2 3.35 2 5v2H0V5c0-2.76 2.24-5 5-5h2v2H5Zm5 3c1.28 0 2.56.48 3.54 1.46h-.01a4.994 4.994 0 0 1 .64 6.29l3.05 3.05-1.41 1.41-3.05-3.05c-.84.55-1.8.83-2.76.83a4.98 4.98 0 0 1-3.54-1.46 5.003 5.003 0 0 1 0-7.07C7.44 5.49 8.72 5 10 5Zm-2.77 5c0 .74.29 1.44.81 1.96s1.22.81 1.96.81 1.44-.29 1.96-.81.81-1.22.81-1.96-.29-1.44-.81-1.96-1.22-.81-1.96-.81-1.44.29-1.96.81-.81 1.22-.81 1.96ZM2 15v-2H0v2c0 2.76 2.24 5 5 5h2v-2H5c-1.65 0-3-1.35-3-3ZM13 0h2c2.76 0 5 2.24 5 5v2h-2V5c0-1.65-1.35-3-3-3h-2V0Z",fill:"#161616"})),j=()=>e("svg",{width:"48",height:"48",slot:"icon",class:"icon",viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M24 34C24.5667 34 25.0417 33.8083 25.425 33.425C25.8083 33.0417 26 32.5667 26 32C26 31.4333 25.8083 30.9583 25.425 30.575C25.0417 30.1917 24.5667 30 24 30C23.4333 30 22.9583 30.1917 22.575 30.575C22.1917 30.9583 22 31.4333 22 32C22 32.5667 22.1917 33.0417 22.575 33.425C22.9583 33.8083 23.4333 34 24 34ZM24 26C24.5667 26 25.0417 25.8083 25.425 25.425C25.8083 25.0417 26 24.5667 26 24V16C26 15.4333 25.8083 14.9583 25.425 14.575C25.0417 14.1917 24.5667 14 24 14C23.4333 14 22.9583 14.1917 22.575 14.575C22.1917 14.9583 22 15.4333 22 16V24C22 24.5667 22.1917 25.0417 22.575 25.425C22.9583 25.8083 23.4333 26 24 26ZM24 44C21.2333 44 18.6333 43.475 16.2 42.425C13.7667 41.375 11.65 39.95 9.85 38.15C8.05 36.35 6.625 34.2333 5.575 31.8C4.525 29.3667 4 26.7667 4 24C4 21.2333 4.525 18.6333 5.575 16.2C6.625 13.7667 8.05 11.65 9.85 9.85C11.65 8.05 13.7667 6.625 16.2 5.575C18.6333 4.525 21.2333 4 24 4C26.7667 4 29.3667 4.525 31.8 5.575C34.2333 6.625 36.35 8.05 38.15 9.85C39.95 11.65 41.375 13.7667 42.425 16.2C43.475 18.6333 44 21.2333 44 24C44 26.7667 43.475 29.3667 42.425 31.8C41.375 34.2333 39.95 36.35 38.15 38.15C36.35 39.95 34.2333 41.375 31.8 42.425C29.3667 43.475 26.7667 44 24 44Z",fill:"#161616"})),H=({width:t=24,height:o=24})=>e("svg",{width:t,height:o,viewBox:"0 0 24 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M18 2H11C8.79 2 7 3.79 7 6V7H6C3.79 7 2 8.79 2 11V18C2 20.21 3.79 22 6 22H13C14.86 22 16.41 20.72 16.86 19H14.72C14.37 19.59 13.74 20 13 20H6C4.9 20 4 19.1 4 18V11C4 9.9 4.9 9 6 9H7V13C7 15.21 8.79 17 11 17H18C20.21 17 22 15.21 22 13V6C22 3.79 20.21 2 18 2ZM15 15H11C9.9 15 9 14.1 9 13V9H13C14.1 9 15 9.9 15 11V15ZM20 13C20 14.1 19.1 15 18 15H17V11C17 8.79 15.21 7 13 7H9V6C9 4.9 9.9 4 11 4H18C19.1 4 20 4.9 20 6V13Z",fill:"currentColor"})),T=({width:t=24,height:o=24})=>e("svg",{xmlns:"http://www.w3.org/2000/svg",width:t,height:o,viewBox:"0 0 24 24",fill:"currentColor"},e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M20 13C20 13.55 20.45 14 21 14C21.55 14 22 13.55 22 13V5C22 3.35 20.65 2 19 2H11C10.45 2 10 2.45 10 3C10 3.55 10.45 4 11 4H19C19.55 4 20 4.45 20 5V13ZM2 19C2 20.65 3.35 22 5 22H13C13.55 22 14 21.55 14 21C14 20.45 13.55 20 13 20H5C4.45 20 4 19.55 4 19V11C4 10.45 3.55 10 3 10C2.45 10 2 10.45 2 11V19ZM12 16C11.45 16 11 15.55 11 15V13H9C8.45 13 8 12.55 8 12C8 11.45 8.45 11 9 11H11V9C11 8.45 11.45 8 12 8C12.55 8 13 8.45 13 9V11H15C15.55 11 16 11.45 16 12C16 12.55 15.55 13 15 13H13V15C13 15.55 12.55 16 12 16Z"})),A=class{constructor(e){t(this,e),this.addStyle=!0}render(){return e(o,{key:"8aa5c9b9a1443967360070b7c3ebc6bb6882e99d",exportparts:"button"},e("div",{key:"0fe27ed1210a83004a8d23918fdaf8b4cefea1dd",class:this.addStyle?"open-button":"raw-open-button",part:"button"},e("slot",{key:"be4ae4abc0ed26c59d45155375d6d5ca4be1b93f"},e(B,{key:"ebf649e150c4e3e291038ac6299fab988bb7b586"}))))}};A.style=":host{--font-family-base:Inter, system-ui, sans-serif;--font-family-mono:monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-size-display:32px;--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-display:40px;--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;--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:#707070;--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;--surface-bg-color-shadow-01:#dddddd;--surface-bg-color-shadow-02:#c6c6c6;--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;--sidebar-animation-duration-default:0.5s;--search-modal-animation-duration-default:0.25s;--search-modal-animation-duration-mobile-default:0.35s;}:host{display:block}:host div{border:none;cursor:pointer;color:inherit}.open-button{background-color:var(--button-bg-color-secondary);align-items:center;border-radius:50%;box-sizing:border-box;display:grid;height:40px;justify-items:center;padding:0;width:40px;transition:background-color 0.2s ease-in-out}.open-button:hover{background-color:var(--button-bg-color-secondary-hover)}.open-button:active{background-color:var(--button-bg-color-secondary-active)}.raw-open-button{display:contents;background:none}";const I={"empty-results":{i18nKey:"emptyResultsBlock"},"server-error":{i18nKey:"serverErrorBlock"},"wrong-aspect-ratio":{i18nKey:"wrongAspectRatioBlock"},"wrong-format":{i18nKey:"wrongFormatBlock"},"heic-not-supported":{i18nKey:"heicNotSupportedBlock"}},M=class{constructor(e){t(this,e),this.hasBackground=!0}getErrorContent(){if(!this.errorType)return null;const e=I[this.errorType],t="wrong-format"===this.errorType?{formats:n()}:void 0,o=`${e.i18nKey}.text`,i=`${e.i18nKey}.button`;return{title:s.t(`${e.i18nKey}.title`),text:s.exists(o)?s.t(o,t):null,buttonText:this.hasButton()?s.t(i):null}}hasButton(){return!!this.errorType&&(!!s.exists(`${I[this.errorType].i18nKey}.button`)&&!!this.handler)}render(){const t=this.getErrorContent(),i={"error-content":!0,"add-background":this.hasBackground},r=this.errorType?[e(j,null),e("h4",null,null==t?void 0:t.title),(null==t?void 0:t.text)&&e("span",null,t.text),(null==t?void 0:t.buttonText)&&e("button",{onClick:this.handler},t.buttonText)]:[e("slot",{name:"icon"}),e("slot",{name:"title"}),e("slot",{name:"text"}),e("slot",{name:"action"})];return e(o,{key:"9fd42173973878d8d2229b800dc912a74d78b343"},e("div",{key:"f285cdf4bad4dc393cfb798639753fdd3a9da5e7",class:i},r))}};M.style=":host{--font-family-base:Inter, system-ui, sans-serif;--font-family-mono:monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-size-display:32px;--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-display:40px;--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;--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:#707070;--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;--surface-bg-color-shadow-01:#dddddd;--surface-bg-color-shadow-02:#c6c6c6;--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;--sidebar-animation-duration-default:0.5s;--search-modal-animation-duration-default:0.25s;--search-modal-animation-duration-mobile-default:0.35s;}:host{display:block;width:100%;font-family:var(--font-family, var(--font-family-base))}:host(.add-background){background:var(--surface-bg-color-01)}:host(.add-top-margin){margin-top:var(--spacing-400)}.error-content{display:grid;grid-gap:var(--spacing-150);text-align:center;justify-items:center;width:100%;max-width:356px;padding:var(--spacing-200);border-radius:var(--border-radius-200);box-sizing:border-box;margin:0 auto}.error-content.add-background{background:var(--surface-bg-color-01)}svg,::slotted(svg){display:grid;align-self:center}h4,::slotted(h4){margin:unset;font-weight:var(--font-weight-600);font-size:var(--font-size-headline);line-height:var(--line-height-headline)}span,::slotted(span){font-size:14px;line-height:20px}button,::slotted(button){-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;font-size:var(--font-size-label);font-weight:var(--font-weight-500);background:var(--color-primary, var(--button-bg-color-primary));border-radius:var(--border-radius-100);padding:var(--spacing-100);font-size:var(--font-size-body);color:var(--color-text-inverse);font-family:var(--font-family, var(--font-family-base))}button:hover,::slotted(button:hover){background:var(--button-bg-color-primary-hover)}";const E=class{constructor(e){t(this,e),this.vviinnWidgetClose=i(this,"vviinnWidgetClose"),this.active=!1,this.hideBackButton=!1,this.slider=!1,this.handleEscapeKey=e=>{"Escape"===e.key&&this.active&&(e.preventDefault(),this.close())},this.handleCloseButtonKeyDown=e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.close())},this.handleAnimationEnd=e=>{"fade-in"===e.animationName&&(this.slider=!0)}}handleActiveChange(e){e?document.addEventListener("keydown",this.handleEscapeKey):document.removeEventListener("keydown",this.handleEscapeKey)}componentWillLoad(){p(this,this.el)}disconnectedCallback(){document.removeEventListener("keydown",this.handleEscapeKey)}resetTopScroll(){const e=this.el.shadowRoot.querySelector(".body");null==e||e.scroll({top:0})}close(){this.active=!1,setTimeout((()=>{this.vviinnWidgetClose.emit(Object.assign({campaignTypeId:"VPS",campaignTypeName:d.VPS,widgetVersion:this.widgetVersion},l("widgetId",this.buttonElementId)))}),this.slider?w:0)}render(){return e(o,{key:"a9ddbc40121ee0f9e747460ba826f910376960f1",exportparts:u,class:{closed:!this.active,"first-screen":this.isFirstScreen},onAnimationEnd:this.handleAnimationEnd,role:"dialog","aria-modal":this.active?"true":"false","aria-label":s.t("imageSearchModalTitle"),inert:!this.active||void 0},e("div",{key:"27a1c2d17b975d1bff0c04392b03f850cb1f8cf0",class:"head"},!this.hideBackButton&&e("button",{key:"02d89560819b3b1f19c75569531d670efedf8e54",part:"secondary-action",onClick:()=>{this.resetState(),this.resetTopScroll()},"aria-label":s.t("a11y.backButton")},e(g,{key:"d61a2d35f90c4f64209839c7c738b8afc78131b0"})),e("div",{key:"59530e27b5283104f0296122551752de0456c999",class:"title",part:"results-title"},(t=c.image)?e("img",{width:"28",height:"28",src:t.src,class:"title-image",alt:s.t("a11y.uploadedImage")}):null,e("slot",{key:"81b817f993da5fb1ebb383b19a6c49f5fcb652b3",name:"vviinn-image-search-modal-title"},s.t("imageSearchModalTitle"))),e("button",{key:"7b8b0b319a4d173bd1f6cc3bb9642091e1d25920",onClick:()=>this.close(),onKeyDown:this.handleCloseButtonKeyDown,class:"close-button",part:"close-button","aria-label":s.t("a11y.closeButton")},e("svg",{key:"d2399b4c6cb68169b5fa2c3785fbf4d5417e3d1f",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true"},e("path",{key:"cfb7d199d0bb7f6d366a246a63e43c22ff1fe19b",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"})))),e("div",{key:"e4649662e7054a5b77ba9e1d72e619ef71cb259d",class:"body"},e("slot",{key:"6b177965d3c98596dfe8e29efc0d6be158eb5d09"})));var t}get el(){return r(this)}static get watchers(){return{active:["handleActiveChange"]}}};E.style=":host{--font-family-base:Inter, system-ui, sans-serif;--font-family-mono:monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-size-display:32px;--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-display:40px;--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;--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:#707070;--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;--surface-bg-color-shadow-01:#dddddd;--surface-bg-color-shadow-02:#c6c6c6;--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;--sidebar-animation-duration-default:0.5s;--search-modal-animation-duration-default:0.25s;--search-modal-animation-duration-mobile-default:0.35s;}: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:slide-up;animation-duration:var(\n      --search-modal-animation-duration-mobile,\n      var(--search-modal-animation-duration-mobile-default)\n    );animation-fill-mode:forwards;animation-timing-function:ease-out;border-radius:var(--modal-border-radius, var(--border-radius-300))\n      var(--modal-border-radius, var(--border-radius-300)) 0 0;height:calc(100vh - 64px);width:100vw;max-width:100vw}:host(.closed){animation-name:slide-down;animation-duration:var(\n      --search-modal-animation-duration-mobile,\n      var(--search-modal-animation-duration-mobile-default)\n    );animation-fill-mode:forwards;animation-timing-function:ease-in}.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 slide-up{from{transform:translateY(calc(100% - 64px))}to{transform:translateY(-64px)}}@keyframes slide-down{from{transform:translateY(-64px)}to{transform:translateY(100%)}}";const R=class{constructor(e){t(this,e),this.active=!1,this.isClosing=!1,this.handleAnimationEnd=e=>{var t;"fade-out"===e.animationName&&this.isClosing&&(this.isClosing=!1,null===(t=this.dialogRef)||void 0===t||t.close())}}handleActiveChange(e){requestAnimationFrame((()=>{this.dialogRef&&(e&&!this.dialogRef.open?(this.isClosing=!1,this.dialogRef.classList.remove("closing"),this.dialogRef.showModal()):e||!this.dialogRef.open||this.isClosing||(this.isClosing=!0,this.dialogRef.classList.add("closing")))}))}componentDidLoad(){this.active&&this.dialogRef&&this.dialogRef.showModal()}render(){return e("dialog",{key:"a35c2023604b1de5f6c38869832a1bc82ada47d3",ref:e=>this.dialogRef=e,onAnimationEnd:this.handleAnimationEnd},e("slot",{key:"f48f9137827b0cbdac4022f1be0a33330f278552"}))}static get watchers(){return{active:["handleActiveChange"]}}};R.style="dialog{border:none;padding:0;margin:0;max-width:100vw;max-height:100vh;width:100vw;height:100vh;background:transparent;overflow:hidden;cursor:default}dialog:not([open]){display:none}dialog[open]{display:grid;align-items:center;justify-items:center;animation:fade-in\n    var(\n      --search-modal-animation-duration,\n      var(--search-modal-animation-duration-default)\n    )\n    ease-in-out}dialog[open]::backdrop{background:rgba(0, 0, 0, 0.5);animation:fade-in\n    var(\n      --search-modal-animation-duration,\n      var(--search-modal-animation-duration-default)\n    )\n    ease-in-out}@media (max-width: 768px){dialog[open]{align-items:end;padding-top:64px}}@keyframes fade-in{from{opacity:0.1}to{opacity:1}}@keyframes fade-out{from{opacity:1}to{opacity:0.1}}dialog.closing{animation:fade-out\n    var(\n      --search-modal-animation-duration,\n      var(--search-modal-animation-duration-default)\n    )\n    ease-in-out}dialog.closing::backdrop{animation:fade-out\n    var(\n      --search-modal-animation-duration,\n      var(--search-modal-animation-duration-default)\n    )\n    ease-in-out}";const F=class{constructor(e){t(this,e),this.position="bottom",this.widgetScrollbar=!1,this.mode="continuity",this.campaigns="",this.imageWidth=k,this.showMultipleImages=!1,this.addToBasketShow=!1,this.addPriceContainer=!1,this.showFilters=!1,this.setItemsAmount=4,this.favoriteShow=!1,this.useCarousel=!0,this.showInWidget=!1,this.imageResolutionWidth=C,this.showInCustomContainer=!1,this.showInModal=!1,this.isAppended=!1,this.sidebarState="idle",this.showLoadingClass=!1,this.recommendationsLoading=!1,this.hidden=!1,this.setRecommendationsLoading=e=>{this.recommendationsLoading=e},this.isSourceImageValid=()=>{var e;return!!(null===(e=this.sourceProduct)||void 0===e?void 0:e.image)}}updatingAllCardsStarted(){const{height:e}=this.getSidebarRectangle(),t=this.getAsideElement();t.style.height!==`${e}px`&&(t.style.height=`${e}px`)}updatingAllCardsFinished(){const e=this.getAsideElement();"auto"!==e.style.height&&(e.style.height="auto")}bodyClickListener(e){const t=this.getSidebarRectangle();t&&this.showInModal&&!L(e,t)&&(this.sidebarState="closed")}sourceProductReceived(e){this.sourceProduct=e.detail}handleEscape(e){"Escape"!==e.key||"open"!==this.sidebarState||this.isAppended||(this.sidebarState="closed")}handleLoadingChange(e){e?(this.showLoadingClass=!0,clearTimeout(this.loadingClassTimeout)):this.loadingClassTimeout=setTimeout((()=>{this.showLoadingClass=!1}),z)}handleSidebarStateChange(e,t){"open"===e&&"open"!==t?setTimeout((()=>{const e=this.el.shadowRoot.querySelector(".close-sidebar");null==e||e.focus()}),0):"closed"===e&&"open"===t&&this.triggerElement&&this.triggerElement.focus()}getClassMap(){return{[this.position]:!0,[this.sidebarState]:!0,"no-carousel":!this.useCarousel,"no-fixed":this.showInCustomContainer,appended:this.isAppended,loading:this.showLoadingClass}}getAsideElement(){return this.el.shadowRoot.querySelector(".sidebar")}getSidebarRectangle(){var e;return null===(e=this.getAsideElement())||void 0===e?void 0:e.getBoundingClientRect()}componentDidLoad(){const e=this.el.shadowRoot.querySelector("vviinn-vpr-widget");Array.from(this.buttonChildren).forEach((t=>{const o=t.cloneNode(!0);t.hasAttribute("slot")&&e.appendChild(o)}))}disconnectedCallback(){clearTimeout(this.loadingClassTimeout)}render(){var t;return e(o,{key:"1d8e4cd403128aab03e0944fc2e4a5b0233872d0",class:this.getClassMap(),style:{display:this.hidden?"none":void 0},exportparts:`body, close-sidebar, ${m}, ${x}, ${v}`},e("div",{key:"b930c6fd2eb2af705b15fc6a06e87f674a7b4f8b",class:"sidebar",part:"body",onAnimationEnd:e=>this.handleAnimationEnd(e),role:this.showInModal?"dialog":"region","aria-modal":this.showInModal?"true":void 0,"aria-label":s.t("a11y.recommendations")},e("div",{key:"dd428f49ceb3a3b3ef6fa81419de0575df1323ec",class:{"sidebar-header":!0,"contains-source-img":this.isSourceImageValid()},part:"sidebar-header"},"set"!==this.mode&&e(a,{key:"21fafcf398cf1f3edb25cbeffdc80ecc3edc4926"},this.renderSourceImage(),0!==(null===(t=this.sidebarTitle)||void 0===t?void 0:t.length)&&e("span",{key:"1a35ffde2d9360bc50399919bb210f38df6bd906",class:"title",part:"recommendations-title"},this.sidebarTitle||s.t("discoveryWidgetTitle")),!!this.sidebarSubtitle&&e("span",{key:"a97989a713840aabcf5e54ca2b7867a21bc3ddb4",class:"subtitle",part:"recommendations-subtitle"},this.sidebarSubtitle)),e("button",{key:"c41bd72d0344559e9536c62981ffd3e9a123253c",class:"close-sidebar",onClick:()=>{this.sidebarState="closed"},onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.sidebarState="closed")},part:"close-sidebar","aria-label":s.t("a11y.closeButton")},e(S,{key:"aaaee4b427d589ba8daacd323b3d3f249f1ac31c"}))),e("div",{key:"0b8861dffd567eb124e5bce8fc813f74227cdcb9",class:"sidebar-content",part:"sidebar-content"},e("vviinn-vpr-widget",{key:"bec924b0073e25b2f57ab3d05c532facd542b0a5",token:this.token,currencySign:this.currencySign,pricePrefix:this.pricePrefix,apiPath:this.apiPath,locale:this.locale,numberLocale:this.numberLocale,productId:this.productId,exportparts:`${m}, ${x}, ${v}`,imageWidth:this.imageWidth,showMultipleImages:this.showMultipleImages,setItemsAmount:this.setItemsAmount,blockTitle:"set"!==this.mode?"":this.sidebarTitle,blockSubtitle:"set"===this.mode?this.sidebarSubtitle:void 0,mode:this.mode,"campaign-type":this.campaignType,useCarousel:this.useCarousel,onVviinnRecommendationsLoaded:()=>{this.hidden=!1,this.sidebarState="open"},showScroll:this.widgetScrollbar,campaigns:this.campaigns,color:this.color,buttonElementId:this.buttonElementId,noResultText:this.noResultText,noResultShow:this.noResultShow,gridArrowsDynamic:this.gridArrowsDynamic,showingInButton:this.showingInButton,excluded:this.excluded,productDetailsNewTab:this.productDetailsNewTab,productDetailsRedirect:this.productDetailsRedirect,closed:"closed"===this.sidebarState,opened:"open"===this.sidebarState,addToBasketShow:this.addToBasketShow,cssUrl:this.cssUrl,showFilters:this.showFilters,setModeDiscounts:this.setModeDiscounts,updateButtonLocation:this.updateButtonLocation,addPriceContainer:this.addPriceContainer,favoriteShow:this.favoriteShow,isAppended:this.isAppended,showInWidget:this.showInWidget,recommendationsLoading:this.recommendationsLoading,setRecommendationsLoading:this.setRecommendationsLoading,imageResolutionWidth:this.imageResolutionWidth,uiSessionId:this.uiSessionId}))))}renderSourceImage(){var t,o,i,r;const a=(null===(o=null===(t=this.sourceProduct)||void 0===t?void 0:t.image)||void 0===o?void 0:o.thumbnail)||(null===(r=null===(i=this.sourceProduct)||void 0===i?void 0:i.image)||void 0===r?void 0:r.original)||null;return a?e("img",{class:"source-image",part:"source-image",src:a,alt:s.t("a11y.sourceProductImage")}):null}handleAnimationEnd({animationName:e}){e.includes("slideOut")&&(this.hidden=!0)}get el(){return r(this)}static get watchers(){return{recommendationsLoading:["handleLoadingChange"],sidebarState:["handleSidebarStateChange"]}}};F.style=":host{--font-family-base:Inter, system-ui, sans-serif;--font-family-mono:monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-size-display:32px;--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-display:40px;--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;--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:#707070;--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;--surface-bg-color-shadow-01:#dddddd;--surface-bg-color-shadow-02:#c6c6c6;--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;--sidebar-animation-duration-default:0.5s;--search-modal-animation-duration-default:0.25s;--search-modal-animation-duration-mobile-default:0.35s;}:host{display:flex;box-sizing:border-box;position:fixed;z-index:9999;height:100vh;left:0;top:0;transition:background 0.1s ease-in-out;width:100vw}:host(.bottom){flex-direction:column;justify-content:flex-end}:host(.no-fixed){position:unset;display:block;width:100%;height:auto}:host(.no-fixed.no-carousel.appended.loading){min-height:calc((var(--product-card-calculated-height) * 3) + 48px)}:host(.right){flex-direction:row;justify-content:flex-end}:host [slot]{visibility:hidden;position:absolute}.sidebar-header{position:relative;text-align:center;padding:var(--spacing-300);padding-top:0px}.sidebar-header.contains-source-img{display:grid;justify-items:center;grid-gap:12px}img.source-image{width:64px;height:64px;border-radius:50%;padding:6px;border:1px solid var(--color-border-02);-o-object-fit:contain;object-fit:contain}:host(.right) .sidebar-header{box-shadow:0px 2px 6px rgba(0, 0, 0, 0.1)}.sidebar-content{padding:0 var(--spacing-300)}:host(.right) .sidebar-content{overflow:auto}.sidebar{background:white;box-sizing:border-box;padding-top:var(--spacing-300);display:flex;flex-direction:column;max-height:100vh;overflow-y:auto}:host(.bottom.idle) .sidebar,:host(.bottom.closed) .sidebar{transform:translateY(100%)}:host(.no-fixed) .sidebar{transform:unset !important}:host(.bottom.closed) .sidebar{animation-name:slideOutFromBottom;animation-duration:var(\n    --sidebar-animation-duration,\n    var(--sidebar-animation-duration-default)\n  );animation-fill-mode:forwards}:host(.open){transition:background 0.3s ease-in-out;background:rgba(0, 0, 0, 0.2)}:host(.bottom.open) .sidebar{animation-name:slideInFromBottom;animation-duration:var(\n    --sidebar-animation-duration,\n    var(--sidebar-animation-duration-default)\n  );animation-fill-mode:forwards}:host(.right.idle) .sidebar{transform:translateX(100%)}:host(.right.closed) .sidebar{animation-name:slideOutFromRight;animation-duration:var(\n    --sidebar-animation-duration,\n    var(--sidebar-animation-duration-default)\n  );animation-fill-mode:forwards}:host(.right.open) .sidebar{animation-name:slideInFromRight;animation-duration:var(\n    --sidebar-animation-duration,\n    var(--sidebar-animation-duration-default)\n  );animation-fill-mode:forwards}:host(.right) .sidebar{max-width:480px}:host(.right) vviinn-vpr-widget::part(recommendations-results){display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:var(--spacing-300)}:host(.right) vviinn-vpr-widget{overflow:auto}.title{font-style:normal;font-weight:var(--font-weight-600);font-size:var(--font-size-title);font-family:var(--font-family, var(--font-family-base));line-height:40px;text-align:center;color:#000000}.subtitle{font-size:var(--font-size-body);font-family:var(--font-family, var(--font-family-base));text-align:center}.close-sidebar{position:absolute;background:transparent;border:none;cursor:pointer;margin:0;top:0;color:var(--color-icon-secondary);transition:color 0.1s ease-in-out;padding:var(--spacing-100);right:var(--spacing-200)}.close-sidebar:hover{color:var(--color-icon-primary)}@keyframes slideInFromBottom{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideOutFromBottom{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes slideInFromRight{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideOutFromRight{from{transform:translateX(0)}to{transform:translateX(100%)}}@media (max-width: 768px){:host{--vviinn-carousel-columns:2}}";const Z=class{constructor(e){t(this,e),this.vviinnWidgetLoad=i(this,"vviinnWidgetLoad"),this.vviinnWidgetOpen=i(this,"vviinnWidgetOpen"),this.vviinnWidgetClose=i(this,"vviinnWidgetClose"),this.vviinnProductLoad=i(this,"vviinnProductLoad"),this.vviinnProductClick=i(this,"vviinnProductClick"),this.vviinnProductView=i(this,"vviinnProductView"),this.vviinnResultLoad=i(this,"vviinnResultLoad"),this.vviinnResultView=i(this,"vviinnResultView"),this.vviinnNoResult=i(this,"vviinnNoResult"),this.vviinnAddToBasket=i(this,"vviinnAddToBasket"),this.vviinnVprButtonActivated=i(this,"vviinnVprButtonActivated"),this.mode="continuity",this.campaigns="",this.excluded="",this.campaignType="set"===this.mode?"VCS":"VPR",this.color="",this.imageWidth=k,this.imageResolutionWidth=C,this.showMultipleImages=!1,this.setItemsAmount=4,this.cssUrl=null,this.noResultText="",this.noResultShow=!0,this.gridArrowsDynamic=!1,this.productDetailsNewTab=!1,this.productDetailsRedirect=!0,this.addToBasketShow=!1,this.showFilters=!1,this.addPriceContainer=!1,this.oneClickDiscoveryMode="modal",this.setModeDiscounts="set"===this.mode?"5, 10, 15":"",this.updateButtonLocation="topAndItem",this.modalScrollbar=!1,this.position="bottom",this.addStyle=!0,this.favoriteShow=!1,this.isStandalone=!0,this.showInWidget=!1,this.sidebar=null,this.removeSidebarFromDOM=()=>{var e;this.sidebar&&((null===(e=this.targetAppendSidebarTo)||void 0===e?void 0:e.contains(this.sidebar))?this.targetAppendSidebarTo.removeChild(this.sidebar):document.body.contains(this.sidebar)&&document.body.removeChild(this.sidebar),this.sidebar=null)},this.sidebarCloseListener=(e=!1)=>{this.sidebar&&(e?this.removeSidebarFromDOM():(this.sidebar.sidebarState="closed",setTimeout((()=>this.removeSidebarFromDOM()),w)))},this.handleButtonClick=()=>{this.vviinnVprButtonActivated.emit(),this.appendSidebarToId&&!this.targetAppendSidebarTo?setTimeout((()=>{this.handleClick()}),250):this.handleClick()},this.handleKeyDown=e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.handleButtonClick())}}connectedCallback(){this.iconSideSize=this.isStandalone?24:14;const{onChange:e}=h(this.showInWidget);this.disposeStoreListener=e("searchStatus",(e=>{"loading"===e&&this.sidebarCloseListener()}))}async componentWillLoad(){await y(this.locale),this.appendSidebarToElement?this.targetAppendSidebarTo=this.appendSidebarToElement:this.appendSidebarToId&&(this.targetAppendSidebarTo=document.getElementById(this.appendSidebarToId))}appendSidebarToElementWatcher(){this.appendSidebarToElement&&(this.targetAppendSidebarTo=this.appendSidebarToElement)}getAriaLabel(){try{return s.t("a11y.findSimilarProducts")||"Find similar products"}catch(e){return"Find similar products"}}render(){return e(o,{key:"6edbdcb0f7dc456060d8a87cab4d347fca170165",role:"button",tabindex:"0","aria-label":this.getAriaLabel(),onClick:this.handleButtonClick,onKeyDown:this.handleKeyDown},V(this.cssUrl),e("vviinn-button",{key:"3dbb30111e60d51feb77a2ac9cbeb669f11dd620",addStyle:this.addStyle,part:"vviinn-button"},e("slot",{key:"3dee5fa42088fb238db95b62b7a97aa6cff56b93"},e("VCS"===this.campaignType?T:H,{width:this.iconSideSize,height:this.iconSideSize}))))}handleClick(){const e=document.createElement("vviinn-recommendations-sidebar");e.token=this.token,e.locale=this.locale,e.numberLocale=this.numberLocale,e.currencySign=this.currencySign,e.pricePrefix=this.pricePrefix,e.apiPath=this.apiPath,e.sidebarTitle=this.sidebarTitle,e.sidebarSubtitle=this.sidebarSubtitle,e.productId=this.productId,e.position=this.position,e.widgetScrollbar=this.modalScrollbar,e.campaigns=this.campaigns,e.campaignType=this.campaignType,e.color=this.color,e.imageWidth=this.imageWidth,e.showMultipleImages=this.showMultipleImages,e.buttonElementId=this.el.id,e.noResultText=this.noResultText,e.noResultShow=this.noResultShow,e.gridArrowsDynamic=this.gridArrowsDynamic,e.productDetailsNewTab=this.productDetailsNewTab,e.productDetailsRedirect=this.productDetailsRedirect,e.widgetVersion=f,e.showingInButton=!0,e.excluded=this.excluded,e.addToBasketShow=this.addToBasketShow,e.buttonChildren=this.el.children,e.showFilters=this.showFilters,e.cssUrl=this.cssUrl,e.setItemsAmount=this.setItemsAmount,e.setModeDiscounts=this.setModeDiscounts,e.updateButtonLocation=this.updateButtonLocation,e.addPriceContainer=this.addPriceContainer,e.favoriteShow=this.favoriteShow,e.showInModal="modal"===this.oneClickDiscoveryMode,e.isAppended=!!this.targetAppendSidebarTo||!!this.appendSidebarToElement,e.showInWidget=this.showInWidget,e.uiSessionId=this.uiSessionId,e.triggerElement=this.el,this.targetAppendSidebarTo?(e.mode="grid",e.useCarousel="append-slider"===this.oneClickDiscoveryMode):(e.mode="right"===this.position?"grid":this.mode,e.useCarousel="bottom"===this.position),this.sidebar=e,this.eventAbortController=new AbortController;const{signal:t}=this.eventAbortController;if(b(document,[["vviinnWidgetClose",()=>this.sidebarCloseListener(!1)],["vviinnStorybookStoryChanged",()=>this.sidebarCloseListener(!0)]],t),this.targetAppendSidebarTo)return this.sidebar.showInCustomContainer=!0,this.targetAppendSidebarTo.innerHTML="",void this.targetAppendSidebarTo.append(this.sidebar);document.body.append(this.sidebar)}disconnectedCallback(){var e,t;null===(e=this.eventAbortController)||void 0===e||e.abort(),null===(t=this.disposeStoreListener)||void 0===t||t.call(this)}get el(){return r(this)}static get watchers(){return{appendSidebarToElement:["appendSidebarToElementWatcher"]}}};Z.style=":host{display:inline-block}";export{A as vviinn_button,M as vviinn_error,E as vviinn_modal,R as vviinn_overlay,F as vviinn_recommendations_sidebar,Z as vviinn_vpr_button}
+import{h as e,r as t,H as o,c as i,g as r,F as a}from"./p-B89nCb_F.js";import{i as s}from"./p-BJxQCbNV.js";import{k as n,f as d,h as l,l as c,u as h,v as f}from"./p-Cxd6yzhY.js";import{s as p,a as b}from"./p-Bq5Hj7Kz.js";import{S as g}from"./p-DvD16Fp_.js";import{m as u,c as m,p as x,r as v,i as y}from"./p-BadZr0hq.js";import{a as w,P as k,D as C,L as z}from"./p-rqiiCPBX.js";import{i as L}from"./p-CrEgr0jU.js";import{r as V}from"./p-BfTXDLup.js";const S=()=>e("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M16 1.4L14.6 0L8 6.6L1.4 0L0 1.4L6.6 8L0 14.6L1.4 16L8 9.4L14.6 16L16 14.6L9.4 8L16 1.4Z",fill:"currentColor"})),B=()=>e("svg",{width:"20",height:"20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M5 2C3.35 2 2 3.35 2 5v2H0V5c0-2.76 2.24-5 5-5h2v2H5Zm5 3c1.28 0 2.56.48 3.54 1.46h-.01a4.994 4.994 0 0 1 .64 6.29l3.05 3.05-1.41 1.41-3.05-3.05c-.84.55-1.8.83-2.76.83a4.98 4.98 0 0 1-3.54-1.46 5.003 5.003 0 0 1 0-7.07C7.44 5.49 8.72 5 10 5Zm-2.77 5c0 .74.29 1.44.81 1.96s1.22.81 1.96.81 1.44-.29 1.96-.81.81-1.22.81-1.96-.29-1.44-.81-1.96-1.22-.81-1.96-.81-1.44.29-1.96.81-.81 1.22-.81 1.96ZM2 15v-2H0v2c0 2.76 2.24 5 5 5h2v-2H5c-1.65 0-3-1.35-3-3ZM13 0h2c2.76 0 5 2.24 5 5v2h-2V5c0-1.65-1.35-3-3-3h-2V0Z",fill:"#161616"})),j=()=>e("svg",{width:"48",height:"48",slot:"icon",class:"icon",viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M24 34C24.5667 34 25.0417 33.8083 25.425 33.425C25.8083 33.0417 26 32.5667 26 32C26 31.4333 25.8083 30.9583 25.425 30.575C25.0417 30.1917 24.5667 30 24 30C23.4333 30 22.9583 30.1917 22.575 30.575C22.1917 30.9583 22 31.4333 22 32C22 32.5667 22.1917 33.0417 22.575 33.425C22.9583 33.8083 23.4333 34 24 34ZM24 26C24.5667 26 25.0417 25.8083 25.425 25.425C25.8083 25.0417 26 24.5667 26 24V16C26 15.4333 25.8083 14.9583 25.425 14.575C25.0417 14.1917 24.5667 14 24 14C23.4333 14 22.9583 14.1917 22.575 14.575C22.1917 14.9583 22 15.4333 22 16V24C22 24.5667 22.1917 25.0417 22.575 25.425C22.9583 25.8083 23.4333 26 24 26ZM24 44C21.2333 44 18.6333 43.475 16.2 42.425C13.7667 41.375 11.65 39.95 9.85 38.15C8.05 36.35 6.625 34.2333 5.575 31.8C4.525 29.3667 4 26.7667 4 24C4 21.2333 4.525 18.6333 5.575 16.2C6.625 13.7667 8.05 11.65 9.85 9.85C11.65 8.05 13.7667 6.625 16.2 5.575C18.6333 4.525 21.2333 4 24 4C26.7667 4 29.3667 4.525 31.8 5.575C34.2333 6.625 36.35 8.05 38.15 9.85C39.95 11.65 41.375 13.7667 42.425 16.2C43.475 18.6333 44 21.2333 44 24C44 26.7667 43.475 29.3667 42.425 31.8C41.375 34.2333 39.95 36.35 38.15 38.15C36.35 39.95 34.2333 41.375 31.8 42.425C29.3667 43.475 26.7667 44 24 44Z",fill:"#161616"})),H=({width:t=24,height:o=24})=>e("svg",{width:t,height:o,viewBox:"0 0 24 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M18 2H11C8.79 2 7 3.79 7 6V7H6C3.79 7 2 8.79 2 11V18C2 20.21 3.79 22 6 22H13C14.86 22 16.41 20.72 16.86 19H14.72C14.37 19.59 13.74 20 13 20H6C4.9 20 4 19.1 4 18V11C4 9.9 4.9 9 6 9H7V13C7 15.21 8.79 17 11 17H18C20.21 17 22 15.21 22 13V6C22 3.79 20.21 2 18 2ZM15 15H11C9.9 15 9 14.1 9 13V9H13C14.1 9 15 9.9 15 11V15ZM20 13C20 14.1 19.1 15 18 15H17V11C17 8.79 15.21 7 13 7H9V6C9 4.9 9.9 4 11 4H18C19.1 4 20 4.9 20 6V13Z",fill:"currentColor"})),T=({width:t=24,height:o=24})=>e("svg",{xmlns:"http://www.w3.org/2000/svg",width:t,height:o,viewBox:"0 0 24 24",fill:"currentColor"},e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M20 13C20 13.55 20.45 14 21 14C21.55 14 22 13.55 22 13V5C22 3.35 20.65 2 19 2H11C10.45 2 10 2.45 10 3C10 3.55 10.45 4 11 4H19C19.55 4 20 4.45 20 5V13ZM2 19C2 20.65 3.35 22 5 22H13C13.55 22 14 21.55 14 21C14 20.45 13.55 20 13 20H5C4.45 20 4 19.55 4 19V11C4 10.45 3.55 10 3 10C2.45 10 2 10.45 2 11V19ZM12 16C11.45 16 11 15.55 11 15V13H9C8.45 13 8 12.55 8 12C8 11.45 8.45 11 9 11H11V9C11 8.45 11.45 8 12 8C12.55 8 13 8.45 13 9V11H15C15.55 11 16 11.45 16 12C16 12.55 15.55 13 15 13H13V15C13 15.55 12.55 16 12 16Z"})),A=class{constructor(e){t(this,e),this.addStyle=!0}render(){return e(o,{key:"8aa5c9b9a1443967360070b7c3ebc6bb6882e99d",exportparts:"button"},e("div",{key:"0fe27ed1210a83004a8d23918fdaf8b4cefea1dd",class:this.addStyle?"open-button":"raw-open-button",part:"button"},e("slot",{key:"be4ae4abc0ed26c59d45155375d6d5ca4be1b93f"},e(B,{key:"ebf649e150c4e3e291038ac6299fab988bb7b586"}))))}};A.style=":host{--font-family-base:Inter, system-ui, sans-serif;--font-family-mono:monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-size-display:32px;--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-display:40px;--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;--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:#707070;--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;--surface-bg-color-shadow-01:#dddddd;--surface-bg-color-shadow-02:#c6c6c6;--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;--sidebar-animation-duration-default:0.5s;--search-modal-animation-duration-default:0.25s;--search-modal-animation-duration-mobile-default:0.35s;}:host{display:block}:host div{border:none;cursor:pointer;color:inherit}.open-button{background-color:var(--button-bg-color-secondary);align-items:center;border-radius:50%;box-sizing:border-box;display:grid;height:40px;justify-items:center;padding:0;width:40px;transition:background-color 0.2s ease-in-out}.open-button:hover{background-color:var(--button-bg-color-secondary-hover)}.open-button:active{background-color:var(--button-bg-color-secondary-active)}.raw-open-button{display:contents;background:none}";const I={"empty-results":{i18nKey:"emptyResultsBlock"},"server-error":{i18nKey:"serverErrorBlock"},"wrong-aspect-ratio":{i18nKey:"wrongAspectRatioBlock"},"wrong-format":{i18nKey:"wrongFormatBlock"},"heic-not-supported":{i18nKey:"heicNotSupportedBlock"}},M=class{constructor(e){t(this,e),this.hasBackground=!0}getErrorContent(){if(!this.errorType)return null;const e=I[this.errorType],t="wrong-format"===this.errorType?{formats:n()}:void 0,o=`${e.i18nKey}.text`,i=`${e.i18nKey}.button`;return{title:s.t(`${e.i18nKey}.title`),text:s.exists(o)?s.t(o,t):null,buttonText:this.hasButton()?s.t(i):null}}hasButton(){return!!this.errorType&&(!!s.exists(`${I[this.errorType].i18nKey}.button`)&&!!this.handler)}render(){const t=this.getErrorContent(),i={"error-content":!0,"add-background":this.hasBackground},r=this.errorType?[e(j,null),e("h4",null,null==t?void 0:t.title),(null==t?void 0:t.text)&&e("span",null,t.text),(null==t?void 0:t.buttonText)&&e("button",{onClick:this.handler},t.buttonText)]:[e("slot",{name:"icon"}),e("slot",{name:"title"}),e("slot",{name:"text"}),e("slot",{name:"action"})];return e(o,{key:"9fd42173973878d8d2229b800dc912a74d78b343"},e("div",{key:"f285cdf4bad4dc393cfb798639753fdd3a9da5e7",class:i},r))}};M.style=":host{--font-family-base:Inter, system-ui, sans-serif;--font-family-mono:monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-size-display:32px;--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-display:40px;--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;--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:#707070;--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;--surface-bg-color-shadow-01:#dddddd;--surface-bg-color-shadow-02:#c6c6c6;--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;--sidebar-animation-duration-default:0.5s;--search-modal-animation-duration-default:0.25s;--search-modal-animation-duration-mobile-default:0.35s;}:host{display:block;width:100%;font-family:var(--font-family, var(--font-family-base))}:host(.add-background){background:var(--surface-bg-color-01)}:host(.add-top-margin){margin-top:var(--spacing-400)}.error-content{display:grid;grid-gap:var(--spacing-150);text-align:center;justify-items:center;width:100%;max-width:356px;padding:var(--spacing-200);border-radius:var(--border-radius-200);box-sizing:border-box;margin:0 auto}.error-content.add-background{background:var(--surface-bg-color-01)}svg,::slotted(svg){display:grid;align-self:center}h4,::slotted(h4){margin:unset;font-weight:var(--font-weight-600);font-size:var(--font-size-headline);line-height:var(--line-height-headline)}span,::slotted(span){font-size:14px;line-height:20px}button,::slotted(button){-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;font-size:var(--font-size-label);font-weight:var(--font-weight-500);background:var(--color-primary, var(--button-bg-color-primary));border-radius:var(--border-radius-100);padding:var(--spacing-100);font-size:var(--font-size-body);color:var(--color-text-inverse);font-family:var(--font-family, var(--font-family-base))}button:hover,::slotted(button:hover){background:var(--button-bg-color-primary-hover)}";const E=class{constructor(e){t(this,e),this.vviinnWidgetClose=i(this,"vviinnWidgetClose"),this.active=!1,this.hideBackButton=!1,this.slider=!1,this.handleEscapeKey=e=>{"Escape"===e.key&&this.active&&(e.preventDefault(),this.close())},this.handleCloseButtonKeyDown=e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.close())},this.handleAnimationEnd=e=>{"fade-in"===e.animationName&&(this.slider=!0)}}handleActiveChange(e){e?document.addEventListener("keydown",this.handleEscapeKey):document.removeEventListener("keydown",this.handleEscapeKey)}componentWillLoad(){p(this,this.el)}disconnectedCallback(){document.removeEventListener("keydown",this.handleEscapeKey)}resetTopScroll(){const e=this.el.shadowRoot.querySelector(".body");null==e||e.scroll({top:0})}close(){this.active=!1,setTimeout((()=>{this.vviinnWidgetClose.emit(Object.assign({campaignTypeId:"VPS",campaignTypeName:d.VPS,widgetVersion:this.widgetVersion},l("widgetId",this.buttonElementId)))}),this.slider?w:0)}render(){return e(o,{key:"a9ddbc40121ee0f9e747460ba826f910376960f1",exportparts:u,class:{closed:!this.active,"first-screen":this.isFirstScreen},onAnimationEnd:this.handleAnimationEnd,role:"dialog","aria-modal":this.active?"true":"false","aria-label":s.t("imageSearchModalTitle"),inert:!this.active||void 0},e("div",{key:"27a1c2d17b975d1bff0c04392b03f850cb1f8cf0",class:"head"},!this.hideBackButton&&e("button",{key:"02d89560819b3b1f19c75569531d670efedf8e54",part:"secondary-action",onClick:()=>{this.resetState(),this.resetTopScroll()},"aria-label":s.t("a11y.backButton")},e(g,{key:"d61a2d35f90c4f64209839c7c738b8afc78131b0"})),e("div",{key:"59530e27b5283104f0296122551752de0456c999",class:"title",part:"results-title"},(t=c.image)?e("img",{width:"28",height:"28",src:t.src,class:"title-image",alt:s.t("a11y.uploadedImage")}):null,e("slot",{key:"81b817f993da5fb1ebb383b19a6c49f5fcb652b3",name:"vviinn-image-search-modal-title"},s.t("imageSearchModalTitle"))),e("button",{key:"7b8b0b319a4d173bd1f6cc3bb9642091e1d25920",onClick:()=>this.close(),onKeyDown:this.handleCloseButtonKeyDown,class:"close-button",part:"close-button","aria-label":s.t("a11y.closeButton")},e("svg",{key:"d2399b4c6cb68169b5fa2c3785fbf4d5417e3d1f",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true"},e("path",{key:"cfb7d199d0bb7f6d366a246a63e43c22ff1fe19b",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"})))),e("div",{key:"e4649662e7054a5b77ba9e1d72e619ef71cb259d",class:"body"},e("slot",{key:"6b177965d3c98596dfe8e29efc0d6be158eb5d09"})));var t}get el(){return r(this)}static get watchers(){return{active:["handleActiveChange"]}}};E.style=":host{--font-family-base:Inter, system-ui, sans-serif;--font-family-mono:monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-size-display:32px;--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-display:40px;--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;--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:#707070;--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;--surface-bg-color-shadow-01:#dddddd;--surface-bg-color-shadow-02:#c6c6c6;--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;--sidebar-animation-duration-default:0.5s;--search-modal-animation-duration-default:0.25s;--search-modal-animation-duration-mobile-default:0.35s;}: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:slide-up;animation-duration:var(\n      --search-modal-animation-duration-mobile,\n      var(--search-modal-animation-duration-mobile-default)\n    );animation-fill-mode:forwards;animation-timing-function:ease-out;border-radius:var(--modal-border-radius, var(--border-radius-300))\n      var(--modal-border-radius, var(--border-radius-300)) 0 0;height:calc(100vh - 64px);width:100vw;max-width:100vw}:host(.closed){animation-name:slide-down;animation-duration:var(\n      --search-modal-animation-duration-mobile,\n      var(--search-modal-animation-duration-mobile-default)\n    );animation-fill-mode:forwards;animation-timing-function:ease-in}.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 slide-up{from{transform:translateY(calc(100% - 64px))}to{transform:translateY(-64px)}}@keyframes slide-down{from{transform:translateY(-64px)}to{transform:translateY(100%)}}";const R=class{constructor(e){t(this,e),this.active=!1,this.isClosing=!1,this.handleAnimationEnd=e=>{var t;"fade-out"===e.animationName&&this.isClosing&&(this.isClosing=!1,null===(t=this.dialogRef)||void 0===t||t.close())}}handleActiveChange(e){requestAnimationFrame((()=>{this.dialogRef&&(e&&!this.dialogRef.open?(this.isClosing=!1,this.dialogRef.classList.remove("closing"),this.dialogRef.showModal()):e||!this.dialogRef.open||this.isClosing||(this.isClosing=!0,this.dialogRef.classList.add("closing")))}))}componentDidLoad(){this.active&&this.dialogRef&&this.dialogRef.showModal()}render(){return e("dialog",{key:"a35c2023604b1de5f6c38869832a1bc82ada47d3",ref:e=>this.dialogRef=e,onAnimationEnd:this.handleAnimationEnd},e("slot",{key:"f48f9137827b0cbdac4022f1be0a33330f278552"}))}static get watchers(){return{active:["handleActiveChange"]}}};R.style="dialog{border:none;padding:0;margin:0;max-width:100vw;max-height:100vh;width:100vw;height:100vh;background:transparent;overflow:hidden;cursor:default}dialog:not([open]){display:none}dialog[open]{display:grid;align-items:center;justify-items:center;animation:fade-in\n    var(\n      --search-modal-animation-duration,\n      var(--search-modal-animation-duration-default)\n    )\n    ease-in-out}dialog[open]::backdrop{background:rgba(0, 0, 0, 0.5);animation:fade-in\n    var(\n      --search-modal-animation-duration,\n      var(--search-modal-animation-duration-default)\n    )\n    ease-in-out}@media (max-width: 768px){dialog[open]{align-items:end;padding-top:64px}}@keyframes fade-in{from{opacity:0.1}to{opacity:1}}@keyframes fade-out{from{opacity:1}to{opacity:0.1}}dialog.closing{animation:fade-out\n    var(\n      --search-modal-animation-duration,\n      var(--search-modal-animation-duration-default)\n    )\n    ease-in-out}dialog.closing::backdrop{animation:fade-out\n    var(\n      --search-modal-animation-duration,\n      var(--search-modal-animation-duration-default)\n    )\n    ease-in-out}";const F=class{constructor(e){t(this,e),this.position="bottom",this.widgetScrollbar=!1,this.mode="continuity",this.campaigns="",this.imageWidth=k,this.showMultipleImages=!1,this.addToBasketShow=!1,this.addPriceContainer=!1,this.showFilters=!1,this.setItemsAmount=4,this.favoriteShow=!1,this.useCarousel=!0,this.showInWidget=!1,this.imageResolutionWidth=C,this.showInCustomContainer=!1,this.showInModal=!1,this.isAppended=!1,this.sidebarState="idle",this.showLoadingClass=!1,this.recommendationsLoading=!1,this.hidden=!1,this.setRecommendationsLoading=e=>{this.recommendationsLoading=e},this.isSourceImageValid=()=>{var e;return!!(null===(e=this.sourceProduct)||void 0===e?void 0:e.image)}}updatingAllCardsStarted(){const{height:e}=this.getSidebarRectangle(),t=this.getAsideElement();t.style.height!==`${e}px`&&(t.style.height=`${e}px`)}updatingAllCardsFinished(){const e=this.getAsideElement();"auto"!==e.style.height&&(e.style.height="auto")}bodyClickListener(e){const t=this.getSidebarRectangle();t&&this.showInModal&&!L(e,t)&&(this.sidebarState="closed")}sourceProductReceived(e){this.sourceProduct=e.detail}handleEscape(e){"Escape"!==e.key||"open"!==this.sidebarState||this.isAppended||(this.sidebarState="closed")}handleLoadingChange(e){e?(this.showLoadingClass=!0,clearTimeout(this.loadingClassTimeout)):this.loadingClassTimeout=setTimeout((()=>{this.showLoadingClass=!1}),z)}handleSidebarStateChange(e,t){"open"===e&&"open"!==t?setTimeout((()=>{const e=this.el.shadowRoot.querySelector(".close-sidebar");null==e||e.focus()}),0):"closed"===e&&"open"===t&&this.triggerElement&&this.triggerElement.focus()}getClassMap(){return{[this.position]:!0,[this.sidebarState]:!0,"no-carousel":!this.useCarousel,"no-fixed":this.showInCustomContainer,appended:this.isAppended,loading:this.showLoadingClass}}getAsideElement(){return this.el.shadowRoot.querySelector(".sidebar")}getSidebarRectangle(){var e;return null===(e=this.getAsideElement())||void 0===e?void 0:e.getBoundingClientRect()}componentDidLoad(){const e=this.el.shadowRoot.querySelector("vviinn-vpr-widget");Array.from(this.buttonChildren).forEach((t=>{const o=t.cloneNode(!0);t.hasAttribute("slot")&&e.appendChild(o)}))}disconnectedCallback(){clearTimeout(this.loadingClassTimeout)}render(){var t;return e(o,{key:"1d8e4cd403128aab03e0944fc2e4a5b0233872d0",class:this.getClassMap(),style:{display:this.hidden?"none":void 0},exportparts:`body, close-sidebar, ${m}, ${x}, ${v}`},e("div",{key:"b930c6fd2eb2af705b15fc6a06e87f674a7b4f8b",class:"sidebar",part:"body",onAnimationEnd:e=>this.handleAnimationEnd(e),role:this.showInModal?"dialog":"region","aria-modal":this.showInModal?"true":void 0,"aria-label":s.t("a11y.recommendations")},e("div",{key:"dd428f49ceb3a3b3ef6fa81419de0575df1323ec",class:{"sidebar-header":!0,"contains-source-img":this.isSourceImageValid()},part:"sidebar-header"},"set"!==this.mode&&e(a,{key:"21fafcf398cf1f3edb25cbeffdc80ecc3edc4926"},this.renderSourceImage(),0!==(null===(t=this.sidebarTitle)||void 0===t?void 0:t.length)&&e("span",{key:"1a35ffde2d9360bc50399919bb210f38df6bd906",class:"title",part:"recommendations-title"},this.sidebarTitle||s.t("discoveryWidgetTitle")),!!this.sidebarSubtitle&&e("span",{key:"a97989a713840aabcf5e54ca2b7867a21bc3ddb4",class:"subtitle",part:"recommendations-subtitle"},this.sidebarSubtitle)),e("button",{key:"c41bd72d0344559e9536c62981ffd3e9a123253c",class:"close-sidebar",onClick:()=>{this.sidebarState="closed"},onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.sidebarState="closed")},part:"close-sidebar","aria-label":s.t("a11y.closeButton")},e(S,{key:"aaaee4b427d589ba8daacd323b3d3f249f1ac31c"}))),e("div",{key:"0b8861dffd567eb124e5bce8fc813f74227cdcb9",class:"sidebar-content",part:"sidebar-content"},e("vviinn-vpr-widget",{key:"bec924b0073e25b2f57ab3d05c532facd542b0a5",token:this.token,currencySign:this.currencySign,pricePrefix:this.pricePrefix,apiPath:this.apiPath,locale:this.locale,numberLocale:this.numberLocale,productId:this.productId,exportparts:`${m}, ${x}, ${v}`,imageWidth:this.imageWidth,showMultipleImages:this.showMultipleImages,setItemsAmount:this.setItemsAmount,blockTitle:"set"!==this.mode?"":this.sidebarTitle,blockSubtitle:"set"===this.mode?this.sidebarSubtitle:void 0,mode:this.mode,"campaign-type":this.campaignType,useCarousel:this.useCarousel,onVviinnRecommendationsLoaded:()=>{this.hidden=!1,this.sidebarState="open"},showScroll:this.widgetScrollbar,campaigns:this.campaigns,color:this.color,buttonElementId:this.buttonElementId,noResultText:this.noResultText,noResultShow:this.noResultShow,gridArrowsDynamic:this.gridArrowsDynamic,showingInButton:this.showingInButton,excluded:this.excluded,productDetailsNewTab:this.productDetailsNewTab,productDetailsRedirect:this.productDetailsRedirect,closed:"closed"===this.sidebarState,opened:"open"===this.sidebarState,addToBasketShow:this.addToBasketShow,cssUrl:this.cssUrl,showFilters:this.showFilters,setModeDiscounts:this.setModeDiscounts,updateButtonLocation:this.updateButtonLocation,addPriceContainer:this.addPriceContainer,favoriteShow:this.favoriteShow,isAppended:this.isAppended,showInWidget:this.showInWidget,recommendationsLoading:this.recommendationsLoading,setRecommendationsLoading:this.setRecommendationsLoading,imageResolutionWidth:this.imageResolutionWidth,uiSessionId:this.uiSessionId}))))}renderSourceImage(){var t,o,i,r;const a=(null===(o=null===(t=this.sourceProduct)||void 0===t?void 0:t.image)||void 0===o?void 0:o.thumbnail)||(null===(r=null===(i=this.sourceProduct)||void 0===i?void 0:i.image)||void 0===r?void 0:r.original)||null;return a?e("img",{class:"source-image",part:"source-image",src:a,alt:s.t("a11y.sourceProductImage")}):null}handleAnimationEnd({animationName:e}){e.includes("slideOut")&&(this.hidden=!0)}get el(){return r(this)}static get watchers(){return{recommendationsLoading:["handleLoadingChange"],sidebarState:["handleSidebarStateChange"]}}};F.style=":host{--font-family-base:Inter, system-ui, sans-serif;--font-family-mono:monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-size-display:32px;--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-display:40px;--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;--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:#707070;--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;--surface-bg-color-shadow-01:#dddddd;--surface-bg-color-shadow-02:#c6c6c6;--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;--sidebar-animation-duration-default:0.5s;--search-modal-animation-duration-default:0.25s;--search-modal-animation-duration-mobile-default:0.35s;}:host{display:flex;box-sizing:border-box;position:fixed;z-index:9999;height:100vh;left:0;top:0;transition:background 0.1s ease-in-out;width:100vw}:host(.bottom){flex-direction:column;justify-content:flex-end}:host(.no-fixed){position:unset;display:block;width:100%;height:auto}:host(.no-fixed.no-carousel.appended.loading){min-height:calc((var(--product-card-calculated-height) * 3) + 48px)}:host(.right){flex-direction:row;justify-content:flex-end}:host [slot]{visibility:hidden;position:absolute}.sidebar-header{position:relative;text-align:center;padding:var(--spacing-300);padding-top:0px}.sidebar-header.contains-source-img{display:grid;justify-items:center;grid-gap:12px}img.source-image{width:64px;height:64px;border-radius:50%;padding:6px;border:1px solid var(--color-border-02);-o-object-fit:contain;object-fit:contain}:host(.right) .sidebar-header{box-shadow:0px 2px 6px rgba(0, 0, 0, 0.1)}.sidebar-content{padding:0 var(--spacing-300)}:host(.right) .sidebar-content{overflow:auto}.sidebar{background:white;box-sizing:border-box;padding-top:var(--spacing-300);display:flex;flex-direction:column;max-height:100vh;overflow-y:auto}:host(.bottom.idle) .sidebar,:host(.bottom.closed) .sidebar{transform:translateY(100%)}:host(.no-fixed) .sidebar{transform:unset !important}:host(.bottom.closed) .sidebar{animation-name:slideOutFromBottom;animation-duration:var(\n    --sidebar-animation-duration,\n    var(--sidebar-animation-duration-default)\n  );animation-fill-mode:forwards}:host(.open){transition:background 0.3s ease-in-out;background:rgba(0, 0, 0, 0.2)}:host(.bottom.open) .sidebar{animation-name:slideInFromBottom;animation-duration:var(\n    --sidebar-animation-duration,\n    var(--sidebar-animation-duration-default)\n  );animation-fill-mode:forwards}:host(.right.idle) .sidebar{transform:translateX(100%)}:host(.right.closed) .sidebar{animation-name:slideOutFromRight;animation-duration:var(\n    --sidebar-animation-duration,\n    var(--sidebar-animation-duration-default)\n  );animation-fill-mode:forwards}:host(.right.open) .sidebar{animation-name:slideInFromRight;animation-duration:var(\n    --sidebar-animation-duration,\n    var(--sidebar-animation-duration-default)\n  );animation-fill-mode:forwards}:host(.right) .sidebar{max-width:480px}:host(.right) vviinn-vpr-widget::part(recommendations-results){display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:var(--spacing-300)}:host(.right) vviinn-vpr-widget{overflow:auto}.title{font-style:normal;font-weight:var(--font-weight-600);font-size:var(--font-size-title);font-family:var(--font-family, var(--font-family-base));line-height:40px;text-align:center;color:#000000}.subtitle{font-size:var(--font-size-body);font-family:var(--font-family, var(--font-family-base));text-align:center}.close-sidebar{position:absolute;background:transparent;border:none;cursor:pointer;margin:0;top:0;color:var(--color-icon-secondary);transition:color 0.1s ease-in-out;padding:var(--spacing-100);right:var(--spacing-200)}.close-sidebar:hover{color:var(--color-icon-primary)}@keyframes slideInFromBottom{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideOutFromBottom{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes slideInFromRight{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideOutFromRight{from{transform:translateX(0)}to{transform:translateX(100%)}}@media (max-width: 768px){:host{--vviinn-carousel-columns:2}}";const Z=class{constructor(e){t(this,e),this.vviinnWidgetLoad=i(this,"vviinnWidgetLoad"),this.vviinnWidgetOpen=i(this,"vviinnWidgetOpen"),this.vviinnWidgetClose=i(this,"vviinnWidgetClose"),this.vviinnProductLoad=i(this,"vviinnProductLoad"),this.vviinnProductClick=i(this,"vviinnProductClick"),this.vviinnProductView=i(this,"vviinnProductView"),this.vviinnResultLoad=i(this,"vviinnResultLoad"),this.vviinnResultView=i(this,"vviinnResultView"),this.vviinnNoResult=i(this,"vviinnNoResult"),this.vviinnAddToBasket=i(this,"vviinnAddToBasket"),this.vviinnVprButtonActivated=i(this,"vviinnVprButtonActivated"),this.mode="continuity",this.campaigns="",this.excluded="",this.campaignType="set"===this.mode?"VCS":"VPR",this.color="",this.imageWidth=k,this.imageResolutionWidth=C,this.showMultipleImages=!1,this.setItemsAmount=4,this.cssUrl=null,this.noResultText="",this.noResultShow=!0,this.gridArrowsDynamic=!1,this.productDetailsNewTab=!1,this.productDetailsRedirect=!0,this.addToBasketShow=!1,this.showFilters=!1,this.addPriceContainer=!1,this.oneClickDiscoveryMode="modal",this.setModeDiscounts="set"===this.mode?"5, 10, 15":"",this.updateButtonLocation="topAndItem",this.modalScrollbar=!1,this.position="bottom",this.addStyle=!0,this.favoriteShow=!1,this.isStandalone=!0,this.showInWidget=!1,this.sidebar=null,this.removeSidebarFromDOM=()=>{var e;this.sidebar&&((null===(e=this.targetAppendSidebarTo)||void 0===e?void 0:e.contains(this.sidebar))?this.targetAppendSidebarTo.removeChild(this.sidebar):document.body.contains(this.sidebar)&&document.body.removeChild(this.sidebar),this.sidebar=null)},this.sidebarCloseListener=(e=!1)=>{this.sidebar&&(e?this.removeSidebarFromDOM():(this.sidebar.sidebarState="closed",setTimeout((()=>this.removeSidebarFromDOM()),w)))},this.handleButtonClick=()=>{this.vviinnVprButtonActivated.emit(),this.appendSidebarToId&&!this.targetAppendSidebarTo?setTimeout((()=>{this.handleClick()}),250):this.handleClick()},this.handleKeyDown=e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.handleButtonClick())}}connectedCallback(){this.iconSideSize=this.isStandalone?24:14;const{onChange:e}=h(this.showInWidget);this.disposeStoreListener=e("searchStatus",(e=>{"loading"===e&&this.sidebarCloseListener()}))}async componentWillLoad(){await y(this.locale),this.appendSidebarToElement?this.targetAppendSidebarTo=this.appendSidebarToElement:this.appendSidebarToId&&(this.targetAppendSidebarTo=document.getElementById(this.appendSidebarToId))}appendSidebarToElementWatcher(){this.appendSidebarToElement&&(this.targetAppendSidebarTo=this.appendSidebarToElement)}getAriaLabel(){try{return s.t("a11y.findSimilarProducts")||"Find similar products"}catch(e){return"Find similar products"}}render(){return e(o,{key:"6edbdcb0f7dc456060d8a87cab4d347fca170165",role:"button",tabindex:"0","aria-label":this.getAriaLabel(),onClick:this.handleButtonClick,onKeyDown:this.handleKeyDown},V(this.cssUrl),e("vviinn-button",{key:"3dbb30111e60d51feb77a2ac9cbeb669f11dd620",addStyle:this.addStyle,part:"vviinn-button"},e("slot",{key:"3dee5fa42088fb238db95b62b7a97aa6cff56b93"},e("VCS"===this.campaignType?T:H,{width:this.iconSideSize,height:this.iconSideSize}))))}handleClick(){const e=document.createElement("vviinn-recommendations-sidebar");e.token=this.token,e.locale=this.locale,e.numberLocale=this.numberLocale,e.currencySign=this.currencySign,e.pricePrefix=this.pricePrefix,e.apiPath=this.apiPath,e.sidebarTitle=this.sidebarTitle,e.sidebarSubtitle=this.sidebarSubtitle,e.productId=this.productId,e.position=this.position,e.widgetScrollbar=this.modalScrollbar,e.campaigns=this.campaigns,e.campaignType=this.campaignType,e.color=this.color,e.imageWidth=this.imageWidth,e.showMultipleImages=this.showMultipleImages,e.buttonElementId=this.el.id,e.noResultText=this.noResultText,e.noResultShow=this.noResultShow,e.gridArrowsDynamic=this.gridArrowsDynamic,e.productDetailsNewTab=this.productDetailsNewTab,e.productDetailsRedirect=this.productDetailsRedirect,e.widgetVersion=f,e.showingInButton=!0,e.excluded=this.excluded,e.addToBasketShow=this.addToBasketShow,e.buttonChildren=this.el.children,e.showFilters=this.showFilters,e.cssUrl=this.cssUrl,e.setItemsAmount=this.setItemsAmount,e.setModeDiscounts=this.setModeDiscounts,e.updateButtonLocation=this.updateButtonLocation,e.addPriceContainer=this.addPriceContainer,e.favoriteShow=this.favoriteShow,e.showInModal="modal"===this.oneClickDiscoveryMode,e.isAppended=!!this.targetAppendSidebarTo||!!this.appendSidebarToElement,e.showInWidget=this.showInWidget,e.uiSessionId=this.uiSessionId,e.triggerElement=this.el,this.targetAppendSidebarTo?(e.mode="grid",e.useCarousel="append-slider"===this.oneClickDiscoveryMode):(e.mode="right"===this.position?"grid":this.mode,e.useCarousel="bottom"===this.position),this.sidebar=e,this.eventAbortController=new AbortController;const{signal:t}=this.eventAbortController;if(b(document,[["vviinnWidgetClose",()=>this.sidebarCloseListener(!1)],["vviinnStorybookStoryChanged",()=>this.sidebarCloseListener(!0)]],t),this.targetAppendSidebarTo)return this.sidebar.showInCustomContainer=!0,this.targetAppendSidebarTo.innerHTML="",void this.targetAppendSidebarTo.append(this.sidebar);document.body.append(this.sidebar)}disconnectedCallback(){var e,t;null===(e=this.eventAbortController)||void 0===e||e.abort(),null===(t=this.disposeStoreListener)||void 0===t||t.call(this)}get el(){return r(this)}static get watchers(){return{appendSidebarToElement:["appendSidebarToElementWatcher"]}}};Z.style=":host{display:inline-block}";export{A as vviinn_button,M as vviinn_error,E as vviinn_modal,R as vviinn_overlay,F as vviinn_recommendations_sidebar,Z as vviinn_vpr_button}

package/dist/vviinn-widgets/{p-BpHXy3Gg.js → p-B246LK7U.js}

@@ -1 +1 @@
-import{h as e}from"./p-B89nCb_F.js";import{h as t,p as i,n as r,o as s,q as n,r as l}from"./p-DTASrq1W.js";import{i as o}from"./p-BJxQCbNV.js";const a=()=>e("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",class:"plus-icon","aria-hidden":"true"},e("path",{d:"M14.6667 17.3333H8.00001C7.62223 17.3333 7.30556 17.2056 7.05001 16.95C6.79445 16.6944 6.66667 16.3778 6.66667 16C6.66667 15.6222 6.79445 15.3056 7.05001 15.05C7.30556 14.7944 7.62223 14.6667 8.00001 14.6667H14.6667V8.00001C14.6667 7.62223 14.7944 7.30556 15.05 7.05001C15.3056 6.79445 15.6222 6.66667 16 6.66667C16.3778 6.66667 16.6944 6.79445 16.95 7.05001C17.2056 7.30556 17.3333 7.62223 17.3333 8.00001V14.6667H24C24.3778 14.6667 24.6944 14.7944 24.95 15.05C25.2056 15.3056 25.3333 15.6222 25.3333 16C25.3333 16.3778 25.2056 16.6944 24.95 16.95C24.6944 17.2056 24.3778 17.3333 24 17.3333H17.3333V24C17.3333 24.3778 17.2056 24.6944 16.95 24.95C16.6944 25.2056 16.3778 25.3333 16 25.3333C15.6222 25.3333 15.3056 25.2056 15.05 24.95C14.7944 24.6944 14.6667 24.3778 14.6667 24V17.3333Z",fill:"currentColor"})),d=()=>e("svg",{width:"11",height:"8",viewBox:"0 0 11 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M3.87651 5.50607L9.19428 0.307692C9.40412 0.102564 9.65261 0 9.93976 0C10.2269 0 10.4754 0.102564 10.6852 0.307692C10.8951 0.512821 11 0.755736 11 1.03644C11 1.31714 10.8951 1.56005 10.6852 1.76518L4.62199 7.69231C4.41215 7.89744 4.16365 8 3.87651 8C3.58936 8 3.34086 7.89744 3.13102 7.69231L0.314759 4.93927C0.10492 4.73414 0 4.49123 0 4.21053C0 3.92982 0.10492 3.68691 0.314759 3.48178C0.524598 3.27665 0.773092 3.17409 1.06024 3.17409C1.34739 3.17409 1.59588 3.27665 1.80572 3.48178L3.87651 5.50607Z",fill:"currentColor"})),c=()=>e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true"},e("path",{d:"M12 13.4L7.09999 18.3C6.91665 18.4834 6.68332 18.575 6.39999 18.575C6.11665 18.575 5.88332 18.4834 5.69999 18.3C5.51665 18.1167 5.42499 17.8834 5.42499 17.6C5.42499 17.3167 5.51665 17.0834 5.69999 16.9L10.6 12L5.69999 7.10005C5.51665 6.91672 5.42499 6.68338 5.42499 6.40005C5.42499 6.11672 5.51665 5.88338 5.69999 5.70005C5.88332 5.51672 6.11665 5.42505 6.39999 5.42505C6.68332 5.42505 6.91665 5.51672 7.09999 5.70005L12 10.6L16.9 5.70005C17.0833 5.51672 17.3167 5.42505 17.6 5.42505C17.8833 5.42505 18.1167 5.51672 18.3 5.70005C18.4833 5.88338 18.575 6.11672 18.575 6.40005C18.575 6.68338 18.4833 6.91672 18.3 7.10005L13.4 12L18.3 16.9C18.4833 17.0834 18.575 17.3167 18.575 17.6C18.575 17.8834 18.4833 18.1167 18.3 18.3C18.1167 18.4834 17.8833 18.575 17.6 18.575C17.3167 18.575 17.0833 18.4834 16.9 18.3L12 13.4Z",fill:"#8D8D8D"})),u="--vviinn-carousel-content-width",p="--vviinn-carousel-image-width",v="--vviinn-set-mode-image-width",g="--vviinn-results-calculated-columns",f="--vviinn-carousel-columns",C="items-group",m=4,w=2,y=({productId:e,campaigns:r,color:s,excluded:n,dynamicFilters:l=[]})=>{const o=Object.assign(Object.assign({},t("color",s)),t("excluded",i(n)));return Object.assign(Object.assign(Object.assign({productId:e},t("dynamicFilters",l)),t("campaigns",(e=>e.length?e.split(",").map((e=>{const t=e.trim();return isNaN(parseInt(t))?t:parseInt(t)})):[])(r))),t("staticFilters",o))},b="|",h=e=>{const{custom_label_0:t,custom_label_1:i,custom_label_2:r,custom_label_3:s,custom_label_4:n}=e;return[t,i,r,s,n].map((e=>null!=e?e:"")).join("|")};function _(e,t){t&&(t.textContent=e)}function F(e){return o.t("a11y.removeFilterLabel",{label:e})}const V=e=>"price"===e||"minimum_price"===e,B=(e,t,i,r=!1)=>{if(!t)return null;const{start:s,end:n}=t,{start:l,end:o}=e.full;if(s!==l||n!==o){const t=V(e.column);if(t&&i)return`${s} ${i} – ${n} ${i}`;{const i=`${s} – ${n}`;return t?i:`${r?`${e.label}: `:""}${i}`}}return null},L=(e,t,i)=>{if(!e||!i)return!1;const s=e.find((({column:e})=>e===i.column));return!!s&&s.values.some((e=>r(e,t)))},T=({handleSubFilterSelection:t,value:i,label:r,active:s,selectedFilter:n,isSelected:l=!1,showClose:a=!1,showColorLabel:u})=>{const p=null==i?void 0:i.hexCode,v=(null==p?void 0:p.length)>0,g=l&&a,f=g?F(r):v?function(e){return o.t("a11y.colorOption",{label:e})}(r):void 0;return e("li",{part:"filters-sub-row"},e("button",Object.assign({onClick:()=>t(i,n),class:`filters-more-modal-button ${v?"filters-sub-button-color":""} ${l?"active":""}`,disabled:!s&&!l,part:"filters-option-button","aria-pressed":!g&&l?"true":"false"},f&&{"aria-label":f},{type:"button"}),v&&e("div",{class:"filters-sub-button-color-dot",style:{backgroundColor:p},part:"filters-option-color-dot","aria-hidden":"true"}),(u||!v)&&e("span",{part:"filters-option-text"},r),g?e(c,null):e("div",{part:"filters-option-icon-wrapper",class:"filters-option-icon-wrapper","aria-hidden":"true"},l?e(d,null):null)))},j=(e,t,i)=>{var r;(null===(r=e.requestFilters)||void 0===r?void 0:r.length)>0&&i([...e.requestFilters]),t("requestFilters",(e=>{(null==e?void 0:e.length)>0&&i([...e])}))},x=({filterValue:e,selectedFilter:t,requestFilters:i,vviinnFilterTriggered:r,vviinnFiltersChanged:o,el:a,isTriggeredByVpsWidget:d})=>{const{filters:c,action:u}=((e,t,i)=>{var r;const o=t.column,a=l(i),d=e.findIndex((({column:e})=>e===o));if("interval"===t.type&&i.interval&&((e,t)=>{if("interval"!==e.type)return!1;const i=e.full;return t.start===i.start&&t.end===i.end})(t,i.interval))return d>-1?{filters:e=[...e.filter((e=>e.column!==o))],action:"deselect"}:{filters:[...e],action:"deselect"};const c=null===(r=e[d])||void 0===r?void 0:r.values.findIndex((e=>"string"==typeof e?e===a:s(e,a))),u=-1==c||-1==d?"select":"deselect",p=-1===d||"interval"===(null==t?void 0:t.type)?{column:o,values:[]}:e[d];if(c>-1)p.values.splice(c,1);else if("categorical"===t.type){const t=n(a);if(null===t)return{filters:[...e],action:"deselect"};p.values.push(t)}else p.values.push(a);return-1===d?(e=[...e,p],document.getElementById("filters-footer")&&(document.getElementById("filters-footer").scrollLeft=0)):(e[d]=p,e=0===e[d].values.length?[...e.filter((t=>e[d]!==t))]:[...e]),{filters:e,action:u}})(i,t,e);return r.emit({kind:t.column,action:u,isTriggeredByVpsWidget:d,value:e,filter:t}),o.emit({filters:c,el:a,isTriggeredByVpsWidget:d}),c},$=({vviinnFilterTriggered:e,vviinnFiltersChanged:t,el:i,isTriggeredByVpsWidget:r})=>{e.emit({action:"reset",isTriggeredByVpsWidget:r}),t&&t.emit({filters:[],el:i,isTriggeredByVpsWidget:r})},W=({column:e,requestFilters:t,el:i,isTriggeredByVpsWidget:r,vviinnFilterTriggered:s,vviinnFiltersChanged:n})=>{const l=t.filter((t=>t.column!==e));return s.emit({kind:e,action:"deselect",isTriggeredByVpsWidget:r}),n.emit({filters:l,el:i,isTriggeredByVpsWidget:r}),l};var O,S=new Uint8Array(16);function k(){if(!O&&!(O="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||"undefined"!=typeof msCrypto&&"function"==typeof msCrypto.getRandomValues&&msCrypto.getRandomValues.bind(msCrypto)))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return O(S)}for(var q=/^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i,D=[],I=0;I<256;++I)D.push((I+256).toString(16).substr(1));function H(e){var t=(e=e||{}).random||(e.rng||k)();return t[6]=15&t[6]|64,t[8]=63&t[8]|128,function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=(D[e[t+0]]+D[e[t+1]]+D[e[t+2]]+D[e[t+3]]+"-"+D[e[t+4]]+D[e[t+5]]+"-"+D[e[t+6]]+D[e[t+7]]+"-"+D[e[t+8]]+D[e[t+9]]+"-"+D[e[t+10]]+D[e[t+11]]+D[e[t+12]]+D[e[t+13]]+D[e[t+14]]+D[e[t+15]]).toLowerCase();if(!function(e){return"string"==typeof e&&q.test(e)}(i))throw TypeError("Stringified UUID is invalid");return i}(t)}const M=e=>t=>Object.assign(Object.assign({},t),e),N=(e,t)=>M({widget:t,typ:"load"===e?"result_load_event":"result_view_event"}),U=(e,t)=>M({widget:t,typ:"load"===e?"product_load_event":"view"===e?"product_view_event":"product_click_event"}),Z=e=>M({widget:e,typ:"add_to_basket_event"}),A=e=>M({widget:e,typ:"add_to_wishlist_event"}),E=e=>M({widget:e,typ:"filter_event"}),P=e=>M({widget:e,typ:"widget_event"}),R=M({widget:"VPS",typ:"search_event"});export{C,m as D,c as F,a as P,g as R,v as S,E as a,Z as b,P as c,A as d,N as e,U as f,F as g,h,W as i,_ as j,L as k,T as l,B as m,R as n,p as o,u as p,f as q,w as r,j as s,x as t,$ as u,H as v,V as w,b as x,y}
+import{h as e}from"./p-B89nCb_F.js";import{h as t,p as i,n as r,o as s,q as n,r as l}from"./p-Cxd6yzhY.js";import{i as o}from"./p-BJxQCbNV.js";const a=()=>e("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",class:"plus-icon","aria-hidden":"true"},e("path",{d:"M14.6667 17.3333H8.00001C7.62223 17.3333 7.30556 17.2056 7.05001 16.95C6.79445 16.6944 6.66667 16.3778 6.66667 16C6.66667 15.6222 6.79445 15.3056 7.05001 15.05C7.30556 14.7944 7.62223 14.6667 8.00001 14.6667H14.6667V8.00001C14.6667 7.62223 14.7944 7.30556 15.05 7.05001C15.3056 6.79445 15.6222 6.66667 16 6.66667C16.3778 6.66667 16.6944 6.79445 16.95 7.05001C17.2056 7.30556 17.3333 7.62223 17.3333 8.00001V14.6667H24C24.3778 14.6667 24.6944 14.7944 24.95 15.05C25.2056 15.3056 25.3333 15.6222 25.3333 16C25.3333 16.3778 25.2056 16.6944 24.95 16.95C24.6944 17.2056 24.3778 17.3333 24 17.3333H17.3333V24C17.3333 24.3778 17.2056 24.6944 16.95 24.95C16.6944 25.2056 16.3778 25.3333 16 25.3333C15.6222 25.3333 15.3056 25.2056 15.05 24.95C14.7944 24.6944 14.6667 24.3778 14.6667 24V17.3333Z",fill:"currentColor"})),d=()=>e("svg",{width:"11",height:"8",viewBox:"0 0 11 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M3.87651 5.50607L9.19428 0.307692C9.40412 0.102564 9.65261 0 9.93976 0C10.2269 0 10.4754 0.102564 10.6852 0.307692C10.8951 0.512821 11 0.755736 11 1.03644C11 1.31714 10.8951 1.56005 10.6852 1.76518L4.62199 7.69231C4.41215 7.89744 4.16365 8 3.87651 8C3.58936 8 3.34086 7.89744 3.13102 7.69231L0.314759 4.93927C0.10492 4.73414 0 4.49123 0 4.21053C0 3.92982 0.10492 3.68691 0.314759 3.48178C0.524598 3.27665 0.773092 3.17409 1.06024 3.17409C1.34739 3.17409 1.59588 3.27665 1.80572 3.48178L3.87651 5.50607Z",fill:"currentColor"})),c=()=>e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true"},e("path",{d:"M12 13.4L7.09999 18.3C6.91665 18.4834 6.68332 18.575 6.39999 18.575C6.11665 18.575 5.88332 18.4834 5.69999 18.3C5.51665 18.1167 5.42499 17.8834 5.42499 17.6C5.42499 17.3167 5.51665 17.0834 5.69999 16.9L10.6 12L5.69999 7.10005C5.51665 6.91672 5.42499 6.68338 5.42499 6.40005C5.42499 6.11672 5.51665 5.88338 5.69999 5.70005C5.88332 5.51672 6.11665 5.42505 6.39999 5.42505C6.68332 5.42505 6.91665 5.51672 7.09999 5.70005L12 10.6L16.9 5.70005C17.0833 5.51672 17.3167 5.42505 17.6 5.42505C17.8833 5.42505 18.1167 5.51672 18.3 5.70005C18.4833 5.88338 18.575 6.11672 18.575 6.40005C18.575 6.68338 18.4833 6.91672 18.3 7.10005L13.4 12L18.3 16.9C18.4833 17.0834 18.575 17.3167 18.575 17.6C18.575 17.8834 18.4833 18.1167 18.3 18.3C18.1167 18.4834 17.8833 18.575 17.6 18.575C17.3167 18.575 17.0833 18.4834 16.9 18.3L12 13.4Z",fill:"#8D8D8D"})),u="--vviinn-carousel-content-width",p="--vviinn-carousel-image-width",v="--vviinn-set-mode-image-width",g="--vviinn-results-calculated-columns",f="--vviinn-carousel-columns",C="items-group",m=4,w=2,y=({productId:e,campaigns:r,color:s,excluded:n,dynamicFilters:l=[]})=>{const o=Object.assign(Object.assign({},t("color",s)),t("excluded",i(n)));return Object.assign(Object.assign(Object.assign({productId:e},t("dynamicFilters",l)),t("campaigns",(e=>e.length?e.split(",").map((e=>{const t=e.trim();return isNaN(parseInt(t))?t:parseInt(t)})):[])(r))),t("staticFilters",o))},b="|",h=e=>{const{custom_label_0:t,custom_label_1:i,custom_label_2:r,custom_label_3:s,custom_label_4:n}=e;return[t,i,r,s,n].map((e=>null!=e?e:"")).join("|")};function _(e,t){t&&(t.textContent=e)}function F(e){return o.t("a11y.removeFilterLabel",{label:e})}const V=e=>"price"===e||"minimum_price"===e,B=(e,t,i,r=!1)=>{if(!t)return null;const{start:s,end:n}=t,{start:l,end:o}=e.full;if(s!==l||n!==o){const t=V(e.column);if(t&&i)return`${s} ${i} – ${n} ${i}`;{const i=`${s} – ${n}`;return t?i:`${r?`${e.label}: `:""}${i}`}}return null},L=(e,t,i)=>{if(!e||!i)return!1;const s=e.find((({column:e})=>e===i.column));return!!s&&s.values.some((e=>r(e,t)))},j=({handleSubFilterSelection:t,value:i,label:r,active:s,selectedFilter:n,isSelected:l=!1,showClose:a=!1,showColorLabel:u})=>{const p=null==i?void 0:i.hexCode,v=(null==p?void 0:p.length)>0,g=l&&a,f=g?F(r):v?function(e){return o.t("a11y.colorOption",{label:e})}(r):void 0;return e("li",{part:"filters-sub-row"},e("button",Object.assign({onClick:()=>t(i,n),class:`filters-more-modal-button ${v?"filters-sub-button-color":""} ${l?"active":""}`,disabled:!s&&!l,part:"filters-option-button","aria-pressed":!g&&l?"true":"false"},f&&{"aria-label":f},{type:"button"}),v&&e("div",{class:"filters-sub-button-color-dot",style:{backgroundColor:p},part:"filters-option-color-dot","aria-hidden":"true"}),(u||!v)&&e("span",{part:"filters-option-text"},r),g?e(c,null):e("div",{part:"filters-option-icon-wrapper",class:"filters-option-icon-wrapper","aria-hidden":"true"},l?e(d,null):null)))},x=(e,t,i)=>{var r;(null===(r=e.requestFilters)||void 0===r?void 0:r.length)>0&&i([...e.requestFilters]),t("requestFilters",(e=>{(null==e?void 0:e.length)>0&&i([...e])}))},T=({filterValue:e,selectedFilter:t,requestFilters:i,vviinnFilterTriggered:r,vviinnFiltersChanged:o,el:a,isTriggeredByVpsWidget:d})=>{const{filters:c,action:u}=((e,t,i)=>{var r;const o=t.column,a=l(i),d=e.findIndex((({column:e})=>e===o));if("interval"===t.type&&i.interval&&((e,t)=>{if("interval"!==e.type)return!1;const i=e.full;return t.start===i.start&&t.end===i.end})(t,i.interval))return d>-1?{filters:e=[...e.filter((e=>e.column!==o))],action:"deselect"}:{filters:[...e],action:"deselect"};const c=null===(r=e[d])||void 0===r?void 0:r.values.findIndex((e=>"string"==typeof e?e===a:s(e,a))),u=-1==c||-1==d?"select":"deselect",p=-1===d||"interval"===(null==t?void 0:t.type)?{column:o,values:[]}:e[d];if(c>-1)p.values.splice(c,1);else if("categorical"===t.type){const t=n(a);if(null===t)return{filters:[...e],action:"deselect"};p.values.push(t)}else p.values.push(a);return-1===d?(e=[...e,p],document.getElementById("filters-footer")&&(document.getElementById("filters-footer").scrollLeft=0)):(e[d]=p,e=0===e[d].values.length?[...e.filter((t=>e[d]!==t))]:[...e]),{filters:e,action:u}})(i,t,e);return r.emit({kind:t.column,action:u,isTriggeredByVpsWidget:d,value:e,filter:t}),o.emit({filters:c,el:a,isTriggeredByVpsWidget:d}),c},$=({vviinnFilterTriggered:e,vviinnFiltersChanged:t,el:i,isTriggeredByVpsWidget:r})=>{e.emit({action:"reset",isTriggeredByVpsWidget:r}),t&&t.emit({filters:[],el:i,isTriggeredByVpsWidget:r})},O=({column:e,requestFilters:t,el:i,isTriggeredByVpsWidget:r,vviinnFilterTriggered:s,vviinnFiltersChanged:n})=>{const l=t.filter((t=>t.column!==e));return s.emit({kind:e,action:"deselect",isTriggeredByVpsWidget:r}),n.emit({filters:l,el:i,isTriggeredByVpsWidget:r}),l};var W,k=new Uint8Array(16);function S(){if(!W&&!(W="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||"undefined"!=typeof msCrypto&&"function"==typeof msCrypto.getRandomValues&&msCrypto.getRandomValues.bind(msCrypto)))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return W(k)}for(var q=/^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i,D=[],I=0;I<256;++I)D.push((I+256).toString(16).substr(1));function H(e){var t=(e=e||{}).random||(e.rng||S)();return t[6]=15&t[6]|64,t[8]=63&t[8]|128,function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=(D[e[t+0]]+D[e[t+1]]+D[e[t+2]]+D[e[t+3]]+"-"+D[e[t+4]]+D[e[t+5]]+"-"+D[e[t+6]]+D[e[t+7]]+"-"+D[e[t+8]]+D[e[t+9]]+"-"+D[e[t+10]]+D[e[t+11]]+D[e[t+12]]+D[e[t+13]]+D[e[t+14]]+D[e[t+15]]).toLowerCase();if(!function(e){return"string"==typeof e&&q.test(e)}(i))throw TypeError("Stringified UUID is invalid");return i}(t)}const M=e=>t=>Object.assign(Object.assign({},t),e),N=(e,t)=>M({widget:t,typ:"load"===e?"result_load_event":"result_view_event"}),U=(e,t)=>M({widget:t,typ:"load"===e?"product_load_event":"view"===e?"product_view_event":"product_click_event"}),Z=e=>M({widget:e,typ:"add_to_basket_event"}),E=e=>M({widget:e,typ:"add_to_wishlist_event"}),P=e=>M({widget:e,typ:"filter_event"}),R=e=>M({widget:e,typ:"widget_event"}),z=M({widget:"VPS",typ:"search_event"});export{C,m as D,c as F,a as P,g as R,v as S,P as a,Z as b,R as c,E as d,N as e,U as f,F as g,h,O as i,_ as j,L as k,j as l,B as m,z as n,p as o,u as p,f as q,w as r,x as s,T as t,$ as u,H as v,V as w,b as x,y}