vviinn-widgets 2.226.2 → 2.227.0

package/www/build/{p-ff415f6a.entry.js → p-10a1e757.entry.js}

@@ -1,8 +1,8 @@
 /*!
- * vviinn-widgets v2.226.2
+ * vviinn-widgets v2.227.0
  * Copyright 2020 Mediaopt
  * SPDX-License-Identifier: Apache-2.0
- * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.2/LICENSE
- * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.2/NOTICE
+ * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.0/LICENSE
+ * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.0/NOTICE
  */
-import{h as t,r as e,c as i,H as s,g as o}from"./p-DHLFo5Q5.js";import{_ as r,f as a}from"./p-DKPugXab.js";import{d as n,e as h,v as c,f as l,h as d,j as p,u as f}from"./p-B_iLMWJ_.js";import{s as g,f as u}from"./p-D1uvUHoD.js";import{i as b,d as x}from"./p-BtLMHZyk.js";import{i as v,b as m,s as y}from"./p-DdkNrtrk.js";import{i as w,b as C,p as k}from"./p-BdVH6RtP.js";const S=()=>t("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{d:"M20.6 4.57C17.39 4.19 16.88 3.68 16.42 0.37C16.38 0.15 16.22 0 16.01 0C15.8 0 15.63 0.15 15.59 0.37C15.12 3.66 14.63 4.13 11.41 4.57C11.17 4.61 11.01 4.77 11.01 5C11.01 5.23 11.17 5.39 11.41 5.42C14.63 5.81 15.14 6.31 15.59 9.62C15.63 9.84 15.8 10 16.01 10C16.22 10 16.39 9.84 16.42 9.62C16.89 6.31 17.39 5.81 20.6 5.42C20.84 5.38 21 5.22 21 5C21 4.78 20.83 4.6 20.6 4.57Z",fill:"#525252"}),t("path",{d:"M14 12C14 9.24 11.76 7 9 7C6.24 7 4 9.24 4 12C4 14.76 6.24 17 9 17C10.02 17 10.96 16.69 11.75 16.17L16.29 20.71L17.7 19.3L13.16 14.76C13.68 13.97 13.99 13.02 13.99 12.01L14 12ZM9 15C7.35 15 6 13.65 6 12C6 10.35 7.35 9 9 9C10.65 9 12 10.35 12 12C12 13.65 10.65 15 9 15Z",fill:"#525252"})),T=()=>t("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",width:"24",height:"24","aria-hidden":"true"},t("path",{d:"M12 14C11.1667 14 10.4583 13.7083 9.87501 13.125C9.29168 12.5417 9.00001 11.8333 9.00001 11V5C9.00001 4.16667 9.29168 3.45833 9.87501 2.875C10.4583 2.29167 11.1667 2 12 2C12.8333 2 13.5417 2.29167 14.125 2.875C14.7083 3.45833 15 4.16667 15 5V11C15 11.8333 14.7083 12.5417 14.125 13.125C13.5417 13.7083 12.8333 14 12 14ZM11 20V17.925C9.46668 17.7083 8.15418 17.0583 7.06251 15.975C5.97085 14.8917 5.30835 13.575 5.07501 12.025C5.04168 11.7417 5.11668 11.5 5.30001 11.3C5.48335 11.1 5.71668 11 6.00001 11C6.28335 11 6.52085 11.0958 6.71251 11.2875C6.90418 11.4792 7.03335 11.7167 7.10001 12C7.33335 13.1667 7.91251 14.125 8.83751 14.875C9.76251 15.625 10.8167 16 12 16C13.2 16 14.2583 15.6208 15.175 14.8625C16.0917 14.1042 16.6667 13.15 16.9 12C16.9667 11.7167 17.0958 11.4792 17.2875 11.2875C17.4792 11.0958 17.7167 11 18 11C18.2833 11 18.5167 11.1 18.7 11.3C18.8833 11.5 18.9583 11.7417 18.925 12.025C18.6917 13.5417 18.0333 14.85 16.95 15.95C15.8667 17.05 14.55 17.7083 13 17.925V20C13 20.2833 12.9042 20.5208 12.7125 20.7125C12.5208 20.9042 12.2833 21 12 21C11.7167 21 11.4792 20.9042 11.2875 20.7125C11.0958 20.5208 11 20.2833 11 20Z",fill:"#161616"})),z=()=>{var t;const e=window,i=window.navigator,s=i.vendor,o=[void 0!==e.opr,i.userAgent.indexOf("Firefox")>-1,i.userAgent.indexOf("Edg")>-1].some((t=>!0===t)),r=void 0!==i.userAgentData?"Google Chrome"===(null===(t=i.userAgentData.brands[0])||void 0===t?void 0:t.brand):"Google Inc."===s;return{forbiddenBrowser:o,isChrome:r,isSafari:i.userAgent.indexOf("Safari")>-1&&!r}},I=class{constructor(t){e(this,t),this.vviinnImageUploadFinished=i(this,"vviinnImageUploadFinished"),this.vviinnFilterTriggered=i(this,"vviinnFilterTriggered"),this.vviinnTextSearchStarted=i(this,"vviinnTextSearchStarted"),this.widgetTextSearchFinished=i(this,"widgetTextSearchFinished"),this.vviinnSelectedFiltersReset=i(this,"vviinnSelectedFiltersReset"),this.vviinnNoResult=i(this,"vviinnNoResult"),this.vviinnRedirect=i(this,"vviinnRedirect"),this.mode="basic",this.placeholder="",this.autoSuggestShow=!0,this.useDragAndDrop=!1,this.showInWidget=!1,this.showOnFirstScreen=!1,this.isRecording=!1,this.showTooltip=!1,this.autoSuggestCompletions=[],this.activeSuggestionIndex=-1,this.originalQuery="",this.searchSubmitted=!1,this.isDisconnected=!1,this.slots=[],this.isShowPreloader=()=>"loading"===this.state.searchStatus&&"text"===this.state.searchType,this.isShowRecording=()=>this.isRecording,this.showRecording=()=>this.isRecording=!0,this.hideRecording=()=>this.isRecording=!1,this.setShowTooltip=t=>{this.showTooltip=t},this.tooltipText=(()=>{const{isSafari:t}=z();return t?"speechRecognition.tooltip.siri":"speechRecognition.tooltip.general"})(),this.getPlaceholderText=()=>this.isShowRecording()?b.t("speechRecognition.placeholder"):this.placeholder.length?this.placeholder:b.t("textSearchPlaceholder"),this.recognition=null,this.setAutoSuggestCompletions=t=>{this.isDisconnected||this.searchSubmitted&&t.length>0||(this.autoSuggestCompletions=t,this.activeSuggestionIndex=-1)},this.trackTextSearch=()=>this.vviinnFilterTriggered.emit({kind:this.state.textSearchQuery,action:"select",customTrigger:"TPS",isTriggeredByVpsWidget:this.showInWidget}),this.getBasicEventData=()=>this.showInWidget&&this.basicEventData?this.basicEventData:Object.assign({campaignTypeId:"TPS",campaignTypeName:l.TPS,widgetVersion:c},d("widgetId",this.el.id)),this.handleSpeech=async()=>{this.recognition&&(this.isRecording?(this.recognition.stop(),this.hideRecording(),this.setShowTooltip(!1)):(this.recognition.start(),n(this.storeName,null),this.triggerTooltipStart=setTimeout((()=>{this.isRecording||(this.setShowTooltip(!0),this.triggerTooltipEnd=setTimeout((()=>{this.setShowTooltip(!1)}),5e3))}),1e3)))},this.hideSuggestions=()=>{this.autoSuggestCompletions=[],this.activeSuggestionIndex=-1},this.selectSuggestion=t=>{if(n(this.storeName,t.suggestion),this.hideSuggestions(),t.url)return this.trackTextSearch(),void this.handleTextSearchRedirect(t.url,"auto-suggest",t.suggestion);this.handleTextSearch(!0)},this.handleTextSearch=async(t=!1)=>{var e;const i=this.state.textSearchQuery;if(!i)return;this.searchSubmitted=!0,null===(e=this.autoSuggestHandler)||void 0===e||e.cancelPending(),this.hideSuggestions(),t||(await this.checkAutoSuggest(i),this.hideSuggestions()),this.trackTextSearch();const s=this.state.redirect;if((null==s?void 0:s.url)&&s.query===i)this.handleTextSearchRedirect(s.url,"auto-suggest",i);else if(!this.resultsPageUrl||this.showInWidget||w(this.resultsPageUrl))this.vviinnTextSearchStarted.emit({query:i,isTriggeredByVpsWidget:this.showInWidget}),this.showInWidget&&this.showOnFirstScreen&&r.pipe(await p(this.storeName,i,this.token,this.apiPath),a((()=>{this.vviinnNoResult.emit(this.getBasicEventData())}),(t=>{this.widgetTextSearchFinished.emit({query:i,requestId:t.requestId}),this.vviinnSelectedFiltersReset.emit({isTriggeredByVpsWidget:this.showInWidget})})));else{const t=C(this.resultsPageUrl,i,k(this.resultsPageParams).query);this.handleTextSearchRedirect(t,"text-search",i)}},this.checkAutoSuggest=async t=>{r.pipe(await h(this.storeName,t,this.token,this.apiPath,this.setAutoSuggestCompletions),a((()=>{}),(()=>{})))},this.handleKeyDown=t=>{this.autoSuggestShow?((t,e)=>{const{completions:i,activeSuggestionIndex:s,originalQuery:o,storeName:r,textSearchQuery:a,onActiveIndexChange:h,onOriginalQueryChange:c,onSelectSuggestion:l,onHideSuggestions:d,onSearch:p}=e,f=i.length>0;switch(t.key){case"ArrowDown":if(f){t.preventDefault(),-1===s&&c(a);const e=Math.min(s+1,i.length-1);h(e),n(r,i[e].suggestion)}break;case"ArrowUp":if(f&&s>-1){t.preventDefault();const e=s-1;h(e),n(r,-1===e?o:i[e].suggestion)}break;case"Escape":d();break;case"Enter":f&&s>=0?(t.preventDefault(),l(i[s])):p()}})(t,{completions:this.autoSuggestCompletions,activeSuggestionIndex:this.activeSuggestionIndex,originalQuery:this.originalQuery,storeName:this.storeName,textSearchQuery:this.state.textSearchQuery,onActiveIndexChange:t=>this.activeSuggestionIndex=t,onOriginalQueryChange:t=>this.originalQuery=t,onSelectSuggestion:this.selectSuggestion,onHideSuggestions:this.hideSuggestions,onSearch:this.handleTextSearch}):"Enter"===t.key&&this.handleTextSearch()},this.handleButtonKeyDown=(t,e)=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),e())}}connectedCallback(){const{state:t,storeName:e}=f(this.showInWidget);this.state=t,this.storeName=e,this.isDisconnected=!1}disconnectedCallback(){var t;this.isDisconnected=!0,clearTimeout(this.triggerTooltipStart),clearTimeout(this.triggerTooltipEnd),null===(t=this.autoSuggestHandler)||void 0===t||t.cleanup()}async componentWillLoad(){var t,e,i;await v(this.locale),g(this,this.el),this.slots=u(this.el),this.autoSuggestShow&&(this.autoSuggestHandler=((t,e,i,s)=>{let o;const r=()=>clearTimeout(o);return{handleInputChange:r=>{n(t,r),clearTimeout(o),r?o=setTimeout((()=>{h(t,r,e,i,s)}),300):s([])},cancelPending:r,cleanup:r}})(this.storeName,this.token,this.apiPath,this.setAutoSuggestCompletions)),this.recognition=((t,e,i,s)=>{const o=(()=>{const t=window,e=t.webkitSpeechRecognition||t.SpeechRecognition;if(!e)return;const{forbiddenBrowser:i,isChrome:s,isSafari:o}=z();return i?void 0:s||o?e:void 0})();if(!o)return;const r=new o;let a;return r.interimResults=!1,r.maxAlternatives=1,r.continuous=!1,r.lang=t,r.onstart=()=>{e(),a=setTimeout((()=>{r.stop()}),1e4)},r.onspeechend=()=>{r.stop(),i(),clearTimeout(a)},r.onend=i,r.onresult=t=>{s(t.results[0][0].transcript)},r})(null!==(t=this.locale)&&void 0!==t?t:x.locale,(()=>{this.showRecording(),this.setShowTooltip(!1),clearTimeout(this.triggerTooltipStart)}),this.hideRecording,(t=>{n(this.storeName,t),this.handleTextSearch()})),(null===(e=this.searchQuery)||void 0===e?void 0:e.length)>0&&n(this.storeName,this.searchQuery),!this.showInWidget&&(null===(i=this.searchQuery)||void 0===i?void 0:i.length)>0&&(this.vviinnTextSearchStarted.emit({query:this.searchQuery,isTriggeredByVpsWidget:this.showInWidget}),this.trackTextSearch())}handleInputChange(t){this.searchSubmitted=!1;const e=t.target.value;this.autoSuggestShow?this.autoSuggestHandler.handleInputChange(e):n(this.storeName,e)}handleTextSearchRedirect(t,e,i){const s=Object.assign(Object.assign({},this.getBasicEventData()),{url:t,source:e,query:i});this.vviinnRedirect.emit(s).defaultPrevented?this.state.redirect=null:window.location.href=t}render(){return t(s,{key:"df609bf5cf084693707ec4700b7cb0c405c37a94",exportparts:`${m}, ${y}`},t("div",{key:"cd647d80c8705f882beb1574d3884909c9135d92",class:"text-search-container",part:"text-search-container"},t("input",Object.assign({key:"441525b813a55c1f3cf5776da9c8aa450810de36",class:"text-search-input",part:"text-search-input",type:"text",placeholder:this.getPlaceholderText(),value:this.state.textSearchQuery||"",onInput:t=>this.handleInputChange(t),onKeyDown:this.handleKeyDown,onBlur:this.autoSuggestShow?this.hideSuggestions:void 0},this.autoSuggestShow&&{role:"combobox","aria-autocomplete":"list","aria-expanded":this.autoSuggestCompletions.length>0&&this.state.textSearchQuery?"true":"false","aria-controls":"suggestions-listbox","aria-activedescendant":this.activeSuggestionIndex>=0?`suggestion-${this.activeSuggestionIndex}`:void 0})),"extended"===this.mode&&t("vviinn-vps-button",Object.assign({key:"bd787dbeb182e1965349c051825286ec7d29baf1",token:this.token,locale:this.locale,apiPath:this.apiPath,addStyle:!1,showResultsInModal:!1,resultsPageUrl:this.resultsPageUrl,resultsPageParams:this.resultsPageParams},this.exampleImageSource&&{exampleImageSource:this.exampleImageSource},null!=this.cssUrl&&{cssUrl:this.cssUrl},this.visualSearchMode&&{mode:this.visualSearchMode},{useDragAndDrop:this.useDragAndDrop,parentSlots:this.slots})),"basic"===this.mode&&t("slot",{key:"1f0b3ca364e5266593b95494aad7649ac925e5c8",name:"vviinn-text-search-actions"}),("extended"===this.mode||this.showInWidget)&&this.recognition&&t("button",{key:"abee8ee3722a14fe133ddd59f61fe36e64add805",class:"speech-button",part:"speech-button","aria-label":b.t("a11y.speechButton"),onClick:this.handleSpeech,onKeyDown:t=>this.handleButtonKeyDown(t,this.handleSpeech)},t(T,{key:"677ea26faeba2079e8ec0181eb626e131d50f420"}),this.isShowRecording()&&t("span",{key:"554e7b376069d54c8cf7c29b2632b89cb3631cd7",class:"recording-indicator"})),t("button",{key:"1adfeeddb0bc4b398ae9d53fd894359b0624bc14",class:"text-search-button",part:"text-search-button",onClick:()=>this.handleTextSearch(),onKeyDown:t=>this.handleButtonKeyDown(t,this.handleTextSearch),disabled:"loading"===this.state.searchStatus,"aria-label":b.t("a11y.textSearchButton")},this.isShowPreloader()?t("vviinn-preloader",null):t("slot",{name:"vviinn-text-search-icon"},t(S,null)))),this.autoSuggestShow&&(i=this.state.textSearchQuery,o=this.activeSuggestionIndex,r=this.selectSuggestion,(e=this.autoSuggestCompletions).length&&i?t("ul",{class:"suggestions-container",part:"suggestions-container",role:"listbox",id:"suggestions-listbox"},e.map(((e,s)=>t("li",{id:`suggestion-${s}`,class:{"suggestion-item":!0,"suggestion-item--active":s===o},part:"suggestion-item",role:"option","aria-selected":s===o?"true":"false",onMouseDown:t=>{t.preventDefault(),r(e)}},((e,i)=>{const s=e.toLowerCase(),o=i.toLowerCase(),r=s.indexOf(o);if(-1===r)return e;const a=e.slice(0,r),n=e.slice(r,r+i.length),h=e.slice(r+i.length);return[a,t("span",{class:"suggestion-highlight"},n),h]})(e.suggestion,i))))):null),this.showTooltip&&t("p",{key:"21e10799593122a6252f7a98f2d4a95bda18543e",class:"text-search-tooltip",part:"text-search-tooltip"},b.t(this.tooltipText)));var e,i,o,r}get el(){return o(this)}};I.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;position:relative;width:100%;}.text-search-container{display:flex;align-items:center;gap:var(--spacing-50);width:100%;height:46px;border:1px solid var(--color-border-02);border-radius:8px;transition:border-color 0.2s;overflow:hidden;box-sizing:border-box}.text-search-container:focus-within{border-color:#8d8d8d}.text-search-input,.text-search-tooltip{font-size:16px;font-style:normal;font-weight:400;font-family:var(--font-family, var(--font-family-base))}.text-search-input{height:100%;padding-left:16px;box-sizing:border-box;border:none;outline:none;overflow:hidden;text-overflow:ellipsis;flex-grow:2;width:150px}.text-search-input::-moz-placeholder{color:#a8a8a8}.text-search-input::placeholder{color:#a8a8a8}.text-search-input:focus,.text-search-input:active{border-color:#8d8d8d}vviinn-vps-button{height:100%}.text-search-button,.speech-button,vviinn-vps-button::part(vviinn-button){border:none;height:100%;display:flex;justify-content:center;align-items:center;cursor:pointer}.speech-button,vviinn-vps-button::part(vviinn-button){padding:0 8px}.upload-button-text{display:contents}.text-search-button{background-color:#f4f4f4;transition:background-color 0.2s;aspect-ratio:1 / 1;border-radius:0 7px 7px 0}.speech-button{background-color:transparent;position:relative}@keyframes recordingSpeech{0%{background-color:#ff0000;scale:1}100%{background-color:#ff8888;scale:1.5}}.recording-indicator{border-radius:50%;width:8px;height:8px;left:24px;top:24px;background-color:#ff0000;position:absolute;animation:recordingSpeech 1s infinite alternate ease-in-out}@keyframes fade-out{0%{opacity:0}20%{opacity:1}80%{opacity:1}100%{opacity:0;display:none}}.text-search-tooltip{position:absolute;right:0;top:80%;background:#f4f4f4;animation:fade-out 5s forwards;width:-moz-fit-content;width:fit-content;padding:24px;border-radius:8px;border:1px solid #8d8d8d;box-sizing:border-box}.text-search-button:not(:disabled):hover{background-color:#e0e0e0}.text-search-button:disabled{cursor:unset}vviinn-image-selector,::slotted([slot="vviinn-text-search-actions"]){margin:auto 8px}vviinn-preloader{--preloader-size:16px;display:flex;color:#525252}.suggestions-container{position:absolute;top:100%;left:0;right:0;margin:var(--spacing-50) 0 0;padding:4px;list-style:none;background:#ffffff;border:1px solid #fafafa;border-radius:8px;box-shadow:0px 4px 12px rgba(0, 0, 0, 0.08);box-sizing:border-box;z-index:10}.suggestion-item{padding:4px 8px;border-radius:4px;font-size:16px;line-height:normal;font-weight:400;font-family:var(--font-family, var(--font-family-base));cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-item:hover,.suggestion-item--active{background-color:#f4f4f4}.suggestion-highlight{font-weight:500}';export{I as vviinn_text_search}
+import{h as t,r as e,c as i,H as s,g as o}from"./p-FhFmxhnG.js";import{_ as r,f as a}from"./p-CLnNoPoc.js";import{d as n,e as h,v as c,f as l,h as d,j as p,u as f}from"./p-D4gGbVSQ.js";import{s as g,f as u}from"./p-DFKrbabt.js";import{i as b,d as x}from"./p-CFvXi0uP.js";import{i as v,b as m,s as y}from"./p-D5VwnX0v.js";import{i as w,b as C,p as k}from"./p-Cc4vYYIH.js";const S=()=>t("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{d:"M20.6 4.57C17.39 4.19 16.88 3.68 16.42 0.37C16.38 0.15 16.22 0 16.01 0C15.8 0 15.63 0.15 15.59 0.37C15.12 3.66 14.63 4.13 11.41 4.57C11.17 4.61 11.01 4.77 11.01 5C11.01 5.23 11.17 5.39 11.41 5.42C14.63 5.81 15.14 6.31 15.59 9.62C15.63 9.84 15.8 10 16.01 10C16.22 10 16.39 9.84 16.42 9.62C16.89 6.31 17.39 5.81 20.6 5.42C20.84 5.38 21 5.22 21 5C21 4.78 20.83 4.6 20.6 4.57Z",fill:"#525252"}),t("path",{d:"M14 12C14 9.24 11.76 7 9 7C6.24 7 4 9.24 4 12C4 14.76 6.24 17 9 17C10.02 17 10.96 16.69 11.75 16.17L16.29 20.71L17.7 19.3L13.16 14.76C13.68 13.97 13.99 13.02 13.99 12.01L14 12ZM9 15C7.35 15 6 13.65 6 12C6 10.35 7.35 9 9 9C10.65 9 12 10.35 12 12C12 13.65 10.65 15 9 15Z",fill:"#525252"})),T=()=>t("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",width:"24",height:"24","aria-hidden":"true"},t("path",{d:"M12 14C11.1667 14 10.4583 13.7083 9.87501 13.125C9.29168 12.5417 9.00001 11.8333 9.00001 11V5C9.00001 4.16667 9.29168 3.45833 9.87501 2.875C10.4583 2.29167 11.1667 2 12 2C12.8333 2 13.5417 2.29167 14.125 2.875C14.7083 3.45833 15 4.16667 15 5V11C15 11.8333 14.7083 12.5417 14.125 13.125C13.5417 13.7083 12.8333 14 12 14ZM11 20V17.925C9.46668 17.7083 8.15418 17.0583 7.06251 15.975C5.97085 14.8917 5.30835 13.575 5.07501 12.025C5.04168 11.7417 5.11668 11.5 5.30001 11.3C5.48335 11.1 5.71668 11 6.00001 11C6.28335 11 6.52085 11.0958 6.71251 11.2875C6.90418 11.4792 7.03335 11.7167 7.10001 12C7.33335 13.1667 7.91251 14.125 8.83751 14.875C9.76251 15.625 10.8167 16 12 16C13.2 16 14.2583 15.6208 15.175 14.8625C16.0917 14.1042 16.6667 13.15 16.9 12C16.9667 11.7167 17.0958 11.4792 17.2875 11.2875C17.4792 11.0958 17.7167 11 18 11C18.2833 11 18.5167 11.1 18.7 11.3C18.8833 11.5 18.9583 11.7417 18.925 12.025C18.6917 13.5417 18.0333 14.85 16.95 15.95C15.8667 17.05 14.55 17.7083 13 17.925V20C13 20.2833 12.9042 20.5208 12.7125 20.7125C12.5208 20.9042 12.2833 21 12 21C11.7167 21 11.4792 20.9042 11.2875 20.7125C11.0958 20.5208 11 20.2833 11 20Z",fill:"#161616"})),z=()=>{var t;const e=window,i=window.navigator,s=i.vendor,o=[void 0!==e.opr,i.userAgent.indexOf("Firefox")>-1,i.userAgent.indexOf("Edg")>-1].some((t=>!0===t)),r=void 0!==i.userAgentData?"Google Chrome"===(null===(t=i.userAgentData.brands[0])||void 0===t?void 0:t.brand):"Google Inc."===s;return{forbiddenBrowser:o,isChrome:r,isSafari:i.userAgent.indexOf("Safari")>-1&&!r}},I=class{constructor(t){e(this,t),this.vviinnImageUploadFinished=i(this,"vviinnImageUploadFinished"),this.vviinnFilterTriggered=i(this,"vviinnFilterTriggered"),this.vviinnTextSearchStarted=i(this,"vviinnTextSearchStarted"),this.widgetTextSearchFinished=i(this,"widgetTextSearchFinished"),this.vviinnSelectedFiltersReset=i(this,"vviinnSelectedFiltersReset"),this.vviinnNoResult=i(this,"vviinnNoResult"),this.vviinnRedirect=i(this,"vviinnRedirect"),this.mode="basic",this.placeholder="",this.autoSuggestShow=!0,this.useDragAndDrop=!1,this.showInWidget=!1,this.showOnFirstScreen=!1,this.isRecording=!1,this.showTooltip=!1,this.autoSuggestCompletions=[],this.activeSuggestionIndex=-1,this.originalQuery="",this.searchSubmitted=!1,this.isDisconnected=!1,this.slots=[],this.isShowPreloader=()=>"loading"===this.state.searchStatus&&"text"===this.state.searchType,this.isShowRecording=()=>this.isRecording,this.showRecording=()=>this.isRecording=!0,this.hideRecording=()=>this.isRecording=!1,this.setShowTooltip=t=>{this.showTooltip=t},this.tooltipText=(()=>{const{isSafari:t}=z();return t?"speechRecognition.tooltip.siri":"speechRecognition.tooltip.general"})(),this.getPlaceholderText=()=>this.isShowRecording()?b.t("speechRecognition.placeholder"):this.placeholder.length?this.placeholder:b.t("textSearchPlaceholder"),this.recognition=null,this.setAutoSuggestCompletions=t=>{this.isDisconnected||this.searchSubmitted&&t.length>0||(this.autoSuggestCompletions=t,this.activeSuggestionIndex=-1)},this.trackTextSearch=()=>this.vviinnFilterTriggered.emit({kind:this.state.textSearchQuery,action:"select",customTrigger:"TPS",isTriggeredByVpsWidget:this.showInWidget}),this.getBasicEventData=()=>this.showInWidget&&this.basicEventData?this.basicEventData:Object.assign({campaignTypeId:"TPS",campaignTypeName:l.TPS,widgetVersion:c},d("widgetId",this.el.id)),this.handleSpeech=async()=>{this.recognition&&(this.isRecording?(this.recognition.stop(),this.hideRecording(),this.setShowTooltip(!1)):(this.recognition.start(),n(this.storeName,null),this.triggerTooltipStart=setTimeout((()=>{this.isRecording||(this.setShowTooltip(!0),this.triggerTooltipEnd=setTimeout((()=>{this.setShowTooltip(!1)}),5e3))}),1e3)))},this.hideSuggestions=()=>{this.autoSuggestCompletions=[],this.activeSuggestionIndex=-1},this.selectSuggestion=t=>{if(n(this.storeName,t.suggestion),this.hideSuggestions(),t.url)return this.trackTextSearch(),void this.handleTextSearchRedirect(t.url,"auto-suggest",t.suggestion);this.handleTextSearch(!0)},this.handleTextSearch=async(t=!1)=>{var e;const i=this.state.textSearchQuery;if(!i)return;this.searchSubmitted=!0,null===(e=this.autoSuggestHandler)||void 0===e||e.cancelPending(),this.hideSuggestions(),t||(await this.checkAutoSuggest(i),this.hideSuggestions()),this.trackTextSearch();const s=this.state.redirect;if((null==s?void 0:s.url)&&s.query===i)this.handleTextSearchRedirect(s.url,"auto-suggest",i);else if(!this.resultsPageUrl||this.showInWidget||w(this.resultsPageUrl))this.vviinnTextSearchStarted.emit({query:i,isTriggeredByVpsWidget:this.showInWidget}),this.showInWidget&&this.showOnFirstScreen&&r.pipe(await p(this.storeName,i,this.token,this.apiPath),a((()=>{this.vviinnNoResult.emit(this.getBasicEventData())}),(t=>{this.widgetTextSearchFinished.emit({query:i,requestId:t.requestId}),this.vviinnSelectedFiltersReset.emit({isTriggeredByVpsWidget:this.showInWidget})})));else{const t=C(this.resultsPageUrl,i,k(this.resultsPageParams).query);this.handleTextSearchRedirect(t,"text-search",i)}},this.checkAutoSuggest=async t=>{r.pipe(await h(this.storeName,t,this.token,this.apiPath,this.setAutoSuggestCompletions),a((()=>{}),(()=>{})))},this.handleKeyDown=t=>{this.autoSuggestShow?((t,e)=>{const{completions:i,activeSuggestionIndex:s,originalQuery:o,storeName:r,textSearchQuery:a,onActiveIndexChange:h,onOriginalQueryChange:c,onSelectSuggestion:l,onHideSuggestions:d,onSearch:p}=e,f=i.length>0;switch(t.key){case"ArrowDown":if(f){t.preventDefault(),-1===s&&c(a);const e=Math.min(s+1,i.length-1);h(e),n(r,i[e].suggestion)}break;case"ArrowUp":if(f&&s>-1){t.preventDefault();const e=s-1;h(e),n(r,-1===e?o:i[e].suggestion)}break;case"Escape":d();break;case"Enter":f&&s>=0?(t.preventDefault(),l(i[s])):p()}})(t,{completions:this.autoSuggestCompletions,activeSuggestionIndex:this.activeSuggestionIndex,originalQuery:this.originalQuery,storeName:this.storeName,textSearchQuery:this.state.textSearchQuery,onActiveIndexChange:t=>this.activeSuggestionIndex=t,onOriginalQueryChange:t=>this.originalQuery=t,onSelectSuggestion:this.selectSuggestion,onHideSuggestions:this.hideSuggestions,onSearch:this.handleTextSearch}):"Enter"===t.key&&this.handleTextSearch()},this.handleButtonKeyDown=(t,e)=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),e())}}connectedCallback(){const{state:t,storeName:e}=f(this.showInWidget);this.state=t,this.storeName=e,this.isDisconnected=!1}disconnectedCallback(){var t;this.isDisconnected=!0,clearTimeout(this.triggerTooltipStart),clearTimeout(this.triggerTooltipEnd),null===(t=this.autoSuggestHandler)||void 0===t||t.cleanup()}async componentWillLoad(){var t,e,i;await v(this.locale),g(this,this.el),this.slots=u(this.el),this.autoSuggestShow&&(this.autoSuggestHandler=((t,e,i,s)=>{let o;const r=()=>clearTimeout(o);return{handleInputChange:r=>{n(t,r),clearTimeout(o),r?o=setTimeout((()=>{h(t,r,e,i,s)}),300):s([])},cancelPending:r,cleanup:r}})(this.storeName,this.token,this.apiPath,this.setAutoSuggestCompletions)),this.recognition=((t,e,i,s)=>{const o=(()=>{const t=window,e=t.webkitSpeechRecognition||t.SpeechRecognition;if(!e)return;const{forbiddenBrowser:i,isChrome:s,isSafari:o}=z();return i?void 0:s||o?e:void 0})();if(!o)return;const r=new o;let a;return r.interimResults=!1,r.maxAlternatives=1,r.continuous=!1,r.lang=t,r.onstart=()=>{e(),a=setTimeout((()=>{r.stop()}),1e4)},r.onspeechend=()=>{r.stop(),i(),clearTimeout(a)},r.onend=i,r.onresult=t=>{s(t.results[0][0].transcript)},r})(null!==(t=this.locale)&&void 0!==t?t:x.locale,(()=>{this.showRecording(),this.setShowTooltip(!1),clearTimeout(this.triggerTooltipStart)}),this.hideRecording,(t=>{n(this.storeName,t),this.handleTextSearch()})),(null===(e=this.searchQuery)||void 0===e?void 0:e.length)>0&&n(this.storeName,this.searchQuery),!this.showInWidget&&(null===(i=this.searchQuery)||void 0===i?void 0:i.length)>0&&(this.vviinnTextSearchStarted.emit({query:this.searchQuery,isTriggeredByVpsWidget:this.showInWidget}),this.trackTextSearch())}handleInputChange(t){this.searchSubmitted=!1;const e=t.target.value;this.autoSuggestShow?this.autoSuggestHandler.handleInputChange(e):n(this.storeName,e)}handleTextSearchRedirect(t,e,i){const s=Object.assign(Object.assign({},this.getBasicEventData()),{url:t,source:e,query:i});this.vviinnRedirect.emit(s).defaultPrevented?this.state.redirect=null:window.location.href=t}render(){return t(s,{key:"df609bf5cf084693707ec4700b7cb0c405c37a94",exportparts:`${m}, ${y}`},t("div",{key:"cd647d80c8705f882beb1574d3884909c9135d92",class:"text-search-container",part:"text-search-container"},t("input",Object.assign({key:"441525b813a55c1f3cf5776da9c8aa450810de36",class:"text-search-input",part:"text-search-input",type:"text",placeholder:this.getPlaceholderText(),value:this.state.textSearchQuery||"",onInput:t=>this.handleInputChange(t),onKeyDown:this.handleKeyDown,onBlur:this.autoSuggestShow?this.hideSuggestions:void 0},this.autoSuggestShow&&{role:"combobox","aria-autocomplete":"list","aria-expanded":this.autoSuggestCompletions.length>0&&this.state.textSearchQuery?"true":"false","aria-controls":"suggestions-listbox","aria-activedescendant":this.activeSuggestionIndex>=0?`suggestion-${this.activeSuggestionIndex}`:void 0})),"extended"===this.mode&&t("vviinn-vps-button",Object.assign({key:"bd787dbeb182e1965349c051825286ec7d29baf1",token:this.token,locale:this.locale,apiPath:this.apiPath,addStyle:!1,showResultsInModal:!1,resultsPageUrl:this.resultsPageUrl,resultsPageParams:this.resultsPageParams},this.exampleImageSource&&{exampleImageSource:this.exampleImageSource},null!=this.cssUrl&&{cssUrl:this.cssUrl},this.visualSearchMode&&{mode:this.visualSearchMode},{useDragAndDrop:this.useDragAndDrop,parentSlots:this.slots})),"basic"===this.mode&&t("slot",{key:"1f0b3ca364e5266593b95494aad7649ac925e5c8",name:"vviinn-text-search-actions"}),("extended"===this.mode||this.showInWidget)&&this.recognition&&t("button",{key:"abee8ee3722a14fe133ddd59f61fe36e64add805",class:"speech-button",part:"speech-button","aria-label":b.t("a11y.speechButton"),onClick:this.handleSpeech,onKeyDown:t=>this.handleButtonKeyDown(t,this.handleSpeech)},t(T,{key:"677ea26faeba2079e8ec0181eb626e131d50f420"}),this.isShowRecording()&&t("span",{key:"554e7b376069d54c8cf7c29b2632b89cb3631cd7",class:"recording-indicator"})),t("button",{key:"1adfeeddb0bc4b398ae9d53fd894359b0624bc14",class:"text-search-button",part:"text-search-button",onClick:()=>this.handleTextSearch(),onKeyDown:t=>this.handleButtonKeyDown(t,this.handleTextSearch),disabled:"loading"===this.state.searchStatus,"aria-label":b.t("a11y.textSearchButton")},this.isShowPreloader()?t("vviinn-preloader",null):t("slot",{name:"vviinn-text-search-icon"},t(S,null)))),this.autoSuggestShow&&(i=this.state.textSearchQuery,o=this.activeSuggestionIndex,r=this.selectSuggestion,(e=this.autoSuggestCompletions).length&&i?t("ul",{class:"suggestions-container",part:"suggestions-container",role:"listbox",id:"suggestions-listbox"},e.map(((e,s)=>t("li",{id:`suggestion-${s}`,class:{"suggestion-item":!0,"suggestion-item--active":s===o},part:"suggestion-item",role:"option","aria-selected":s===o?"true":"false",onMouseDown:t=>{t.preventDefault(),r(e)}},((e,i)=>{const s=e.toLowerCase(),o=i.toLowerCase(),r=s.indexOf(o);if(-1===r)return e;const a=e.slice(0,r),n=e.slice(r,r+i.length),h=e.slice(r+i.length);return[a,t("span",{class:"suggestion-highlight"},n),h]})(e.suggestion,i))))):null),this.showTooltip&&t("p",{key:"21e10799593122a6252f7a98f2d4a95bda18543e",class:"text-search-tooltip",part:"text-search-tooltip"},b.t(this.tooltipText)));var e,i,o,r}get el(){return o(this)}};I.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;position:relative;width:100%;}.text-search-container{display:flex;align-items:center;gap:var(--spacing-50);width:100%;height:46px;border:1px solid var(--color-border-02);border-radius:8px;transition:border-color 0.2s;overflow:hidden;box-sizing:border-box}.text-search-container:focus-within{border-color:#8d8d8d}.text-search-input,.text-search-tooltip{font-size:16px;font-style:normal;font-weight:400;font-family:var(--font-family, var(--font-family-base))}.text-search-input{height:100%;padding-left:16px;box-sizing:border-box;border:none;outline:none;overflow:hidden;text-overflow:ellipsis;flex-grow:2;width:150px}.text-search-input::-moz-placeholder{color:#a8a8a8}.text-search-input::placeholder{color:#a8a8a8}.text-search-input:focus,.text-search-input:active{border-color:#8d8d8d}vviinn-vps-button{height:100%}.text-search-button,.speech-button,vviinn-vps-button::part(vviinn-button){border:none;height:100%;display:flex;justify-content:center;align-items:center;cursor:pointer}.speech-button,vviinn-vps-button::part(vviinn-button){padding:0 8px}.upload-button-text{display:contents}.text-search-button{background-color:#f4f4f4;transition:background-color 0.2s;aspect-ratio:1 / 1;border-radius:0 7px 7px 0}.speech-button{background-color:transparent;position:relative}@keyframes recordingSpeech{0%{background-color:#ff0000;scale:1}100%{background-color:#ff8888;scale:1.5}}.recording-indicator{border-radius:50%;width:8px;height:8px;left:24px;top:24px;background-color:#ff0000;position:absolute;animation:recordingSpeech 1s infinite alternate ease-in-out}@keyframes fade-out{0%{opacity:0}20%{opacity:1}80%{opacity:1}100%{opacity:0;display:none}}.text-search-tooltip{position:absolute;right:0;top:80%;background:#f4f4f4;animation:fade-out 5s forwards;width:-moz-fit-content;width:fit-content;padding:24px;border-radius:8px;border:1px solid #8d8d8d;box-sizing:border-box}.text-search-button:not(:disabled):hover{background-color:#e0e0e0}.text-search-button:disabled{cursor:unset}vviinn-image-selector,::slotted([slot="vviinn-text-search-actions"]){margin:auto 8px}vviinn-preloader{--preloader-size:16px;display:flex;color:#525252}.suggestions-container{position:absolute;top:100%;left:0;right:0;margin:var(--spacing-50) 0 0;padding:4px;list-style:none;background:#ffffff;border:1px solid #fafafa;border-radius:8px;box-shadow:0px 4px 12px rgba(0, 0, 0, 0.08);box-sizing:border-box;z-index:10}.suggestion-item{padding:4px 8px;border-radius:4px;font-size:16px;line-height:normal;font-weight:400;font-family:var(--font-family, var(--font-family-base));cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-item:hover,.suggestion-item--active{background-color:#f4f4f4}.suggestion-highlight{font-weight:500}';export{I as vviinn_text_search}

package/www/build/{p-d20fb53d.entry.js → p-1d1f5dc5.entry.js}

@@ -1,8 +1,8 @@
 /*!
- * vviinn-widgets v2.226.2
+ * vviinn-widgets v2.227.0
  * Copyright 2020 Mediaopt
  * SPDX-License-Identifier: Apache-2.0
- * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.2/LICENSE
- * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.2/NOTICE
+ * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.0/LICENSE
+ * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.0/NOTICE
  */
-import{h as t,r as i,c as s,H as h,g as e}from"./p-DHLFo5Q5.js";import{f as a,h as n,S as o}from"./p-D1uvUHoD.js";import{D as l}from"./p-DR9_lICd.js";import{S as d,r}from"./p-cBtUrYGn.js";import{i as c,s as u}from"./p-DdkNrtrk.js";import{i as C}from"./p-BtLMHZyk.js";const p=()=>t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true"},t("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M18 4H20C22.21 4 24 5.79 24 8V16H22V8C22 6.9 21.1 6 20 6H16.93L16.34 5.11L14.93 3H9.07L7.66 5.11L7.07 6H4C2.9 6 2 6.9 2 8V18C2 19.1 2.9 20 4 20H9V22H4C1.79 22 0 20.21 0 18V8C0 5.79 1.79 4 4 4H6L8 1H16L18 4ZM12 8C14.76 8 17 10.24 17 13L16.99 13.01C16.99 14.02 16.68 14.97 16.16 15.76L20.7 20.3L19.29 21.71L14.75 17.17C13.96 17.69 13.02 18 12 18C9.24 18 7 15.76 7 13C7 10.24 9.24 8 12 8ZM9 13C9 14.65 10.35 16 12 16C13.65 16 15 14.65 15 13C15 11.35 13.65 10 12 10C10.35 10 9 11.35 9 13Z",fill:"#161616"})),v=()=>t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true"},t("path",{d:"M4 8C4 5.79 5.79 4 8 4H9V2H8C4.69 2 2 4.69 2 8V9H4V8Z",fill:"#161616"}),t("path",{d:"M20 8C20 5.79 18.21 4 16 4H15V2H16C19.31 2 22 4.69 22 8V9H20V8Z",fill:"#161616"}),t("path",{d:"M4 16V15H2V16C2 19.31 4.69 22 8 22H9V20H8C5.79 20 4 18.21 4 16Z",fill:"#161616"}),t("path",{d:"M17 12C17 9.24 14.76 7 12 7C9.24 7 7 9.24 7 12C7 14.76 9.24 17 12 17C13.02 17 13.96 16.69 14.75 16.17L19.29 20.71L20.7 19.3L16.16 14.76C16.68 13.97 16.99 13.02 16.99 12.01L17 12ZM12 15C10.35 15 9 13.65 9 12C9 10.35 10.35 9 12 9C13.65 9 15 10.35 15 12C15 13.65 13.65 15 12 15Z",fill:"#161616"})),g=()=>t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true"},t("path",{d:"M4 8C4 5.79 5.79 4 8 4H9V2H8C4.69 2 2 4.69 2 8V9H4V8Z",fill:"#161616"}),t("path",{d:"M4 16V15H2V16C2 19.31 4.69 22 8 22H9V20H8C5.79 20 4 18.21 4 16Z",fill:"#161616"}),t("path",{d:"M20 16C20 18.21 18.21 20 16 20H15V22H16C19.31 22 22 19.31 22 16V15H20V16Z",fill:"#161616"}),t("path",{d:"M16 2H15V4H16C18.21 4 20 5.79 20 8V9H22V8C22 4.69 19.31 2 16 2Z",fill:"#161616"}),t("path",{d:"M17 12C17 9.24 14.76 7 12 7C9.24 7 7 9.24 7 12C7 14.76 9.24 17 12 17C14.76 17 17 14.76 17 12ZM12 15C10.35 15 9 13.65 9 12C9 10.35 10.35 9 12 9C13.65 9 15 10.35 15 12C15 13.65 13.65 15 12 15Z",fill:"#161616"})),m=class{constructor(t){i(this,t),this.vviinnWidgetLoad=s(this,"vviinnWidgetLoad"),this.vviinnWidgetOpen=s(this,"vviinnWidgetOpen"),this.vviinnWidgetClose=s(this,"vviinnWidgetClose"),this.vviinnImageUploadStarted=s(this,"vviinnImageUploadStarted"),this.vviinnProductLoad=s(this,"vviinnProductLoad"),this.vviinnProductClick=s(this,"vviinnProductClick"),this.vviinnProductView=s(this,"vviinnProductView"),this.vviinnResultLoad=s(this,"vviinnResultLoad"),this.vviinnResultView=s(this,"vviinnResultView"),this.vviinnNoResult=s(this,"vviinnNoResult"),this.vviinnImageCrop=s(this,"vviinnImageCrop"),this.vviinnSelectObject=s(this,"vviinnSelectObject"),this.globalSlotsChanged=s(this,"globalSlotsChanged"),this.campaignId="",this.campaignIdTextSearch="",this.campaignIdVisualSearch="",this.addStyle=!1,this.mode="modal",this.excluded="",this.productDetailsNewTab=!0,this.productDetailsRedirect=!0,this.imageResolutionWidth=d,this.showMultipleImages=!1,this.useDragAndDrop=!1,this.exampleImageSource=l,this.textSearchShow=!1,this.autoSuggestShow=!0,this.aiSuggestionsShow=!1,this.addToBasketShow=!1,this.favoriteShow=!1,this.oneClickDiscoveryMode="append-grid",this.oneClickDiscoveryCampaigns="",this.addPriceContainer=!1,this.showIntervalInputs=!1,this.cssUrl=null,this.showResultsInModal=!0,this.parentSlots=[],this.buttonPressed=!1,this.slots=[],this.hasCustomTrigger=!1,this.allSlots=()=>[...this.parentSlots,...this.slots],this.handleActivation=()=>{this.buttonPressed=!0},this.resetButton=()=>{this.buttonPressed=!1},this.handleKeyDown=t=>{"Enter"!==t.key&&" "!==t.key||this.handleActivation()}}handleModalClosed({detail:t}){"VPS"===t.campaignTypeId&&(this.buttonPressed=!1)}buttonPressedWatcher(t,i){!0===i&&!1===t&&requestAnimationFrame((()=>{this.el.focus()}))}async componentWillLoad(){await c(this.locale),this.slots=a(this.el),this.hasCustomTrigger=n(this.el)}componentDidLoad(){this.replaceSlotsContent()}replaceSlotsContent(t){this.globalSlotsChanged.emit({slots:this.allSlots(),element:this.el}),t&&this.globalSlotsChanged.emit({slots:this.allSlots(),element:t})}getButtonConfig(){switch(this.mode){case"camera":return{ariaLabel:C.t("a11y.cameraModeSearchButton"),buttonIcon:t(p,null)};case"modal":if(this.textSearchShow)return{ariaLabel:C.t("a11y.modalModeSearchButton"),buttonIcon:t(v,null)};default:return{ariaLabel:C.t("a11y.uploadModeSearchButton"),buttonIcon:t(g,null)}}}render(){const{ariaLabel:i,buttonIcon:s}=this.getButtonConfig();return t(h,{key:"2a466056b4da2d437d4c5f54f825d3da8a73bd20",role:this.buttonPressed?void 0:"button","aria-label":this.buttonPressed?void 0:i,exportparts:`vviinn-button, ${u}`},r(this.cssUrl),t("vviinn-button",{key:"b97d5c9e5f248234a3241435db2df851d4ffcfd6",addStyle:this.addStyle,part:"vviinn-button",tabindex:this.buttonPressed?void 0:"0",onClick:this.buttonPressed?void 0:this.handleActivation,onKeyDown:this.buttonPressed?void 0:this.handleKeyDown},t("span",{key:"4bb132b2dbd831978d1cbde3df3707c19795bccc",style:{display:this.hasCustomTrigger?"contents":"none"}},t("slot",{key:"2fd54456f699476252a669c957fb6227e39beadf",onSlotchange:()=>this.hasCustomTrigger=n(this.el)})),!this.hasCustomTrigger&&s),o("search"),t("vviinn-vps-widget",{key:"b70f8319dad29f6ed021e6298472008c3aab3a9f",mode:this.mode,"currency-sign":this.currencySign,token:this.token,locale:this.locale,numberLocale:this.numberLocale,apiPath:this.apiPath,pricePrefix:this.pricePrefix,campaignId:this.campaignId,campaignIdTextSearch:this.campaignIdTextSearch,campaignIdVisualSearch:this.campaignIdVisualSearch,showingInButton:!0,buttonPressed:this.buttonPressed,resetVpsButton:this.resetButton,buttonElementId:this.el.id,active:this.buttonPressed&&("modal"===this.mode||"camera"===this.mode),excluded:this.excluded,productDetailsNewTab:this.productDetailsNewTab,productDetailsRedirect:this.productDetailsRedirect,imageResolutionWidth:this.imageResolutionWidth,showMultipleImages:this.showMultipleImages,useDragAndDrop:this.useDragAndDrop,exampleImageSource:this.exampleImageSource,textSearchShow:this.textSearchShow,autoSuggestShow:this.autoSuggestShow,aiSuggestionsShow:this.aiSuggestionsShow,addToBasketShow:this.addToBasketShow,addPriceContainer:this.addPriceContainer,showIntervalInputs:this.showIntervalInputs,replaceSlotsContentInButton:this.replaceSlotsContent.bind(this),oneClickDiscoveryMode:this.oneClickDiscoveryMode,oneClickDiscoveryCampaigns:this.oneClickDiscoveryCampaigns,favoriteShow:this.favoriteShow,showResultsInModal:this.showResultsInModal,resultsPageUrl:this.resultsPageUrl,resultsPageParams:this.resultsPageParams,parentSlots:[...this.parentSlots,...this.slots],cssUrl:this.cssUrl}))}get el(){return e(this)}static get watchers(){return{buttonPressed:["buttonPressedWatcher"]}}};m.style=":host{display:inline-block;line-height:0}";export{m as vviinn_vps_button}
+import{h as t,r as i,c as s,H as h,g as e}from"./p-FhFmxhnG.js";import{f as a,h as n,S as o}from"./p-DFKrbabt.js";import{D as l}from"./p-OaNWTAPi.js";import{S as d,r}from"./p-6OgrnZJP.js";import{i as c,s as u}from"./p-D5VwnX0v.js";import{i as C}from"./p-CFvXi0uP.js";const p=()=>t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true"},t("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M18 4H20C22.21 4 24 5.79 24 8V16H22V8C22 6.9 21.1 6 20 6H16.93L16.34 5.11L14.93 3H9.07L7.66 5.11L7.07 6H4C2.9 6 2 6.9 2 8V18C2 19.1 2.9 20 4 20H9V22H4C1.79 22 0 20.21 0 18V8C0 5.79 1.79 4 4 4H6L8 1H16L18 4ZM12 8C14.76 8 17 10.24 17 13L16.99 13.01C16.99 14.02 16.68 14.97 16.16 15.76L20.7 20.3L19.29 21.71L14.75 17.17C13.96 17.69 13.02 18 12 18C9.24 18 7 15.76 7 13C7 10.24 9.24 8 12 8ZM9 13C9 14.65 10.35 16 12 16C13.65 16 15 14.65 15 13C15 11.35 13.65 10 12 10C10.35 10 9 11.35 9 13Z",fill:"#161616"})),v=()=>t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true"},t("path",{d:"M4 8C4 5.79 5.79 4 8 4H9V2H8C4.69 2 2 4.69 2 8V9H4V8Z",fill:"#161616"}),t("path",{d:"M20 8C20 5.79 18.21 4 16 4H15V2H16C19.31 2 22 4.69 22 8V9H20V8Z",fill:"#161616"}),t("path",{d:"M4 16V15H2V16C2 19.31 4.69 22 8 22H9V20H8C5.79 20 4 18.21 4 16Z",fill:"#161616"}),t("path",{d:"M17 12C17 9.24 14.76 7 12 7C9.24 7 7 9.24 7 12C7 14.76 9.24 17 12 17C13.02 17 13.96 16.69 14.75 16.17L19.29 20.71L20.7 19.3L16.16 14.76C16.68 13.97 16.99 13.02 16.99 12.01L17 12ZM12 15C10.35 15 9 13.65 9 12C9 10.35 10.35 9 12 9C13.65 9 15 10.35 15 12C15 13.65 13.65 15 12 15Z",fill:"#161616"})),g=()=>t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true"},t("path",{d:"M4 8C4 5.79 5.79 4 8 4H9V2H8C4.69 2 2 4.69 2 8V9H4V8Z",fill:"#161616"}),t("path",{d:"M4 16V15H2V16C2 19.31 4.69 22 8 22H9V20H8C5.79 20 4 18.21 4 16Z",fill:"#161616"}),t("path",{d:"M20 16C20 18.21 18.21 20 16 20H15V22H16C19.31 22 22 19.31 22 16V15H20V16Z",fill:"#161616"}),t("path",{d:"M16 2H15V4H16C18.21 4 20 5.79 20 8V9H22V8C22 4.69 19.31 2 16 2Z",fill:"#161616"}),t("path",{d:"M17 12C17 9.24 14.76 7 12 7C9.24 7 7 9.24 7 12C7 14.76 9.24 17 12 17C14.76 17 17 14.76 17 12ZM12 15C10.35 15 9 13.65 9 12C9 10.35 10.35 9 12 9C13.65 9 15 10.35 15 12C15 13.65 13.65 15 12 15Z",fill:"#161616"})),m=class{constructor(t){i(this,t),this.vviinnWidgetLoad=s(this,"vviinnWidgetLoad"),this.vviinnWidgetOpen=s(this,"vviinnWidgetOpen"),this.vviinnWidgetClose=s(this,"vviinnWidgetClose"),this.vviinnImageUploadStarted=s(this,"vviinnImageUploadStarted"),this.vviinnProductLoad=s(this,"vviinnProductLoad"),this.vviinnProductClick=s(this,"vviinnProductClick"),this.vviinnProductView=s(this,"vviinnProductView"),this.vviinnResultLoad=s(this,"vviinnResultLoad"),this.vviinnResultView=s(this,"vviinnResultView"),this.vviinnNoResult=s(this,"vviinnNoResult"),this.vviinnImageCrop=s(this,"vviinnImageCrop"),this.vviinnSelectObject=s(this,"vviinnSelectObject"),this.globalSlotsChanged=s(this,"globalSlotsChanged"),this.campaignId="",this.campaignIdTextSearch="",this.campaignIdVisualSearch="",this.addStyle=!1,this.mode="modal",this.excluded="",this.productDetailsNewTab=!0,this.productDetailsRedirect=!0,this.imageResolutionWidth=d,this.showMultipleImages=!1,this.useDragAndDrop=!1,this.exampleImageSource=l,this.textSearchShow=!1,this.autoSuggestShow=!0,this.aiSuggestionsShow=!1,this.addToBasketShow=!1,this.favoriteShow=!1,this.oneClickDiscoveryMode="append-grid",this.oneClickDiscoveryCampaigns="",this.addPriceContainer=!1,this.showIntervalInputs=!1,this.cssUrl=null,this.showResultsInModal=!0,this.parentSlots=[],this.buttonPressed=!1,this.slots=[],this.hasCustomTrigger=!1,this.allSlots=()=>[...this.parentSlots,...this.slots],this.handleActivation=()=>{this.buttonPressed=!0},this.resetButton=()=>{this.buttonPressed=!1},this.handleKeyDown=t=>{"Enter"!==t.key&&" "!==t.key||this.handleActivation()}}handleModalClosed({detail:t}){"VPS"===t.campaignTypeId&&(this.buttonPressed=!1)}buttonPressedWatcher(t,i){!0===i&&!1===t&&requestAnimationFrame((()=>{this.el.focus()}))}async componentWillLoad(){await c(this.locale),this.slots=a(this.el),this.hasCustomTrigger=n(this.el)}componentDidLoad(){this.replaceSlotsContent()}replaceSlotsContent(t){this.globalSlotsChanged.emit({slots:this.allSlots(),element:this.el}),t&&this.globalSlotsChanged.emit({slots:this.allSlots(),element:t})}getButtonConfig(){switch(this.mode){case"camera":return{ariaLabel:C.t("a11y.cameraModeSearchButton"),buttonIcon:t(p,null)};case"modal":if(this.textSearchShow)return{ariaLabel:C.t("a11y.modalModeSearchButton"),buttonIcon:t(v,null)};default:return{ariaLabel:C.t("a11y.uploadModeSearchButton"),buttonIcon:t(g,null)}}}render(){const{ariaLabel:i,buttonIcon:s}=this.getButtonConfig();return t(h,{key:"2a466056b4da2d437d4c5f54f825d3da8a73bd20",role:this.buttonPressed?void 0:"button","aria-label":this.buttonPressed?void 0:i,exportparts:`vviinn-button, ${u}`},r(this.cssUrl),t("vviinn-button",{key:"b97d5c9e5f248234a3241435db2df851d4ffcfd6",addStyle:this.addStyle,part:"vviinn-button",tabindex:this.buttonPressed?void 0:"0",onClick:this.buttonPressed?void 0:this.handleActivation,onKeyDown:this.buttonPressed?void 0:this.handleKeyDown},t("span",{key:"4bb132b2dbd831978d1cbde3df3707c19795bccc",style:{display:this.hasCustomTrigger?"contents":"none"}},t("slot",{key:"2fd54456f699476252a669c957fb6227e39beadf",onSlotchange:()=>this.hasCustomTrigger=n(this.el)})),!this.hasCustomTrigger&&s),o("search"),t("vviinn-vps-widget",{key:"b70f8319dad29f6ed021e6298472008c3aab3a9f",mode:this.mode,"currency-sign":this.currencySign,token:this.token,locale:this.locale,numberLocale:this.numberLocale,apiPath:this.apiPath,pricePrefix:this.pricePrefix,campaignId:this.campaignId,campaignIdTextSearch:this.campaignIdTextSearch,campaignIdVisualSearch:this.campaignIdVisualSearch,showingInButton:!0,buttonPressed:this.buttonPressed,resetVpsButton:this.resetButton,buttonElementId:this.el.id,active:this.buttonPressed&&("modal"===this.mode||"camera"===this.mode),excluded:this.excluded,productDetailsNewTab:this.productDetailsNewTab,productDetailsRedirect:this.productDetailsRedirect,imageResolutionWidth:this.imageResolutionWidth,showMultipleImages:this.showMultipleImages,useDragAndDrop:this.useDragAndDrop,exampleImageSource:this.exampleImageSource,textSearchShow:this.textSearchShow,autoSuggestShow:this.autoSuggestShow,aiSuggestionsShow:this.aiSuggestionsShow,addToBasketShow:this.addToBasketShow,addPriceContainer:this.addPriceContainer,showIntervalInputs:this.showIntervalInputs,replaceSlotsContentInButton:this.replaceSlotsContent.bind(this),oneClickDiscoveryMode:this.oneClickDiscoveryMode,oneClickDiscoveryCampaigns:this.oneClickDiscoveryCampaigns,favoriteShow:this.favoriteShow,showResultsInModal:this.showResultsInModal,resultsPageUrl:this.resultsPageUrl,resultsPageParams:this.resultsPageParams,parentSlots:[...this.parentSlots,...this.slots],cssUrl:this.cssUrl}))}get el(){return e(this)}static get watchers(){return{buttonPressed:["buttonPressedWatcher"]}}};m.style=":host{display:inline-block;line-height:0}";export{m as vviinn_vps_button}

package/{dist/vviinn-widgets/p-048d6977.entry.js → www/build/p-5a528ed3.entry.js}

@@ -1,8 +1,8 @@
 /*!
- * vviinn-widgets v2.226.2
+ * vviinn-widgets v2.227.0
  * Copyright 2020 Mediaopt
  * SPDX-License-Identifier: Apache-2.0
- * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.2/LICENSE
- * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.226.2/NOTICE
+ * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.0/LICENSE
+ * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.0/NOTICE
  */
-import{h as e,r as t,H as o,c as i,g as r,F as a}from"./p-DHLFo5Q5.js";import{i as s}from"./p-BtLMHZyk.js";import{k as n,f as d,h as l,l as c,u as h,v as f}from"./p-B_iLMWJ_.js";import{s as p,a as b}from"./p-D1uvUHoD.js";import{S as g}from"./p-BCWco3TD.js";import{m as u,c as m,p as x,r as v,i as y}from"./p-DdkNrtrk.js";import{a as w,b as k,D as C,L as z,r as L}from"./p-cBtUrYGn.js";import{i as V}from"./p-DKPugXab.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"})),H=()=>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"})),B=()=>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"})),j=({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(H,{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(B,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 R=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"]}}};R.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 E=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"]}}};E.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 Z=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&&!V(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"]}}};Z.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 D=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},L(this.cssUrl),e("vviinn-button",{key:"3dbb30111e60d51feb77a2ac9cbeb669f11dd620",addStyle:this.addStyle,part:"vviinn-button"},e("slot",{key:"3dee5fa42088fb238db95b62b7a97aa6cff56b93"},e("VCS"===this.campaignType?T:j,{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"]}}};D.style=":host{display:inline-block}";export{A as vviinn_button,M as vviinn_error,R as vviinn_modal,E as vviinn_overlay,Z as vviinn_recommendations_sidebar,D 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-FhFmxhnG.js";import{i as n}from"./p-CFvXi0uP.js";import{k as s,f as d,h as l,l as c,u as h,v as f}from"./p-D4gGbVSQ.js";import{s as p,a as b}from"./p-DFKrbabt.js";import{S as g}from"./p-EQFA7gFB.js";import{m as u,c as m,p as x,r as v,i as y}from"./p-D5VwnX0v.js";import{a as w,b as k,D as C,L as z,r as L}from"./p-6OgrnZJP.js";import{i as V}from"./p-CLnNoPoc.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"})),j=()=>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"})),H=()=>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"})),B=({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"})),A=({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"})),T=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(j,{key:"ebf649e150c4e3e291038ac6299fab988bb7b586"}))))}};T.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 F={"empty-results":{i18nKey:"emptyResultsBlock"},"server-error":{i18nKey:"serverErrorBlock"},"wrong-aspect-ratio":{i18nKey:"wrongAspectRatioBlock"},"wrong-format":{i18nKey:"wrongFormatBlock"},"heic-not-supported":{i18nKey:"heicNotSupportedBlock"}},I=class{constructor(e){t(this,e),this.hasBackground=!0}getErrorContent(){if(!this.errorType)return null;const e=F[this.errorType],t="wrong-format"===this.errorType?{formats:s()}:void 0,o=`${e.i18nKey}.text`,i=`${e.i18nKey}.button`;return{title:n.t(`${e.i18nKey}.title`),text:n.exists(o)?n.t(o,t):null,buttonText:this.hasButton()?n.t(i):null}}hasButton(){return!!this.errorType&&(!!n.exists(`${F[this.errorType].i18nKey}.button`)&&!!this.handler)}render(){const t=this.getErrorContent(),i={"error-content":!0,"add-background":this.hasBackground},r=this.errorType?[e(H,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))}};I.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 M=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":n.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":n.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:n.t("a11y.uploadedImage")}):null,e("slot",{key:"81b817f993da5fb1ebb383b19a6c49f5fcb652b3",name:"vviinn-image-search-modal-title"},n.t("imageSearchModalTitle"))),e("button",{key:"7b8b0b319a4d173bd1f6cc3bb9642091e1d25920",onClick:()=>this.close(),onKeyDown:this.handleCloseButtonKeyDown,class:"close-button",part:"close-button","aria-label":n.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"]}}};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{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 E=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"]}}};E.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 R=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&&!V(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":n.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||n.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":n.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:n.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"]}}};R.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 n.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},L(this.cssUrl),e("vviinn-button",{key:"3dbb30111e60d51feb77a2ac9cbeb669f11dd620",addStyle:this.addStyle,part:"vviinn-button"},e("slot",{key:"3dee5fa42088fb238db95b62b7a97aa6cff56b93"},e("VCS"===this.campaignType?A:B,{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.imageResolutionWidth=this.imageResolutionWidth,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{T as vviinn_button,I as vviinn_error,M as vviinn_modal,E as vviinn_overlay,R as vviinn_recommendations_sidebar,Z as vviinn_vpr_button}

package/www/build/p-6OgrnZJP.js

@@ -0,0 +1,8 @@
+/*!
+ * vviinn-widgets v2.227.0
+ * Copyright 2020 Mediaopt
+ * SPDX-License-Identifier: Apache-2.0
+ * License: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.0/LICENSE
+ * Notice: https://cdn.jsdelivr.net/npm/vviinn-widgets@2.227.0/NOTICE
+ */
+import{h as s}from"./p-FhFmxhnG.js";const a=320,l=500,e=500,r=300,n=300,o=500,t=500,h=250,i=a=>(null==a?void 0:a.length)?s("link",{href:a,rel:"stylesheet"}):null;export{e as D,t as L,r as P,l as R,a as S,o as a,n as b,h as c,i as r}