vviinn-widgets 2.216.2 → 2.217.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{index-BM7VfZ_J.js → index-KB8ruJQe.js} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/resultsPageUrl-Cki7CFQz.js +45 -0
- package/dist/cjs/{search.store-DX5IRC4l.js → search.store-C82VhK1A.js} +13 -7
- package/dist/cjs/vviinn-button_6.cjs.entry.js +4 -4
- package/dist/cjs/vviinn-camera_12.cjs.entry.js +23 -21
- package/dist/cjs/vviinn-carousel_10.cjs.entry.js +15 -11
- package/dist/cjs/vviinn-shop-the-look.cjs.entry.js +2 -2
- package/dist/cjs/vviinn-text-search.cjs.entry.js +21 -15
- package/dist/cjs/vviinn-vps-button.cjs.entry.js +3 -3
- package/dist/cjs/vviinn-widgets.cjs.js +1 -1
- package/dist/collection/components/vviinn-carousel/vviinn-carousel.js +3 -5
- package/dist/collection/components/vviinn-results/stories/ResultsTemplate.js +3 -1
- package/dist/collection/components/vviinn-results/vviinn-results.js +24 -5
- package/dist/collection/components/vviinn-shop-the-look/vviinn-shop-the-look.js +1 -1
- package/dist/collection/components/vviinn-suggestions/render-helpers.js +4 -2
- package/dist/collection/components/vviinn-text-search/helpers/handleSuggestionsKeyDown.js +1 -1
- package/dist/collection/components/vviinn-text-search/helpers/renderSuggestions.js +5 -6
- package/dist/collection/components/vviinn-text-search/vviinn-text-search.js +34 -8
- package/dist/collection/components/vviinn-vpr-button/recommendations-sidebar/recommendations-sidebar.js +4 -4
- package/dist/collection/components/vviinn-vpr-widget/vviinn-vpr-widget.js +10 -4
- package/dist/collection/components/vviinn-vps-button/vviinn-vps-button.js +23 -4
- package/dist/collection/components/vviinn-vps-widget/vviinn-vps-widget.js +33 -14
- package/dist/collection/helpers/url/resultsPageUrl.js +24 -7
- package/dist/collection/helpers/url/resultsPageUrl.test.js +63 -1
- package/dist/collection/store/search.store.js +13 -6
- package/dist/esm/{index-CmCUlnFh.js → index-CMX-QEzm.js} +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/resultsPageUrl-DbOxfJSz.js +39 -0
- package/dist/esm/{search.store-B0ZhYtWV.js → search.store-Bof_HKxz.js} +13 -7
- package/dist/esm/vviinn-button_6.entry.js +4 -4
- package/dist/esm/vviinn-camera_12.entry.js +23 -21
- package/dist/esm/vviinn-carousel_10.entry.js +15 -11
- package/dist/esm/vviinn-shop-the-look.entry.js +2 -2
- package/dist/esm/vviinn-text-search.entry.js +21 -15
- package/dist/esm/vviinn-vps-button.entry.js +3 -3
- package/dist/esm/vviinn-widgets.js +1 -1
- package/dist/types/components/vviinn-filters/helpers/syncRequestFilters.d.ts +3 -1
- package/dist/types/components/vviinn-results/vviinn-results.d.ts +2 -0
- package/dist/types/components/vviinn-text-search/vviinn-text-search.d.ts +2 -0
- package/dist/types/components/vviinn-vps-button/vviinn-vps-button.d.ts +3 -1
- package/dist/types/components/vviinn-vps-widget/vviinn-vps-widget.d.ts +3 -1
- package/dist/types/components.d.ts +36 -4
- package/dist/types/helpers/url/resultsPageUrl.d.ts +9 -3
- package/dist/types/store/search.store.d.ts +8 -4
- package/{www/build/p-a3829a7f.entry.js → dist/vviinn-widgets/p-5ee404fb.entry.js} +1 -1
- package/{www/build/p-c64a4923.entry.js → dist/vviinn-widgets/p-756d201c.entry.js} +1 -1
- package/dist/vviinn-widgets/{p-1e7d7fc8.entry.js → p-97099d69.entry.js} +1 -1
- package/dist/vviinn-widgets/{p-DIMfQtwJ.js → p-DM6fTGU7.js} +1 -1
- package/dist/vviinn-widgets/p-DbOxfJSz.js +1 -0
- package/dist/vviinn-widgets/p-dcaf6f35.entry.js +1 -0
- package/dist/vviinn-widgets/p-e4c19fc9.entry.js +1 -0
- package/dist/vviinn-widgets/{p-B--7xBdV.js → p-elxMiKkD.js} +1 -1
- package/dist/vviinn-widgets/{p-df67781e.entry.js → p-fbbf34ba.entry.js} +1 -1
- package/dist/vviinn-widgets/vviinn-widgets.esm.js +1 -1
- package/package.json +1 -1
- package/{dist/vviinn-widgets/p-a3829a7f.entry.js → www/build/p-5ee404fb.entry.js} +1 -1
- package/{dist/vviinn-widgets/p-c64a4923.entry.js → www/build/p-756d201c.entry.js} +1 -1
- package/www/build/{p-1e7d7fc8.entry.js → p-97099d69.entry.js} +1 -1
- package/www/build/{p-DIMfQtwJ.js → p-DM6fTGU7.js} +1 -1
- package/www/build/p-DbOxfJSz.js +1 -0
- package/www/build/p-dcaf6f35.entry.js +1 -0
- package/www/build/p-e4c19fc9.entry.js +1 -0
- package/www/build/{p-B--7xBdV.js → p-elxMiKkD.js} +1 -1
- package/www/build/{p-df67781e.entry.js → p-fbbf34ba.entry.js} +1 -1
- package/www/build/{p-64d1f5a3.js → p-fff4758a.js} +1 -1
- package/www/build/vviinn-widgets.esm.js +1 -1
- package/www/index.html +1 -1
- package/dist/cjs/resultsPageUrl-BMlvrFCW.js +0 -27
- package/dist/esm/resultsPageUrl-niHq9WT6.js +0 -22
- package/dist/vviinn-widgets/p-137944e9.entry.js +0 -1
- package/dist/vviinn-widgets/p-2b96382d.entry.js +0 -1
- package/dist/vviinn-widgets/p-niHq9WT6.js +0 -1
- package/www/build/p-137944e9.entry.js +0 -1
- package/www/build/p-2b96382d.entry.js +0 -1
- package/www/build/p-niHq9WT6.js +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{h as t,r as e,c as i,H as r,g as o,F as s}from"./p-RkvPN2Rk.js";import{_ as n,E as a,f as l,b as c,a as d,e as h,m as p,O as f}from"./p-CrEgr0jU.js";import{w as g,c as u,x as b,v,h as m,j as x,m as w,u as y,y as k,g as C,d as S,z,k as T,A as $,B as I,p as j}from"./p-DIMfQtwJ.js";import{s as _,a as P,p as R,v as A,f as B,g as L,b as O,S as V}from"./p-DKHkeCw7.js";import{g as F,F as W,P as E,R as M,c as D,a as H,v as q,b as Z,d as N,e as U,f as X,h as Q,t as K,i as J,j as G,s as Y,k as tt,l as et,m as it,n as rt}from"./p-B--7xBdV.js";import{i as ot,t as st,a as nt,d as at}from"./p-BJxQCbNV.js";import{M as lt,S as ct,a as dt,C as ht,c as pt,g as ft,i as gt,D as ut}from"./p-Bc_yqCDQ.js";import{r as bt,o as vt}from"./p-CtSr754V.js";import{i as mt,d as xt,p as wt,l as yt,e as kt,f as Ct,g as St,h as zt,j as Tt,m as $t,b as It,k as jt,n as _t}from"./p-CPTOq59a.js";import{i as Pt,p as Rt,a as At}from"./p-niHq9WT6.js";import{R as Bt,b as Lt,S as Ot}from"./p-rqiiCPBX.js";import{D as Vt}from"./p-DOMXsA9W.js";const Ft=()=>t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},t("path",{d:"M12 17.5C13.25 17.5 14.3125 17.0625 15.1875 16.1875C16.0625 15.3125 16.5 14.25 16.5 13C16.5 11.75 16.0625 10.6875 15.1875 9.8125C14.3125 8.9375 13.25 8.5 12 8.5C10.75 8.5 9.6875 8.9375 8.8125 9.8125C7.9375 10.6875 7.5 11.75 7.5 13C7.5 14.25 7.9375 15.3125 8.8125 16.1875C9.6875 17.0625 10.75 17.5 12 17.5ZM12 15.5C11.3 15.5 10.7083 15.2583 10.225 14.775C9.74167 14.2917 9.5 13.7 9.5 13C9.5 12.3 9.74167 11.7083 10.225 11.225C10.7083 10.7417 11.3 10.5 12 10.5C12.7 10.5 13.2917 10.7417 13.775 11.225C14.2583 11.7083 14.5 12.3 14.5 13C14.5 13.7 14.2583 14.2917 13.775 14.775C13.2917 15.2583 12.7 15.5 12 15.5ZM4 21C3.45 21 2.97917 20.8042 2.5875 20.4125C2.19583 20.0208 2 19.55 2 19V7C2 6.45 2.19583 5.97917 2.5875 5.5875C2.97917 5.19583 3.45 5 4 5H7.15L8.4 3.65C8.58333 3.45 8.80417 3.29167 9.0625 3.175C9.32083 3.05833 9.59167 3 9.875 3H14.125C14.4083 3 14.6792 3.05833 14.9375 3.175C15.1958 3.29167 15.4167 3.45 15.6 3.65L16.85 5H20C20.55 5 21.0208 5.19583 21.4125 5.5875C21.8042 5.97917 22 6.45 22 7V19C22 19.55 21.8042 20.0208 21.4125 20.4125C21.0208 20.8042 20.55 21 20 21H4Z",fill:"currentColor"})),Wt=()=>t("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},t("path",{d:"M8.00001 17.3333C7.62223 17.3333 7.30556 17.2056 7.05001 16.95C6.79445 16.6944 6.66667 16.3778 6.66667 16C6.66667 15.6222 6.79445 15.3056 7.05001 15.05C7.30556 14.7944 7.62223 14.6667 8.00001 14.6667H24C24.3778 14.6667 24.6944 14.7944 24.95 15.05C25.2056 15.3056 25.3333 15.6222 25.3333 16C25.3333 16.3778 25.2056 16.6944 24.95 16.95C24.6944 17.2056 24.3778 17.3333 24 17.3333H8.00001Z",fill:"currentColor"})),Et=()=>t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"80",height:"80",viewBox:"0 0 80 80",fill:"none","aria-hidden":"true"},t("circle",{cx:"40",cy:"40",r:"36",fill:"white"}),t("circle",{cx:"40",cy:"40",r:"39",fill:"white","fill-opacity":"0.16",stroke:"white","stroke-width":"2"}),t("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M48 29.3333H50.6667C53.6133 29.3333 56 31.72 56 34.6667V45.3333H53.3333V34.6667C53.3333 33.2 52.1333 32 50.6667 32H46.5733L45.7867 30.8133L43.9067 28H36.0933L34.2133 30.8133L33.4267 32H29.3333C27.8667 32 26.6667 33.2 26.6667 34.6667V48C26.6667 49.4667 27.8667 50.6667 29.3333 50.6667H36V53.3333H29.3333C26.3867 53.3333 24 50.9467 24 48V34.6667C24 31.72 26.3867 29.3333 29.3333 29.3333H32L34.6667 25.3333H45.3333L48 29.3333ZM40 34.6667C43.68 34.6667 46.6667 37.6533 46.6667 41.3333L46.6533 41.3467C46.6533 42.6933 46.24 43.96 45.5467 45.0133L51.6 51.0667L49.72 52.9467L43.6667 46.8933C42.6133 47.5867 41.36 48 40 48C36.32 48 33.3333 45.0133 33.3333 41.3333C33.3333 37.6533 36.32 34.6667 40 34.6667ZM36 41.3333C36 43.5333 37.8 45.3333 40 45.3333C42.2 45.3333 44 43.5333 44 41.3333C44 39.1333 42.2 37.3333 40 37.3333C37.8 37.3333 36 39.1333 36 41.3333Z",fill:"#161616"})),Mt=()=>t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},t("path",{d:"M4.5 21C4.1 21 3.75 20.85 3.45 20.55C3.15 20.25 3 19.9 3 19.5V4.5C3 4.1 3.15 3.75 3.45 3.45C3.75 3.15 4.1 3 4.5 3H19.5C19.9 3 20.25 3.15 20.55 3.45C20.85 3.75 21 4.1 21 4.5V19.5C21 19.9 20.85 20.25 20.55 20.55C20.25 20.85 19.9 21 19.5 21H4.5ZM6.65 17.075H17.375C17.525 17.075 17.6333 17.0083 17.7 16.875C17.7667 16.7417 17.7583 16.6083 17.675 16.475L14.75 12.575C14.6667 12.475 14.5667 12.425 14.45 12.425C14.3333 12.425 14.2333 12.475 14.15 12.575L11.15 16.45L9.125 13.675C9.04167 13.575 8.94167 13.525 8.825 13.525C8.70833 13.525 8.60833 13.575 8.525 13.675L6.375 16.475C6.275 16.6083 6.25833 16.7417 6.325 16.875C6.39167 17.0083 6.5 17.075 6.65 17.075Z",fill:"currentColor"})),Dt=({className:e})=>t("svg",{width:"34",height:"34",viewBox:"0 0 34 34",fill:"none",xmlns:"http://www.w3.org/2000/svg",class:e},t("path",{d:"M31 3H15C8.37258 3 3 8.37258 3 15V31",stroke:"white","stroke-width":"6","stroke-linecap":"square"})),Ht=()=>t("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},t("svg",{width:"25",height:"24",viewBox:"0 0 25 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M5.5 3C4.39543 3 3.5 3.89543 3.5 5V19C3.5 20.1046 4.39543 21 5.5 21H19.5C20.6046 21 21.5 20.1046 21.5 19V5C21.5 3.89543 20.6046 3 19.5 3H5.5ZM8.5 9C8.5 8.44772 8.94772 8 9.5 8H15.5C16.0523 8 16.5 8.44772 16.5 9C16.5 9.55228 16.0523 10 15.5 10H13.5V15C13.5 15.5523 13.0523 16 12.5 16C11.9477 16 11.5 15.5523 11.5 15V10H9.5C8.94772 10 8.5 9.55228 8.5 9Z",fill:"white"}))),qt=({buttonType:e,label:i,onClick:r,imageSrc:o,hidden:s})=>{const n=!!r,a=n&&i?F(i):i?void 0:e;return t("li",{part:"filters-sub-row",class:{hidden:s}},t("button",Object.assign({onClick:r,class:"filters-more-modal-button custom active "+(n?"clickable":""),part:"filters-option-button"},a&&{"aria-label":a},{type:"button",disabled:!n&&!i}),("image"===e||"crop"===e)&&!!(null==o?void 0:o.length)&&t("img",{part:"filters-option-image",width:"24",height:"24",src:o,alt:"","aria-hidden":"true"}),"text"===e&&t(Ht,null),t("span",{part:"filters-option-text"},"image"===e&&t("slot",{name:"vviinn-image-filter-text"},i),"crop"===e&&t("slot",{name:"vviinn-crop-filter-text"},i),("text"===e||"range"===e)&&i),n&&t(W,null)))},Zt=(t,e)=>{(null==t?void 0:t.length)&&(localStorage.setItem("vviinnCropperImageSrc",t),localStorage.setItem("vviinnDetectedObjects",JSON.stringify(e)))},Nt=()=>{const t=localStorage.getItem("vviinnCropperImageSrc"),e=localStorage.getItem("vviinnDetectedObjects");return{imageSrc:t,detectedObjects:JSON.parse(e)}},Ut=()=>{localStorage.removeItem("vviinnCropperImageSrc"),localStorage.removeItem("vviinnDetectedObjects")},Xt=class{constructor(t){e(this,t),this.vviinnImageUploadStarted=i(this,"vviinnImageUploadStarted"),this.vviinnNoResult=i(this,"vviinnNoResult"),this.vviinnImageUploadFinished=i(this,"vviinnImageUploadFinished"),this.vviinnCameraEnabled=i(this,"vviinnCameraEnabled"),this.width=0,this.height=0,this.cameraButtonClicked=!1,this.selected=!1,this.videoInitialized=!1,this.zoomCapabilities=null,this.videoTrack=null,this.initializeZoom=async()=>{var t;if(!this.videoTrack)return;const e=(null===(t=this.videoTrack)||void 0===t?void 0:t.getCapabilities)?this.videoTrack.getCapabilities():{};"zoom"in e&&(this.zoomCapabilities=e.zoom,await this.videoTrack.applyConstraints({advanced:[{zoom:this.zoomCapabilities.min}]}))},this.onZoom=async t=>{var e;if(!this.videoTrack||!this.zoomCapabilities)return;const{max:i,min:r}=this.zoomCapabilities,o=null!==(e=this.videoTrack.getSettings().zoom)&&void 0!==e?e:r,s=Math.round((i-r)/5*10)/10;let n;n="in"===t?o+s:o-s,n="in"===t&&o<1?1:n,n<r&&(n=r),n>i&&(n=i),await this.videoTrack.applyConstraints({advanced:[{zoom:n}]})}}async componentWillLoad(){_(this,this.el)}componentDidLoad(){this.videoElement=this.el.shadowRoot.getElementById("camera-preview")}createPlaceholderImageCanvas(){const t=this.el.shadowRoot.getElementById("captured-image-placeholder"),e=this.videoElement,{videoWidth:i,videoHeight:r}=e,o=document.createElement("canvas");o.width=i,o.height=r,o.getContext("2d").drawImage(e,0,0,o.width,o.height);const s=o.toDataURL("image/jpeg");t.src=s}async selectImage(){if(!this.srcObject)return;let t;this.vviinnImageUploadStarted.emit(this.basicEventData);const e=this.el.shadowRoot.getElementById("photo-frame"),i=this.videoElement,r=e.getBoundingClientRect(),o=i.getBoundingClientRect(),{videoWidth:s,videoHeight:l}=i,c=document.createElement("canvas");this.selected=!0,this.videoElement.pause(),this.createPlaceholderImageCanvas();const d=s/o.width,h=l/o.height,p=Math.min(r.width*d,r.height*h);c.width=p,c.height=p;const f=(r.left-o.left+(r.width-p/d)/2)*d,b=(r.top-o.top+(r.height-p/h)/2)*h;c.getContext("2d").drawImage(i,f,b,p,p,0,0,c.width,c.height);const v=c.toDataURL("image/jpeg");t=await g(v),n.pipe(await u(this.storeName,this.token,this.apiPath)(t),a.match((()=>{this.vviinnNoResult.emit(this.basicEventData)}),(t=>{var e;this.showInWidget||Zt(null===(e=this.state.image)||void 0===e?void 0:e.src,this.state.detectedObjects),this.vviinnImageUploadFinished.emit({searchId:t.requestId,isTriggeredByVpsWidget:"widget"===this.storeName})}))),this.selected=!1,this.videoInitialized=!1,this.vviinnCameraEnabled.emit(!1)}handleKeyPress({key:t}){"Enter"!==t&&" "!==t||this.selectImage()}handleSrcObjectChange(){this.srcObject?(this.videoElement.srcObject=this.srcObject,this.videoTrack=this.srcObject.getVideoTracks()[0],this.initializeZoom(),this.videoElement.onloadedmetadata=()=>{this.vviinnCameraEnabled.emit(!0),this.videoInitialized=!0}):this.videoInitialized=!1}render(){return t(r,{key:"8d38b46c42effd104d42cf207e3540e724c33bda",onKeyUp:t=>this.handleKeyPress(t),class:{"video-expanded":this.cameraButtonClicked}},t("video",{key:"8f1402f859e78f62c2a52c5aeb24e32277156618",id:"camera-preview",class:{hidden:!this.videoInitialized||this.selected},autoplay:!0,playsinline:!0,muted:!0}),t("img",{key:"8e3c97cefc87be19b9cedbb27ae42a83f3ea1553",src:this.exampleImageSource,alt:ot.t("a11y.cameraExampleImage"),width:this.width,height:this.height,class:{hidden:this.videoInitialized||this.selected}}),t("img",{key:"0b4e904612009c5c9a971049db3305b6af556813",id:"captured-image-placeholder",alt:ot.t("a11y.capturedImage"),class:{hidden:!this.selected}}),t("div",{key:"6c890bcdb8d4f9a0700644d797ffbf2a83e0286e",class:{container:!0,hidden:!this.videoInitialized}},t("div",{key:"15efdb714c09f4b089b6a6996766dd3d40ce92a6",class:"photo-frame-container"},t("div",{key:"0d0ac5e5e72025923fad86272159781f384e84b0",id:"photo-frame"},t(Dt,{key:"a66e2503b6e1bb8a59e09720b6fba0a3edd472a1",className:"photo-frame-corner top-left"}),t(Dt,{key:"ee2bd8d533bbb1d0853c75cc58b318d92dae99cd",className:"photo-frame-corner top-right"}),t(Dt,{key:"d557fbe6d06bfe2cb6667939150ad289289ba2a7",className:"photo-frame-corner bottom-left"}),t(Dt,{key:"779195f468ff7546bb6a34b23f4ff4e546caf77a",className:"photo-frame-corner bottom-right"})),t("div",{key:"79de5a2d195eac365f1822d868646c978c01f1c6",class:{"zoom-buttons":!0,hidden:!this.zoomCapabilities}},t("button",{key:"4b7172d3a4845917fcc517a7dc7be47779dce6de","aria-label":ot.t("a11y.zoomOut"),onClick:()=>this.onZoom("out")},t(Wt,{key:"afd2782b0bf0c635698201aae081fe4d1dc90fba"})),t("button",{key:"25bc101b8797ba5816de5ed6becc07aeba47226d","aria-label":ot.t("a11y.zoomIn"),onClick:()=>this.onZoom("in")},t(E,{key:"ab3c861c1b30f3f32550147e8e60c980fcfd8e1b"})))),t("div",{key:"91d05947eb6da549114c2a74e86bce7acccc4186",class:"photo-button-container"},t("button",{key:"a9c6d0a259516e03ea8d211b4ee369034e56a171",class:"photo-button","aria-label":ot.t("a11y.takePicture"),onClick:()=>this.selectImage()},t(Et,{key:"103e9967c7fc6ee839292424452c40557f030ad0"})))))}get el(){return o(this)}static get watchers(){return{srcObject:["handleSrcObjectChange"]}}};Xt.style=":host{display:block;width:100%;height:100%;min-height:0;position:relative;overflow:hidden;flex-grow:1;transition:min-height 1s}:host(.video-expanded){min-height:100%;transition:min-height 0.8s}img{width:100%;height:100%;min-height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}#camera-preview{width:100%;min-height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:relative}#captured-image-placeholder{height:auto}.container{position:absolute;width:100%;height:100%;left:0;top:0;display:flex;flex-direction:column;gap:12px;padding:68px 0 48px;justify-content:space-around;align-content:center;box-sizing:border-box}.photo-frame-container{width:100%;height:100%;display:flex;flex-direction:column;gap:12px}#photo-frame{position:relative;aspect-ratio:1/1;border-radius:16px;box-shadow:0 0 0 100vmax rgba(0, 0, 0, 0.32);width:100%;height:auto;max-width:80%;margin:0 auto}@media (max-width: 960px){.photo-frame-container{width:auto;height:auto}}@media (max-width: 380px){#photo-frame{max-width:70%}}.photo-frame-corner{position:absolute;--delta:-3px}.photo-frame-corner.top-left{top:var(--delta);left:var(--delta)}.photo-frame-corner.top-right{top:var(--delta);right:var(--delta);transform:rotate(90deg)}.photo-frame-corner.bottom-left{bottom:var(--delta);left:var(--delta);transform:rotate(-90deg)}.photo-frame-corner.bottom-right{bottom:var(--delta);right:var(--delta);transform:rotate(180deg)}.photo-button-container{display:flex;width:100%;align-items:center;justify-self:flex-end}.photo-button{cursor:pointer;border:none;position:relative;z-index:1;padding:0;color:#6f6f6f;background-color:transparent;-webkit-tap-highlight-color:transparent;line-height:0;margin:0 auto}.zoom-buttons{display:flex;position:relative;justify-content:center;gap:12px}.zoom-buttons button{color:white;display:flex;width:48px;height:48px;justify-content:center;align-items:center;border-radius:var(--border-radius-100, 8px);background-color:rgba(0, 0, 0, 0.48);border:none;cursor:pointer}.hidden{display:none}";const Qt=class{constructor(t){e(this,t),this.vviinnImageCrop=i(this,"vviinnImageCrop"),this.vviinnCropperLoadImage=i(this,"vviinnCropperLoadImage"),this.vviinnCropperCropEnd=i(this,"vviinnCropperCropEnd"),this.vviinnNoResult=i(this,"vviinnNoResult"),this.vviinnCropperAspectRatioError=i(this,"vviinnCropperAspectRatioError"),this.vviinnCropperResetState=i(this,"vviinnCropperResetState"),this.vviinnResetCropArea=i(this,"vviinnResetCropArea"),this.vviinnSelectedFiltersReset=i(this,"vviinnSelectedFiltersReset"),this.saveImageMode="once",this.autoSearch=!0,this.width=288,this.cssUrl=null,this.showInWidget=!1,this.cropper=null,this.selectedDetectedObject=null,this.initPreloadedImage=()=>{var t;if(this.showInWidget&&this.state.image){const[t,e]=b(this.state.image,ut);this.width=t,this.height=e}if("never"===this.saveImageMode)return;this.state.image=null;const{imageSrc:e,detectedObjects:i}=Nt();if(!e)return;const r=document.createElement("img");r.src=e,this.state.image=r,0===(null===(t=this.state.detectedObjects)||void 0===t?void 0:t.length)&&(this.state.detectedObjects=i),"once"===this.saveImageMode&&Ut()},this.resetStateHandler=({detail:t})=>{var e,i;this.skipStateChanges(t.isTriggeredByVpsWidget)||(this.selectedDetectedObject=null,null===(e=this.state.image)||void 0===e||e.setAttribute("src",""),this.state.detectedObjects=[],this.state.image=null,null===(i=this.cropper)||void 0===i||i.destroy(),Ut())},this.resetCropAreaHandler=({detail:t})=>{var e;this.skipStateChanges(t.isTriggeredByVpsWidget)||(null===(e=this.cropper)||void 0===e||e.reset(),this.state.searchArea=null,this.state.croppedImageUrl=null,this.selectedDetectedObject=null,this.vviinnImageCrop.emit({isTriggeredByVpsWidget:this.showInWidget}),this.triggerVisualSearch())},this.skipStateChanges=t=>this.showInWidget!==t,this.getBasicEventData=()=>this.showInWidget&&this.basicEventData?this.basicEventData:Object.assign({campaignTypeId:"VPS",campaignTypeName:m.VPS,widgetVersion:v},x("widgetId",this.el.id)),this.triggerVisualSearch=async()=>{n.pipe(await w(this.storeName,null,this.token,this.apiPath),l((()=>{this.vviinnNoResult.emit(this.getBasicEventData())}),(()=>{})))},this.imageUploadFinishedHandler=({detail:t})=>{var e;this.skipStateChanges(t.isTriggeredByVpsWidget)||("never"===this.saveImageMode&&Ut(),this.cropper&&(null===(e=this.state.image)||void 0===e?void 0:e.src)&&this.cropper.replace(this.state.image.src))},this.loadImage=()=>{const t=this.el.shadowRoot.querySelector("img");if(this.state.image){let e={};this.cropper&&(e=this.cropper.getData(!0),this.cropper.destroy());const i=c(t),{width:r,height:o}=i;if(this.vviinnCropperLoadImage.emit({imageBounds:i}),this.state.imageBounds=i,r/o<ct||o/r<ct)return void this.vviinnCropperAspectRatioError.emit(!0);if(r<dt||o<dt)return;this.cropper=new ht(t,Object.assign(Object.assign({},pt),{cropstart:this.cropStart,cropend:this.cropEnd,ready:()=>this.cropper.reset(),data:e}))}},this.cropStart=()=>{this.startEndCropBoxData=ft(this.cropper)},this.cropEnd=()=>{const t=ft(this.cropper);if(gt(this.startEndCropBoxData,t))return;if(!this.state.imageBounds)return;const e=d(this.state.imageBounds)(t);this.vviinnCropperCropEnd.emit(Object.assign({searchArea:t,normalizedSearchArea:e,imageBounds:this.state.imageBounds},this.state.visualSearchId&&{requestId:this.state.visualSearchId})),this.state.searchArea=t,this.selectedDetectedObject=null,this.vviinnImageCrop.emit({isTriggeredByVpsWidget:this.showInWidget}),this.autoSearch&&this.triggerVisualSearch()},this.showPreloader=()=>"loading"===this.state.searchStatus&&"image"===this.state.searchType&&!!this.state.image&&!this.showAspectRatioError}connectedCallback(){const{state:t,storeName:e}=y(this.showInWidget);this.state=t,this.storeName=e,this.initPreloadedImage(),this.eventAbortController=new AbortController;const{signal:i}=this.eventAbortController;P(document,[["vviinnImageUploadFinished",this.imageUploadFinishedHandler],["vviinnCropperResetState",this.resetStateHandler],["vviinnResetCropArea",this.resetCropAreaHandler]],i)}disconnectedCallback(){var t,e,i;null===(t=this.eventAbortController)||void 0===t||t.abort(),null===(i=null===(e=this.cropper)||void 0===e?void 0:e.destroy)||void 0===i||i.call(e),this.state.image=null}selectDetectedObject({detail:t}){this.selectedDetectedObject=t.detectedObject,this.state.searchArea=t.searchArea;const{top:e,left:i,width:r,height:o}=t.detectedObject;if(this.cropper){const{width:t,height:s}=this.cropper.getImageData();this.cropper.setCropBoxData((t=>{const{width:e,height:i,left:r,top:o}=t,s=lt;let n={width:e,height:i,left:r,top:o};return e<s&&(n.width=s,n.left=r-(s-e)/2),i<s&&(n.height=s,n.top=o-(s-i)/2),n})({left:i*t,top:e*s,width:r*t,height:o*s})),this.vviinnImageCrop.emit({isTriggeredByVpsWidget:this.showInWidget})}this.triggerVisualSearch()}imageCropHandler({detail:t}){var e,i,r,o;this.skipStateChanges(t.isTriggeredByVpsWidget)||(this.cropper&&(this.state.croppedImageUrl=null===(o=null===(i=(e=this.cropper).getCroppedCanvas)||void 0===i?void 0:(r=i.call(e)).toDataURL)||void 0===o?void 0:o.call(r)),this.vviinnSelectedFiltersReset.emit({isTriggeredByVpsWidget:this.showInWidget}))}render(){var e;return t(r,{key:"ae2656d0782e723ffe5c8ba9ad6074db55e219c0",class:{"show-in-widget":this.showInWidget,active:!!this.state.image}},bt(this.cssUrl),t("div",{key:"0c547762649ddc68aa2755681c6637ec1556b315",class:"container"},this.state.image&&t("div",{key:"811e79aaf4ee1144c8c6ce0017300ba9aeda8803",class:"image-container",style:{width:`${this.width.toString()}px`,overflow:"hidden"}},t("img",{key:"458474fa006a1397daa335fb9ee50477ab0e62ce",decoding:"async",width:this.width,height:this.height,src:this.state.image.src,draggable:!1,onLoad:this.loadImage,alt:ot.t("a11y.cropperImage")}),null===(e=this.state.detectedObjects)||void 0===e?void 0:e.map((e=>t("vviinn-detected-object",{detectedObject:e,selectedDetectedObject:this.selectedDetectedObject,basicEventData:this.basicEventData,imageBounds:this.state.imageBounds,showInWidget:this.showInWidget})))),this.showPreloader()&&t("div",{key:"d002cf170858ae7e5a46ca0f36bc64a425990119",class:"image-preloader"},t("vviinn-preloader",{key:"2867876e7f492364528636d4b77dc4c7f80bee71"}))))}get el(){return o(this)}};Qt.style=".cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cropper-container img{backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none !important;max-width:none !important;min-height:0 !important;min-width:0 !important;width:100%}.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-wrap-box,.cropper-canvas{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:0.4}.cropper-view-box{display:block;height:100%;overflow:hidden;width:100%;border-radius:5px}.cropper-face,.cropper-point{display:block;height:100%;opacity:0.1;position:absolute;width:100%}.cropper-face{left:0;top:0;border-radius:5px}.cropper-point{--cropper-point-width:44px;height:var(--cropper-point-width);width:var(--cropper-point-width);opacity:1}.point-e,.point-s,.point-w,.point-n{display:none}.point-ne,.point-nw,.point-sw,.point-se{--delta:-9px}.point-ne{cursor:nesw-resize;right:var(--delta);top:var(--delta)}.point-nw{cursor:nwse-resize;left:var(--delta);top:var(--delta)}.point-sw{cursor:nesw-resize;bottom:var(--delta);left:var(--delta)}.point-se{cursor:nwse-resize;bottom:var(--delta);right:var(--delta)}.cropper-point::before{position:absolute;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38' fill='none'%3E%3Cpath d='M3 35H23C29.6274 35 35 29.6274 35 23V3' stroke='white' stroke-width='6' stroke-linecap='square'/%3E%3C/svg%3E\");display:block;pointer-events:none}.point-ne::before{transform:rotate(-90deg);left:0px;top:6px}.point-nw::before{transform:rotate(180deg);left:6px;top:6px}.point-sw::before{transform:rotate(90deg);left:6px;top:0px}.point-se::before{left:0px;top:0px}.cropper-invisible{opacity:0}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none !important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}:host{display:flex;justify-content:center;background-color:rgba(0, 0, 0, 0.32)}:host(.show-in-widget){min-height:160px}:host(.bordered){background-color:transparent;border:1px solid #eaeaea}@media (max-width: 768px){:host{min-height:unset}:host(.bordered){border:none;margin-top:48px}}.container{max-width:100%;height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.image-preloader{background:rgba(0, 0, 0, 0.25);border-radius:4px;bottom:18px;right:18px;padding:4px;pointer-events:none;color:white;position:absolute;z-index:4}vviinn-preloader{--preloader-size:12px}.image-container{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.image-container>img{display:block;max-width:100%}";const Kt=class{constructor(t){e(this,t),this.vviinnImageUploadStarted=i(this,"vviinnImageUploadStarted"),this.vviinnNoResult=i(this,"vviinnNoResult"),this.vviinnImageUploadFinished=i(this,"vviinnImageUploadFinished"),this.loading=!1}async handleInputChange(t){var e;const i=t.target,r=null===(e=i.files)||void 0===e?void 0:e[0];if(!r)return;const o=k(r);if(h(o))return this.vviinnNoResult.emit(Object.assign(Object.assign({},this.basicEventData),{reason:o.left.kind,errorMessage:o.left.inner,errorCode:o.left.code})),void(i.value="");this.vviinnImageUploadStarted.emit(Object.assign(Object.assign({},this.basicEventData),{isTriggeredByVpsWidget:"widget"===this.storeName}));const s=await u(this.storeName,this.token,this.apiPath)(r);n.pipe(s,p((({kind:t,code:e})=>{this.vviinnNoResult.emit(Object.assign(Object.assign({},this.basicEventData),{reason:t,errorCode:e}))}),(t=>{var e;this.showInWidget||Zt(null===(e=this.state.image)||void 0===e?void 0:e.src,this.state.detectedObjects),this.vviinnImageUploadFinished.emit({searchId:t.requestId,isTriggeredByVpsWidget:"widget"===this.storeName})}))),i.value=""}startUploadWatcher(t){t&&(this.fileInput.click(),this.resetVpsButton())}render(){return t(r,{key:"8b5391a9be30260571a08494f069bab7eeceb183",exportparts:"button"},this.loading?t("vviinn-preloader",null):t("label",{htmlFor:"fileInput",part:"button",tabindex:"0",onKeyDown:t=>{var e;"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),null===(e=this.fileInput)||void 0===e||e.click())}},t("slot",{name:"upload-button-text"},"Upload image")),t("input",{key:"7e21fce692bf7a41c274eec5a9cd198cbed023eb",id:"fileInput",class:"visually-hidden",type:"file",tabindex:"-1",accept:C(),onChange:t=>this.handleInputChange(t),ref:t=>this.fileInput=t}))}static get watchers(){return{startUpload:["startUploadWatcher"]}}};Kt.style=".visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}label{cursor:pointer;display:grid;width:100%;height:100%;transition:background 0.1s ease-in-out}";const Jt=class{constructor(t){e(this,t),this.vviinnWidgetClose=i(this,"vviinnWidgetClose"),this.active=!1,this.hideBackButton=!1}render(){return t(r,{key:"7f7b0ee43cb77127b47a0ba3be067662aa6a9e9b"},t("vviinn-overlay",{key:"3a0da726703e5930b97b111b4039492156db8aff",active:this.active},t("vviinn-modal",{key:"c88334ba9d6c975a3fb93a002878284a102f2fcf",resetState:this.resetState,active:this.active,buttonElementId:this.buttonElementId,hideBackButton:this.hideBackButton,widgetVersion:this.widgetVersion,isFirstScreen:this.isFirstScreen},t("slot",{key:"76a94f8c3591bf1a3e9a5f537196657c1c00b8e7"},"CONTENT"))))}};Jt.style=":host{display:block}";const Gt=class{constructor(t){e(this,t)}componentWillLoad(){_(this,this.el)}componentDidLoad(){var t;const e=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector('a[href*="vviinn.com"]');e&&(e.setAttribute("aria-label",ot.t("a11y.vviinnLink")),e.addEventListener("keydown",(t=>{"Enter"===t.key&&(t.preventDefault(),e.click())})))}render(){return t(r,{key:"3be7fae8e35376e72e1e780b89cc6b63a19a403f"},t("slot",{key:"00ad4c7ce9fe26d3b7eafcde87953e1add9dd4a6",name:"vviinn-privacy-badge-text"},t("div",{key:"cc4eab27483574b5922eea7a24336aeeba229cf5",innerHTML:this.privacyBadgeText})))}get el(){return o(this)}};Gt.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{color:#525252;font-size:12px;font-family:var(--font-family, var(--font-family-base));line-height:16px;text-align:center;margin-top:24px}:host a{color:inherit;text-decoration:underline}:host(.invisible){color:transparent}@media (max-width: 768px){:host(.invisible){display:none}}";const Yt=["append-grid","append-slider","modal","unset"];var te=function(t,e){var i={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(i[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(t);o<r.length;o++)e.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(t,r[o])&&(i[r[o]]=t[r[o]])}return i};const ee=class{constructor(r){e(this,r),this.vviinnProductLoad=i(this,"vviinnProductLoad"),this.vviinnProductView=i(this,"vviinnProductView"),this.vviinnProductClick=i(this,"vviinnProductClick"),this.vviinnResultLoad=i(this,"vviinnResultLoad"),this.vviinnResultView=i(this,"vviinnResultView"),this.vviinnTextSearchStarted=i(this,"vviinnTextSearchStarted"),this.vviinnFiltersChanged=i(this,"vviinnFiltersChanged"),this.vviinnCropperResetState=i(this,"vviinnCropperResetState"),this.vviinnNoResult=i(this,"vviinnNoResult"),this.globalSlotsChanged=i(this,"globalSlotsChanged"),this.vviinnSelectedFiltersReset=i(this,"vviinnSelectedFiltersReset"),this.campaignIdTextSearch="",this.campaignIdVisualSearch="",this.imageResolutionWidth=Bt,this.showMultipleImages=!1,this.productDetailsNewTab=!1,this.productDetailsRedirect=!0,this.addToBasketShow=!1,this.favoriteShow=!1,this.filterColumn="product_type",this.addPriceContainer=!1,this.oneClickDiscoveryMode="append-grid",this.oneClickDiscoveryCampaigns="",this.cssUrl=null,this.showInWidget=!1,this.parentSlots=[],this.useInnerState=!1,this.innerResults=[],this.passedSlotNames=[],this.slots=[],this.resizeObserver=new ResizeObserver((()=>{this.calculateColumns(),this.calculateCardHeight()})),this.initResultEvents=()=>{this.state.resultLoaded=!1,this.state.resultViewed=!1},this.updateCampaignIds=()=>{this.state.campaignIdTextSearch=this.campaignIdTextSearch,this.state.campaignIdVisualSearch=this.campaignIdVisualSearch},this.calculateColumns=()=>{var t;const e=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector(".products");if(!e)return 0;const i=Array.from(e.querySelectorAll("vviinn-product-card"));if(0===i.length)return 0;const r=i[0].offsetTop,o=i.filter((t=>t.offsetTop===r)).length;this.el.style.setProperty(M,o.toString())},this.calculateCardHeight=()=>{const t=this.el.shadowRoot.querySelector("vviinn-product-card");if(t){const e=t.getBoundingClientRect().height;this.el.style.setProperty("--product-card-calculated-height",`${e}px`)}},this.isSlotPassedToComponent=t=>this.passedSlotNames.includes(t),this.renderProductCardSlots=()=>R.filter(this.isSlotPassedToComponent).map((e=>t("span",{slot:e},t("slot",{name:e})))),this.renderVprIconSlot=()=>this.isSlotPassedToComponent(A)?t("slot",{name:A}):null,this.resetDiscoveryAppendIndexes=()=>{this.oneClickDiscoveryAppendIndex=void 0,this.oneClickDiscoverySelectedIndex=void 0},this.getCampaignType=()=>"text"===this.state.searchType?"TPS":"VPS",this.isTextSearch=()=>"text"===this.state.searchType,this.skipStateChanges=t=>this.showInWidget!==t,this.textSearchStartedHandler=async({detail:t})=>{const{isTriggeredByVpsWidget:e}=t;if(this.skipStateChanges(e))return;if(!t.query)return;S(this.storeName,t.query);const i=this.getBasicEventData("TPS"),r=te(i,["campaignTypeId"]),o=D("TPS")(Object.assign({action:"search",session_id:this.uiSessionId},r));st(o,this.token,this.apiPath),this.getTextSearchResults()},this.filtersChangedHandler=async({detail:t})=>{const{filters:e,isTriggeredByVpsWidget:i}=t;this.skipStateChanges(i)||(this.filterColumn&&this.filterValue?this.getResultsByCategory(e):(this.state.requestFilters=e,this.isTextSearch()?this.getTextSearchResults(this.state.textSearchId):this.getVisualSearchResults()))},this.filterTriggeredHandler=({detail:t})=>{if(this.skipStateChanges(t.isTriggeredByVpsWidget))return;const{action:e,kind:i,customTrigger:r}=t,o=this.getBasicEventData(r),s=te(o,["campaignTypeId"]);if("select"!==e&&"deselect"!==e&&"reset"!==e||this.initResultEvents(),"TPS"===r)return;const n=Object.assign({session_id:this.uiSessionId,typ:"filter_event",action:e,kind:i},s),a=H(this.getCampaignType())(n);st(a,this.token,this.apiPath)},this.imageUploadStartedHandler=({detail:t})=>{this.skipStateChanges(t.isTriggeredByVpsWidget)||(this.vviinnSelectedFiltersReset.emit({isTriggeredByVpsWidget:this.showInWidget}),z(this.storeName,"appStateOnly"),this.updateCampaignIds())},this.imageCropHandler=({detail:t})=>{this.skipStateChanges(t.isTriggeredByVpsWidget)||(this.vviinnSelectedFiltersReset.emit({isTriggeredByVpsWidget:this.showInWidget}),this.state.requestFilters=[])},this.oneClickDiscoveryAppendClosedHandler=({detail:t})=>{this.skipStateChanges(t.isTriggeredByVpsWidget)||this.resetDiscoveryAppendIndexes()},this.getBasicEventData=t=>{const e=this.isTextSearch()||"TPS"===t?"TPS":"VPS";return Object.assign({campaignTypeId:e,campaignTypeName:m[e],widgetVersion:v,widget:e},x("widgetId",this.widgetElementId))}}getResults(){var t;return null!==(t=this.useInnerState?this.innerResults:this.state.results)&&void 0!==t?t:[]}replaceSlotsContent(){this.globalSlotsChanged.emit({slots:this.slots,element:this.el})}createTrackingEventBody(t){const{productRank:e,productId:i}=t,r=te(t,["productRank","productId","campaignTypeId","clickEvent"]);return Object.assign({session_id:this.uiSessionId,rank:e,product:i},r)}async componentWillLoad(){_(this,this.el),this.slots=B(this.el),this.passedSlotNames=L([...this.parentSlots,...this.slots]),this.showInWidget||await mt(this.locale)}componentDidRender(){this.replaceSlotsContentInButton?this.replaceSlotsContentInButton(this.el):this.showInWidget?this.replaceSlotsContentInWidget(this.el):this.replaceSlotsContent()}componentDidLoad(){this.resizeObserver.observe(this.el),this.calculateColumns(),this.calculateCardHeight()}async getTextSearchResults(t){if(!this.state.textSearchQuery)return;const e=this.state.textSearchQuery;return(null==t?void 0:t.length)||(z(this.storeName,"appStateOnly"),this.updateCampaignIds(),this.vviinnCropperResetState.emit({isTriggeredByVpsWidget:this.showInWidget}),this.vviinnSelectedFiltersReset.emit({isTriggeredByVpsWidget:this.showInWidget})),n.pipe(await T(this.storeName,e,this.token,this.apiPath,t,this.resultsCount),l((()=>(this.vviinnNoResult.emit(this.getBasicEventData("TPS")),null)),(t=>t)))}async getResultsByCategory(t){this.filterColumn&&this.filterValue&&!this.showInWidget&&n.pipe(await $(this.filterColumn,this.filterValue,this.token,this.apiPath,this.resultsCount,t,this.useInnerState),l((()=>{this.vviinnNoResult.emit(this.getBasicEventData("TPS"))}),(t=>{this.useInnerState&&(this.innerResults=t.data.products)})))}async getVisualSearchResults(t){return n.pipe(await w(this.storeName,null!=t?t:this.state.visualSearchId,this.token,this.apiPath),l((()=>(this.vviinnNoResult.emit(this.getBasicEventData("VPS")),null)),(t=>t)))}connectedCallback(){const{state:t,storeName:e,onChange:i}=y(this.showInWidget);this.state=t,this.storeName=e;const r=i("searchStatus",(t=>{"loading"===t&&this.resetDiscoveryAppendIndexes()}));this.disposeStoreListener=()=>{r()},this.el.id&&(this.widgetElementId=this.el.id),this.uiSessionId||(this.uiSessionId=q()),this.eventAbortController=new AbortController;const{signal:o}=this.eventAbortController;P(document,[["vviinnImageUploadStarted",this.imageUploadStartedHandler],["vviinnTextSearchStarted",this.textSearchStartedHandler],["vviinnFiltersChanged",this.filtersChangedHandler],["vviinnFilterTriggered",this.filterTriggeredHandler],["vviinnImageCrop",this.imageCropHandler],["vviinnOneClickDiscoveryAppendClosed",this.oneClickDiscoveryAppendClosedHandler]],o);const s=this.resultsPageUrl&&Pt(this.resultsPageUrl)?Rt():{},n=this.searchId||s.searchId,a=this.textSearchQuery||s.query;n&&this.getVisualSearchResults(n),this.getResultsByCategory(),a&&!this.state.textSearchQuery&&S(this.storeName,a),!this.showInWidget&&this.getTextSearchResults()}disconnectedCallback(){var t,e;z(this.storeName,"all"),null===(t=this.eventAbortController)||void 0===t||t.abort(),null===(e=this.disposeStoreListener)||void 0===e||e.call(this),this.resizeObserver.disconnect()}watchTextSearchQuery(t){this.showInWidget||(S(this.storeName,t),this.getTextSearchResults())}watchSearchId(t){this.showInWidget||t&&this.getVisualSearchResults(t)}trackProductLoad({detail:t}){const e=this.getProductTrackEvent(t,"load");st(e,this.token,this.apiPath)}trackProductView({detail:t}){this.state.resultViewed||(this.vviinnResultView.emit(this.getBasicEventData()),this.trackResultEvent("view"),this.state.resultViewed=!0);const e=this.getProductTrackEvent(t,"view");st(e,this.token,this.apiPath)}async trackProductClick({detail:t}){const{productId:e,clickEvent:i}=t,r=this.getProductTrackEvent(t,"click"),o=this.findProductById(e);o&&o.deeplink&&await st(r,this.token,this.apiPath).finally((()=>{vt(o.deeplink,i,this.productDetailsRedirect,this.productDetailsNewTab)}))}async trackAuxClick({detail:t}){const{productId:e}=t,i=this.getProductTrackEvent(t,"click"),r=this.findProductById(e);r&&r.deeplink&&await st(i,this.token,this.apiPath)}trackAddToBasket({detail:t}){delete t.discount;const e=this.createTrackingEventBody(t),i=Z(this.getCampaignType())(e);st(i,this.token,this.apiPath)}trackAddToFavorite({detail:t}){const e=this.createTrackingEventBody(t),i=N(this.getCampaignType())(e);st(i,this.token,this.apiPath)}trackResultEvent(t){const e=this.getBasicEventData(),{campaignTypeId:i}=e,r=te(e,["campaignTypeId"]);let o=U(t,i)(Object.assign({session_id:this.uiSessionId},r));st(o,this.token,this.apiPath)}findProductById(t){return this.getResults().find((e=>e.productId===t))}getProductTrackEvent(t,e){if(!nt())return null;const i=this.createTrackingEventBody(t);return X(e,"VCS"===t.campaignTypeId?"VPC":t.campaignTypeId)(i)}getCurrentErrorType(){const t=this.getResults().length;return this.showAspectRatioError?"wrong-aspect-ratio":"error"===this.state.searchStatus?"server-error":0===t&&"success"===this.state.searchStatus?"empty-results":null}renderResults(){const e=this.getBasicEventData();this.state.resultLoaded||(this.vviinnResultLoad.emit(this.getBasicEventData()),this.trackResultEvent("load"),this.state.resultLoaded=!0);const i=Yt.includes(this.oneClickDiscoveryMode)&&"unset"!==this.oneClickDiscoveryMode,r="append-grid"===this.oneClickDiscoveryMode||"append-slider"===this.oneClickDiscoveryMode,o=t=>{if(!r)return;const e=window.getComputedStyle(this.el.shadowRoot.getElementById("vviinn-results-products")).getPropertyValue("grid-template-columns").replace(" 0px","").split(" ").length;this.oneClickDiscoveryAppendIndex=t+(e-(t%e+1)),this.oneClickDiscoverySelectedIndex=t,setTimeout((()=>{const t=this.el.shadowRoot.getElementById("one-click-discovery-append"),e=window.matchMedia("(max-width: 768px)").matches;(this.showInWidget?e?this.scrollableModalBody:this.el:window).scrollTo({top:t.offsetTop,behavior:"smooth"})}),Lt)};return this.getResults().map(((s,n)=>{var a,l,c,d,h;return t("vviinn-product-card",{pricePrefix:this.pricePrefix,currencySign:this.currencySign,locale:this.locale,numberLocale:this.numberLocale,key:s.productId,index:n,productTitle:s.title,productId:s.productId,product:s,productType:s.productType,entityType:s.entityType,brand:s.brand,deeplink:s.deeplink,price:s.price.actual,salePrice:s.price.sale,basePrice:null===(a=s.basePrice)||void 0===a?void 0:a.actual,baseSalePrice:null===(l=s.basePrice)||void 0===l?void 0:l.sale,responsive:!0,imageWidth:this.imageResolutionWidth,imageResolutionWidth:this.imageResolutionWidth,image:null!==(d=null===(c=s.image)||void 0===c?void 0:c.thumbnail)&&void 0!==d?d:null===(h=s.image)||void 0===h?void 0:h.original,images:s.images,showMultipleImages:this.showMultipleImages,energyCertifications:s.energyCertifications,part:"product-card",campaignTypeId:e.campaignTypeId,widgetElementId:this.widgetElementId,buttonElementId:this.buttonElementId,widgetVersion:v,customLabels:Q(s),addToBasketShow:this.addToBasketShow,favoriteShow:this.favoriteShow,addPriceContainer:this.addPriceContainer,isResultsWidget:!0,style:{order:n.toString()},showFooterArrow:this.oneClickDiscoverySelectedIndex===n},i&&t("div",{slot:"vviinn-product-card-actions",class:"vviinn-results-product-card-actions"},t("vviinn-vpr-button",{token:this.token,locale:this.locale,currencySign:this.currencySign,numberLocale:this.numberLocale,apiPath:this.apiPath,productId:s.productId,addStyle:!1,isStandalone:!1,sidebarTitle:"",appendSidebarToId:r?"one-click-discovery-append":void 0,appendSidebarToElement:r?this.el.shadowRoot.getElementById("one-click-discovery-append"):void 0,oneClickDiscoveryMode:this.oneClickDiscoveryMode,addToBasketShow:this.addToBasketShow,favoriteShow:this.favoriteShow,campaigns:this.oneClickDiscoveryCampaigns,showInWidget:this.showInWidget,uiSessionId:this.uiSessionId,onVviinnVprButtonActivated:()=>o(n)},this.renderProductCardSlots(),this.renderVprIconSlot())))}))}render(){var e;const i=this.getResults().length;return t(r,{key:"cbc6688ddadd320131e6610854493d91541d9ea3",id:"results-block",class:{"show-in-widget":this.showInWidget,"matching-discovery":"append-slider"===this.oneClickDiscoveryMode},exportparts:`${wt}, ${yt}, ${kt}, ${xt}`},bt(this.cssUrl),t("div",{key:"c70ea00ced61c2f50bcb8314346977b09e0fdce0",class:"nothing-found"},this.getCurrentErrorType()&&t("vviinn-error",{key:"908f97bf1a2c79165b7b1dbf786c4ca3ec6ed70a",errorType:this.getCurrentErrorType(),handler:this.resetWidgetState,hasBackground:this.showInWidget,searchType:this.state.searchType})),t("div",{key:"c15b9d924297ddc660f332670d7cc6c433095dbb",class:{hidden:this.showAspectRatioError||0===i,products:!0},part:xt,id:"vviinn-results-products"},i>0&&this.renderResults(),t("div",{key:"349d582923921efb41b9a700df47852feb82a3eb",id:"one-click-discovery-append",style:{order:(null!==(e=this.oneClickDiscoveryAppendIndex)&&void 0!==e?e:i).toString()}})))}get el(){return o(this)}static get watchers(){return{textSearchQuery:["watchTextSearchQuery"],searchId:["watchSearchId"]}}};ee.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(.show-in-widget){display:grid;overflow-y:auto;overflow-x:hidden;padding:unset;position:relative;width:100%}:host::part(product-card){width:100%;height:100%}:host::part(content-card){height:100%}:host::part(list-card){height:calc(100% - 20px)}.products{width:100%;align-content:center;align-items:start;box-sizing:border-box;display:grid;grid-gap:32px 16px;grid-template-columns:repeat(\n auto-fill,\n minmax(\n var(--product-card-width, var(--product-card-results-min-width)),\n 1fr\n )\n );justify-items:center;padding:0 24px 24px 16px;position:absolute}:host(.show-in-widget) .products{grid-template-columns:repeat(\n auto-fill,\n minmax(var(--product-card-width, var(--product-card-widget-min-width)), 1fr)\n )}:host(:not(.show-in-widget)) .products{position:static;padding:0}.hidden{visibility:hidden;height:1px}products.hidden{display:none}.vviinn-results-product-card-actions vviinn-vpr-button::part(button){position:relative;display:flex;justify-content:center;align-items:center;color:var(--color-icon-inverse);padding:var(--spacing-50);gap:var(--spacing-50);border-radius:var(--border-radius-100);background:var(--button-bg-color-frosted);backdrop-filter:blur(calc(var(--filter-blur-150, 12px) / 2))}.vviinn-results-product-card-actions vviinn-vpr-button::part(button)::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(1.55)}.vviinn-results-product-card-actions vviinn-vpr-button::part(button):hover{background:var(--button-bg-color-frosted-hover)}#one-click-discovery-append{width:100%;grid-column:1 / -1}vviinn-recommendations-sidebar::part(body){border:1px solid var(--color-border-02);border-left:none;border-right:none;margin-top:-9px;max-height:unset}@media screen and (max-width: 768px){vviinn-recommendations-sidebar::part(body){margin-top:-1px}}vviinn-recommendations-sidebar::part(source-image){display:none}vviinn-recommendations-sidebar::part(sidebar-header){padding:0;min-height:40px;margin-bottom:24px;align-items:center;justify-items:left;text-align:left}vviinn-recommendations-sidebar::part(sidebar-content){padding:0}:host(.matching-discovery) vviinn-recommendations-sidebar::part(items-group){grid-template-columns:repeat(\n auto-fill,\n minmax(\n var(--product-card-width, var(--product-card-results-min-width)),\n 1fr\n )\n )}:host(.show-in-widget) vviinn-recommendations-sidebar::part(recommendations-results),:host(.show-in-widget) vviinn-recommendations-sidebar::part(items-group){grid-template-columns:repeat(\n auto-fill,\n minmax(var(--product-card-widget-min-width), 1fr)\n )}@media (max-width: 768px){:host(.show-in-widget){align-content:start;position:static;overflow-y:unset;width:100%;padding-top:0;margin-top:12px}.products{position:static;padding:0;width:unset;row-gap:24px;justify-content:center}.nothing-found{position:static;grid-gap:64px;padding:unset;align-content:start;width:unset}}@media (max-width: 380px){.products{-moz-column-gap:10px;column-gap:10px}}';var ie=function(t,e){var i={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(i[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(t);o<r.length;o++)e.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(t,r[o])&&(i[r[o]]=t[r[o]])}return i};const re=class{constructor(t){e(this,t),this.vviinnFiltersChanged=i(this,"vviinnFiltersChanged"),this.vviinnFilterTriggered=i(this,"vviinnFilterTriggered"),this.vviinnSelectedFiltersReset=i(this,"vviinnSelectedFiltersReset"),this.vviinnCropperResetState=i(this,"vviinnCropperResetState"),this.vviinnResetCropArea=i(this,"vviinnResetCropArea"),this.globalSlotsChanged=i(this,"globalSlotsChanged"),this.showInWidget=!1,this.requestFilters=[],this.selectedFilterButtons=[],this.textSearchCustomFilter=null,this.imageSrc=null,this.intervalCustomFilters={},this.handleSubFilterSelection=(t,e)=>{this.requestFilters=K({filterValue:t,selectedFilter:e,requestFilters:this.requestFilters,vviinnFilterTriggered:this.vviinnFilterTriggered,vviinnFiltersChanged:this.vviinnFiltersChanged,el:this.el,isTriggeredByVpsWidget:this.showInWidget}),this.announceFilterChange(ot.t("a11y.filterRemoved",{label:e.label}))},this.skipStateChanges=t=>this.showInWidget!==t,this.resetInnerState=(t=!1,e=!1)=>{this.requestFilters=[],this.selectedFilterButtons=[],this.intervalCustomFilters={},t&&(this.textSearchCustomFilter=null),e&&(this.imageSrc=null)},this.handleFilterTriggered=({detail:t})=>{var e;this.skipStateChanges(t.isTriggeredByVpsWidget)||("TPS"===t.customTrigger&&(this.resetInnerState(!0,!0),this.textSearchCustomFilter=t.kind),"select"===t.action&&"interval"===(null===(e=t.filter)||void 0===e?void 0:e.type)&&this.setIntervalFilterLabel(t.filter,t.value.interval))},this.handleImageUploadStarted=({detail:t})=>{this.skipStateChanges(t.isTriggeredByVpsWidget)||this.resetInnerState(!0)},this.handleImageUploadFinished=({detail:t})=>{this.skipStateChanges(t.isTriggeredByVpsWidget)||(this.textSearchCustomFilter=null,this.getUploadedImageSrc())},this.handleFiltersChanged=({detail:t})=>{const{filters:e,el:i,isTriggeredByVpsWidget:r}=t;if(i===this.el||this.skipStateChanges(r))return;this.requestFilters=e;const o=new Set(e.filter((t=>t.values&&t.values.length>0)).map((t=>t.column))),s=Object.fromEntries(Object.entries(this.intervalCustomFilters).filter((([t])=>o.has(t))));Object.keys(s).length!==Object.keys(this.intervalCustomFilters).length&&(this.intervalCustomFilters=s)},this.handleSelectedFiltersReset=({detail:t})=>{this.skipStateChanges(t.isTriggeredByVpsWidget)||this.resetInnerState()},this.handleImageCrop=({detail:t})=>{this.skipStateChanges(t.isTriggeredByVpsWidget)||(this.textSearchCustomFilter=null)},this.getUploadedImageSrc=()=>{var t;const{imageSrc:e}=Nt(),i=(null===(t=this.state.image)||void 0===t?void 0:t.src)||e;if(!(null==i?void 0:i.length))return null;this.imageSrc=i},this.handleIntervalButtonClick=t=>{const e=ie(this.intervalCustomFilters,["symbol"==typeof t?t:t+""]);this.intervalCustomFilters=e,this.requestFilters=J({column:t,requestFilters:this.requestFilters,el:this.el,isTriggeredByVpsWidget:this.showInWidget,vviinnFilterTriggered:this.vviinnFilterTriggered,vviinnFiltersChanged:this.vviinnFiltersChanged})},this.handleCropButtonClick=()=>{this.vviinnResetCropArea.emit({isTriggeredByVpsWidget:this.showInWidget})}}announceFilterChange(t){G(t,this.filterAnnouncementRef)}replaceSlotsContent(){const t=this.el.querySelectorAll("[slot]");this.globalSlotsChanged.emit({slots:Array.from(t),element:this.el})}connectedCallback(){const{state:t,onChange:e}=y(this.showInWidget);this.state=t,Y(t,e,(t=>this.requestFilters=t)),this.eventAbortController=new AbortController;const{signal:i}=this.eventAbortController;P(document,[["vviinnFiltersChanged",this.handleFiltersChanged],["vviinnFilterTriggered",this.handleFilterTriggered],["vviinnSelectedFiltersReset",this.handleSelectedFiltersReset],["vviinnImageUploadStarted",this.handleImageUploadStarted],["vviinnImageUploadFinished",this.handleImageUploadFinished],["vviinnImageCrop",this.handleImageCrop]],i)}async componentWillLoad(){this.getUploadedImageSrc(),await mt(this.locale)}componentDidRender(){this.replaceSlotsContent()}disconnectedCallback(){var t;null===(t=this.eventAbortController)||void 0===t||t.abort()}componentWillRender(){var t;this.selectedFilterButtons=[],((null===(t=this.state)||void 0===t?void 0:t.dynamicFilters)||[]).forEach((t=>{"interval"!==t.type?"values"in t&&t.values.forEach((({value:e,label:i,active:r})=>{tt(this.requestFilters,e,t)&&this.selectedFilterButtons.push(et({handleSubFilterSelection:this.handleSubFilterSelection,selectedFilter:t,value:e,label:i,active:r,isSelected:!0,showClose:!0}))})):this.syncPreselectedIntervalFilter(t)}))}setIntervalFilterLabel(t,e){var i;const r=it(t,e,null!==(i=this.currencySign)&&void 0!==i?i:at.currencySign,!0);if(r)this.intervalCustomFilters=Object.assign(Object.assign({},this.intervalCustomFilters),{[t.column]:r});else{const e=t.column,i=ie(this.intervalCustomFilters,["symbol"==typeof e?e:e+""]);this.intervalCustomFilters=i}}syncPreselectedIntervalFilter(t){var e;if(this.intervalCustomFilters[t.column])return;const i=this.requestFilters.find((e=>e.column===t.column));(null===(e=null==i?void 0:i.values)||void 0===e?void 0:e.length)&&this.setIntervalFilterLabel(t,i.values[0])}render(){var e,i;return!this.showInWidget||this.selectedFilterButtons.length||this.state.croppedImageUrl||Object.keys(this.intervalCustomFilters).length?t(r,{class:{"show-in-widget":this.showInWidget},exportParts:Ct},t("div",{ref:t=>this.filterAnnouncementRef=t,"aria-live":"polite",class:"sr-only"}),t("section",{class:"selected-filters-container","aria-label":ot.t("a11y.selectedFilters")},t("ul",{class:"selected-filters-wrapper",part:"selected-filters-list"},qt({label:this.textSearchCustomFilter,buttonType:"text",hidden:!(null===(e=this.textSearchCustomFilter)||void 0===e?void 0:e.length)||this.showInWidget}),qt({label:ot.t("filters.imageFilterText"),buttonType:"image",imageSrc:this.imageSrc,hidden:!(null===(i=this.imageSrc)||void 0===i?void 0:i.length)||!this.state.visualSearchStarted||!this.state.image||this.showInWidget}),qt({label:ot.t("filters.cropFilterText"),buttonType:"crop",imageSrc:this.state.croppedImageUrl,onClick:this.handleCropButtonClick,hidden:!this.state.searchArea}),Object.entries(this.intervalCustomFilters).filter((([,t])=>t&&t.trim().length>0)).map((([e,i])=>t("div",{key:e},qt({label:i,buttonType:"range",onClick:()=>this.handleIntervalButtonClick(e),hidden:!1})))),this.selectedFilterButtons))):null}get el(){return o(this)}};re.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;font-family:var(--font-family, var(--font-family-base));font-style:normal;display:contents;}.filters-modal-list,.sub-filters-wrapper,.main-filters-list,.filters-modal-sub-list,.selected-filters-wrapper{list-style:none;margin:0;padding:0}.main-filters-list{padding:var(--spacing-25);gap:var(--spacing-25);border-radius:8px;background:var(--surface-bg-color-01);display:inline-flex}vviinn-range-filter{width:100%;max-width:500px;padding-bottom:var(--spacing-150)}.filters-search-input-container{position:relative;box-sizing:border-box;width:100%;display:flex;align-items:center}.filters-search-icon{position:absolute;left:var(--spacing-100);color:var(--color-icon-helper);z-index:1;pointer-events:none;display:flex;align-items:center;justify-content:center}.filters-search-input{width:100%;padding:var(--spacing-100) var(--spacing-100) var(--spacing-100)\n var(--spacing-500);border:none;background:var(--color-bg-base);font-family:var(--font-family, var(--font-family-base));font-size:var(--font-size-body);font-weight:var(--font-weight-400);line-height:var(--line-height-body);color:var(--color-text-primary);box-sizing:border-box;outline:none}.filters-search-input::-moz-placeholder{color:var(--color-text-placeholder)}.filters-search-input::placeholder{color:var(--color-text-placeholder)}.filters-modal-main-button,.filters-sub-button,.filters-main-button,.filters-modal-close,.filters-sub-button-selected{font-family:var(--font-family, var(--font-family-base));cursor:pointer;border:none}.filters-sub-button,.filters-main-button{font-size:var(--font-size-body);font-weight:var(--font-weight-400);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body);display:flex;justify-content:center;align-items:center;border-radius:6px}.filters-main-button{padding:var(--spacing-100);color:var(--color-text-secondary);background:none;transition:background 0.15s,\n color 0.15s}.filters-main-button.active,.filters-main-button:hover{background:var(--surface-bg-color-02);color:var(--color-text-primary)}.sub-filters-wrapper,.selected-filters-wrapper{gap:var(--spacing-100);display:flex;flex-direction:row;overflow-x:auto;scrollbar-width:thin}.sub-filters-wrapper{align-items:center;gap:var(--spacing-100);margin:16px -2px 0}.sub-filters-wrapper>li{padding:2px}.selected-filters-wrapper{align-items:center;gap:var(--spacing-100);flex-wrap:wrap}.filters-sub-button{color:var(--color-text-primary);background:var(--surface-bg-color-01);padding:var(--spacing-100);gap:var(--spacing-25);height:100%}.filters-sub-button>span,.filters-sub-button-selected>span{display:inline-flex;justify-content:center;align-items:center;gap:var(--spacing-25);white-space:nowrap}.filters-sub-button>span>span,.filters-sub-button-selected>span>span{padding:var(--spacing-25)}.filters-sub-button:hover{background:var(--surface-bg-color-01-hover)}.filters-sub-button:disabled{cursor:not-allowed;background:var(--surface-bg-color-disabled);color:var(--color-text-disabled)}.filters-more-button{display:flex;padding:var(--spacing-100);gap:var(--spacing-50);border-radius:var(--border-radius-100);align-items:flex-start;background-color:var(--button-bg-color-secondary);transition:background-color 0.1s;border:none;cursor:pointer}.filters-more-button:hover{background-color:var(--button-bg-color-secondary-hover)}.filters-modal-wrapper{display:flex;flex-direction:column;background:#ffffff}.filters-modal.button,.filters-modal.modal{display:none;position:fixed;top:0;bottom:0;right:0;left:0;z-index:99999;background-color:rgba(0, 0, 0, 0.5)}.filters-modal.button .filters-modal-wrapper{position:fixed;top:0;bottom:0;right:0;width:420px;z-index:99999;border-radius:var(--border-radius-400) var(--border-radius-none)\n var(--border-radius-none) var(--border-radius-400)}.filters-modal.preview{display:block}.filters-modal.open{display:block}.filters-modal-header{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--color-text-primary);text-align:center;border-bottom:1px solid var(--color-border-01)}.filters-modal-header.show-header-content{min-height:64px}.filters-modal-title{margin:0;padding:0;font-size:var(--font-size-headline);font-weight:var(--font-weight-500);line-height:var(--line-height-headline);letter-spacing:var(--letter-spacing-headline)}.filters-modal-no-filters-message{font-size:var(--font-size-caption);color:var(--color-text-secondary);font-weight:var(--font-weight-500);line-height:var(--line-height-caption);letter-spacing:var(--letter-spacing-caption);text-align:center;padding:var(--spacing-300) var(--spacing-200);display:flex;align-items:center;justify-content:center}.filters-modal-main{overflow-y:auto;scrolbar-width:thin}.filters-modal-list{margin:var(--spacing-50) 0 0 var(--spacing-300)}.filters-modal-list>li{padding-right:var(--spacing-300)}.filters-modal:not(.preview-inline) .filters-modal-list>li:not(:last-child) .filters-modal-main-button-wrapper{border-bottom:1px solid var(--color-border-01)}.filters-modal-main-button{position:relative;width:100%;background:none;text-align:left;padding:var(--spacing-200) 0;color:var(--color-text-primary);font-size:var(--font-size-label-large);font-weight:var(--font-weight-500);line-height:var(--line-height-label-large);letter-spacing:var(--letter-spacing-label-large)}.filters-modal-main-button>svg{position:absolute;right:0;top:var(--spacing-200);color:var(--color-icon-helper);transform:rotate(90deg)}.filters-modal-main-button:hover>svg{color:var(--color-icon-primary);transition:color 0.2s}.filters-modal-main-button-wrapper.open .filters-modal-main-button>svg{transform:rotate(-90deg);color:var(--color-icon-primary)}.filters-modal-sub-list{display:none}.filters-modal-main-button-wrapper.open .filters-modal-sub-list{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding-bottom:var(--spacing-150)}.filters-modal-sub-list>li{display:contents}.filters-modal-close{position:absolute;color:#6f6f6f;right:var(--spacing-100);top:var(--spacing-200);cursor:pointer;background:none}.filters-modal-close:hover{color:#000}.filters-modal.preview .filters-modal-close{display:none}.filters-more-modal-button{background:none;border:none;cursor:pointer;display:flex;align-items:center;height:36px;padding:var(--spacing-75);gap:var(--spacing-50);border-radius:var(--border-radius-100);background-color:var(--surface-bg-color-01);transition:background-color 0.1s;font-family:var(--font-family, var(--font-family-base));font-size:var(--font-size-label);color:var(--color-text-primary)}.filters-more-modal-button.custom:not(.clickable){cursor:default}.filters-more-modal-button:hover{background-color:var(--surface-bg-color-01-hover)}.filters-more-modal-button.active{background:var(--surface-bg-color-inverse);color:var(--color-text-inverse)}.filters-more-modal-button.active .filters-option-icon-wrapper{border-color:var(--color-bg-base);background-color:var(--color-bg-base);color:var(--color-icon-primary)}.filters-more-modal-button>span{white-space:nowrap;padding:var(--spacing-25)}.filters-more-modal-button:disabled{cursor:not-allowed;opacity:0.5}.filters-more-modal-button img{box-sizing:border-box;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border-radius:var(--border-radius-full);border:1px solid var(--color-border-01)}.filters-modal-actions{border-top:1px solid var(--color-border-01);padding:var(--spacing-125);z-index:10;border-radius:0px 0px 0px 32px}.filters-modal-apply,.filters-modal-reset{font-family:var(--font-family, var(--font-family-base))}.filters-modal-apply{cursor:pointer;width:100%;border:none;margin-bottom:20px;display:flex;padding:var(--spacing-150);justify-content:center;align-items:center;gap:var(--spacing-50);align-self:stretch;color:var(--color-text-inverse);text-align:center;border-radius:var(--border-radius-150);background:var(--button-bg-color-primary);font-size:var(--font-size-label-large);font-weight:var(--font-weight-500);line-height:var(--line-height-label-large);letter-spacing:var(--letter-spacing-label-large)}.filters-modal-apply:disabled{background:var(--button-bg-color-disabled);color:var(--color-text-disabled)}.filters-modal-reset{background:none;border:none;cursor:pointer;display:block;text-align:center;width:100%;padding:var(--spacing-125) 0;color:var(--color-text-secondary);text-align:center;font-size:var(--font-size-label);font-weight:var(--font-weight-500);line-height:var(--line-height-label);letter-spacing:var(--letter-spacing-label)}.filters-modal-reset:hover{color:var(--color-text-primary)}.selected-filters-wrapper>li .filters-sub-button-selected{border-radius:var(--border-radius-100);background:var(--surface-bg-color-inverse);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:var(--spacing-100)}.selected-filters-wrapper>li.hidden{display:none}.filters-sub-button-selected{display:flex;align-items:center;gap:var(--spacing-25);background:var(--surface-bg-color-inverse);border-radius:var(--border-radius-100);color:var(--color-text-inverse);text-overflow:ellipsis;font-size:var(--font-size-body);font-weight:var(--font-weight-400);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body);padding:var(--spacing-100)}.filters-sub-button-color-dot{box-sizing:border-box;width:24px;height:24px;border-radius:var(--border-radius-full);border:var(--stroke-width-50) solid var(--color-border-01)}.selected-filters-wrapper .filters-sub-button-selected{width:24px;height:24px;border:none}.filters-option-icon-wrapper{display:flex;box-sizing:border-box;align-items:center;justify-content:center;border-radius:4px;border:2px solid #e0e0e0;background:#fff;width:20px;height:20px}.filters-modal-main-button-added-options{color:var(--color-text-secondary);text-overflow:ellipsis;padding-right:var(--spacing-100);font-size:var(--font-size-body);font-weight:var(--font-weight-400);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body)}.filters-modal-main-button-added-options>span::after{content:", "}.filters-modal-main-button-added-options>span:last-child::after{content:""}.filters-modal.preview-inline,.filters-modal.preview-inline .filters-modal-wrapper,.filters-modal.preview-inline .filters-modal-main{overflow:visible}.filters-modal.preview-inline .filters-modal-header,.filters-modal.preview-inline .filters-modal-actions{display:none}.filters-modal.preview-inline .filters-modal-list{margin:0;flex-direction:row;gap:var(--spacing-100);display:flex;flex-wrap:wrap}.filters-modal.preview-inline .extended-filters-row{box-sizing:border-box;padding-right:0;border-radius:var(--border-radius-100);background:var(--surface-bg-color-01)}.filters-modal.preview-inline .filters-modal-main-button{width:100%;display:flex;align-items:center;padding:var(--spacing-75);gap:var(--spacing-25);justify-content:space-between;font-size:var(--font-size-body);font-weight:var(--font-weight-400)}.filters-modal.preview-inline .filters-modal-main-button>svg{position:static}.filters-modal.preview-inline .extended-filters-row{position:relative}.filters-modal.preview-inline .filters-search-container{max-height:225px;width:-moz-max-content;width:max-content;min-width:140px;height:-moz-fit-content;height:fit-content;overflow:hidden;position:absolute;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;padding:0;top:calc(100% + var(--spacing-75));left:0;right:0;z-index:1000;border-radius:var(--border-radius-150);border:1px solid var(--color-border-01);background-color:var(--color-bg-base);box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.1);box-sizing:border-box}.filters-modal.preview-inline .filters-search-input-container{position:sticky;top:0;background-color:var(--color-bg-base);padding:var(--spacing-50);border-bottom:1px solid var(--color-border-01);z-index:1}.filters-modal.preview-inline .filters-modal-sub-list{position:static;border:none;background:none;box-shadow:none;padding:var(--spacing-50);margin:0;max-height:165px;width:100%;box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;gap:8px;overflow-y:auto;scrollbar-width:thin}.filters-modal.preview-inline .align-right .filters-search-container{left:auto;right:0}.filters-modal.preview-inline .filters-more-modal-button{width:100%;gap:var(--spacing-150);background-color:var(--color-bg-base)}.filters-modal.preview-inline .filters-option-icon-wrapper{margin-left:auto}.filters-modal.preview-inline .filters-more-modal-button:hover{background-color:var(--surface-bg-color-01-hover)}.filters-modal.preview-inline .filters-more-modal-button.active{color:var(--color-text-primary)}.filters-modal.preview-inline .filters-more-modal-button.active .filters-option-icon-wrapper{border-color:var(--color-bg-inverse);background-color:var(--color-bg-inverse);color:var(--color-icon-inverse)}.filters-modal.preview-inline .filters-modal-sub-list:has(vviinn-range-filter){padding:0 var(--spacing-75);width:220px;max-height:unset}.filters-modal.preview-inline vviinn-range-filter{width:100%}@media (max-width: 768px){.sub-filters-wrapper,.selected-filters-wrapper{flex-wrap:unset;overflow-x:auto;scrollbar-width:none;padding-bottom:0}.sub-filters-wrapper,.selected-filters-wrapper{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.sub-filters-wrapper::-webkit-scrollbar,.selected-filters-wrapper::-webkit-scrollbar{display:none}:host(.show-in-widget) .selected-filters-container{overflow-x:auto;width:100%}:host(.show-in-widget) .selected-filters-wrapper{padding:0 var(--spacing-300)}.filters-modal.button .filters-modal-wrapper,.filters-modal.modal .filters-modal-wrapper{width:100%;border-radius:24px 24px 0px 0px}.filters-modal.button .filters-modal-wrapper{top:10%}.filters-modal.modal .filters-modal-wrapper{position:fixed;width:100%;height:calc(100% - 64px);bottom:0;transform:translateY(-64px)}.filters-modal.modal .filters-modal-header{font-size:var(--font-size-body-large)}.filters-modal.modal .filters-modal-main{padding-bottom:120px}vviinn-range-filter{max-width:unset}:host(.show-in-widget.primary-filters) vviinn-range-filter{max-width:calc(100% - 48px);transform:translateX(24px)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}';const oe=class{constructor(t){e(this,t)}render(){return t(r,{key:"133a498cc9bacc4be222f7bc10aab41581e81f1a"},t("slot",{key:"4c6793ca181403a57e378b9212d341cdfe2c529c"}))}};oe.style=":host{display:grid;justify-items:center}";const se=class{constructor(t){e(this,t),this.elementsCount=0,this.internalPosition=0,this.swipeStartPosition=f.none,this.isRTL=!1,this.position=0}positionWatchHandler(t){this.internalPosition=t,this.el.style.setProperty("--position",`${this.calculatePosition(t)}`),this.setActiveCssClassToSlide(t)}componentWillLoad(){this.isRTL="rtl"===document.dir}connectedCallback(){this.handleDomContentChanges()}handleDomContentChanges(){const t=this.el.querySelectorAll("vviinn-slide");this.elementsCount=t.length,this.el.style.setProperty("--num-items",`${this.elementsCount}`),this.setActiveCssClassToSlide(0)}setActiveCssClassToSlide(t){const e=this.el.querySelectorAll("vviinn-slide");e.forEach(((e,i)=>{e.classList.remove("active"),O(e,i===t)})),e[t].classList.add("active")}calculatePosition(t){return this.isRTL?-1*t:t}render(){return t(r,{key:"cae995bbfc00ab993963b12e219ca9e7d1b88a10"},t("div",{key:"ef4812aaa71a522c8bd038596d5f3d4b8e068057",class:"items-wrapper"},t("div",{key:"56796be36f776337632f02b6b0e3cf034e36c0a7",class:"items"},t("slot",{key:"6f9d9f5a6d6a8abb27689e7d5c724bb0a696659d"}))))}get el(){return o(this)}static get watchers(){return{position:["positionWatchHandler"]}}};se.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{--num-items:0;--position:0;display:grid;grid-gap:20px;justify-items:center;position:relative}.items-wrapper{overflow:hidden;width:100%}.items{box-sizing:border-box;display:grid;grid-auto-flow:column;grid-template-columns:repeat(var(--num-items), 100%);transform:translateX(calc(-100% * var(--position)));transition:transform 0.33s ease-in-out}.controls{display:grid;grid-gap:16px;grid-template-columns:repeat(var(--num-items), min-content)}.bullet{background:#e0e0e0;border-radius:50%;box-sizing:border-box;cursor:pointer;height:8px;width:8px;transition:background 0.1s ease-in-out}.bullet:hover{background:#c6c6c6}.bullet.active{background:var(--color-primary, var(--button-bg-color-primary))}.bullet:active{background:transparent;border:2px solid var(--color-primary, var(--button-bg-color-primary))}.arrow-wrapper{align-items:center;cursor:pointer;background:white;border:2px solid white;bottom:0;box-sizing:border-box;display:grid;height:calc(var(--spacing-100) * 6);justify-items:center;margin:auto;position:absolute;top:0;transform:translate3d(0, -50%, 0);transition:border 0.25ms ease-in-out;width:calc(var(--spacing-100) * 4)}.arrow-wrapper:active{border-color:var(--color-primary, var(--button-bg-color-primary));opacity:0.75}.arrow-wrapper:focus{border-color:var(--color-primary, var(--button-bg-color-primary));opacity:0.5;outline:none}.prev{left:0}.next{right:0}.next>svg{transform:rotate3d(0, 1, 0, 180deg)}.arrow-wrapper>svg{transition:fill 0.25ms ease-in-out;fill:#a8a8a8}.arrow-wrapper:hover>svg{fill:#8d8d8d}";const ne=()=>t("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("g",{"clip-path":"url(#clip0_3298_10914)"},t("path",{d:"M10.1144 4.52506C10.4973 3.82498 11.5027 3.82498 11.8856 4.52506L14.427 9.17176C14.5196 9.34113 14.6589 9.48038 14.8282 9.57302L19.4749 12.1144C20.175 12.4973 20.175 13.5027 19.4749 13.8856L14.8282 16.427C14.6589 16.5196 14.5196 16.6589 14.427 16.8282L11.8856 21.4749C11.5027 22.175 10.4973 22.175 10.1144 21.4749L7.57302 16.8282C7.48038 16.6589 7.34113 16.5196 7.17176 16.427L2.52506 13.8856C1.82498 13.5027 1.82498 12.4973 2.52506 12.1144L7.17176 9.57302C7.34113 9.48038 7.48038 9.34113 7.57302 9.17176L10.1144 4.52506Z",fill:"#8A80FF"}),t("path",{d:"M21.0423 2.71511C21.3827 2.61543 21.6987 2.93142 21.599 3.27176L20.9373 5.53075C20.9132 5.61309 20.9132 5.70062 20.9373 5.78296L21.599 8.04195C21.6987 8.38229 21.3827 8.69828 21.0423 8.59859L18.7833 7.93695C18.701 7.91284 18.6135 7.91284 18.5311 7.93695L16.2721 8.59859C15.9318 8.69828 15.6158 8.38229 15.7155 8.04195L16.3771 5.78296C16.4012 5.70062 16.4012 5.61309 16.3771 5.53075L15.7155 3.27176C15.6158 2.93142 15.9318 2.61543 16.2721 2.71511L18.5311 3.37676C18.6135 3.40087 18.701 3.40087 18.7833 3.37676L21.0423 2.71511Z",fill:"#8A80FF"})),t("defs",null,t("clipPath",{id:"clip0_3298_10914"},t("rect",{width:"24",height:"24",fill:"white"}))));var ae={async:!1,breaks:!1,extensions:null,gfm:!0,hooks:null,pedantic:!1,renderer:null,silent:!1,tokenizer:null,walkTokens:null};function le(t){ae=t}var ce={exec:()=>null};function de(t,e=""){let i="string"==typeof t?t:t.source,r={replace:(t,e)=>{let o="string"==typeof e?e:e.source;return o=o.replace(pe.caret,"$1"),i=i.replace(t,o),r},getRegex:()=>new RegExp(i,e)};return r}var he=(()=>{try{return!!new RegExp("(?<=1)(?<!1)")}catch{return!1}})(),pe={codeRemoveIndent:/^(?: {1,4}| {0,3}\t)/gm,outputLinkReplace:/\\([\[\]])/g,indentCodeCompensation:/^(\s+)(?:```)/,beginningSpace:/^\s+/,endingHash:/#$/,startingSpaceChar:/^ /,endingSpaceChar:/ $/,nonSpaceChar:/[^ ]/,newLineCharGlobal:/\n/g,tabCharGlobal:/\t/g,multipleSpaceGlobal:/\s+/g,blankLine:/^[ \t]*$/,doubleBlankLine:/\n[ \t]*\n[ \t]*$/,blockquoteStart:/^ {0,3}>/,blockquoteSetextReplace:/\n {0,3}((?:=+|-+) *)(?=\n|$)/g,blockquoteSetextReplace2:/^ {0,3}>[ \t]?/gm,listReplaceNesting:/^ {1,4}(?=( {4})*[^ ])/g,listIsTask:/^\[[ xX]\] +\S/,listReplaceTask:/^\[[ xX]\] +/,listTaskCheckbox:/\[[ xX]\]/,anyLine:/\n.*\n/,hrefBrackets:/^<(.*)>$/,tableDelimiter:/[:|]/,tableAlignChars:/^\||\| *$/g,tableRowBlankLine:/\n[ \t]*$/,tableAlignRight:/^ *-+: *$/,tableAlignCenter:/^ *:-+: *$/,tableAlignLeft:/^ *:-+ *$/,startATag:/^<a /i,endATag:/^<\/a>/i,startPreScriptTag:/^<(pre|code|kbd|script)(\s|>)/i,endPreScriptTag:/^<\/(pre|code|kbd|script)(\s|>)/i,startAngleBracket:/^</,endAngleBracket:/>$/,pedanticHrefTitle:/^([^'"]*[^\s])\s+(['"])(.*)\2/,unicodeAlphaNumeric:/[\p{L}\p{N}]/u,escapeTest:/[&<>"']/,escapeReplace:/[&<>"']/g,escapeTestNoEncode:/[<>"']|&(?!(#\d{1,7}|#[Xx][a-fA-F0-9]{1,6}|\w+);)/,escapeReplaceNoEncode:/[<>"']|&(?!(#\d{1,7}|#[Xx][a-fA-F0-9]{1,6}|\w+);)/g,caret:/(^|[^\[])\^/g,percentDecode:/%25/g,findPipe:/\|/g,splitPipe:/ \|/,slashPipe:/\\\|/g,carriageReturn:/\r\n|\r/g,spaceLine:/^ +$/gm,notSpaceStart:/^\S*/,endingNewline:/\n$/,listItemRegex:t=>new RegExp(`^( {0,3}${t})((?:[\t ][^\\n]*)?(?:\\n|$))`),nextBulletRegex:t=>new RegExp(`^ {0,${Math.min(3,t-1)}}(?:[*+-]|\\d{1,9}[.)])((?:[ \t][^\\n]*)?(?:\\n|$))`),hrRegex:t=>new RegExp(`^ {0,${Math.min(3,t-1)}}((?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})(?:\\n+|$)`),fencesBeginRegex:t=>new RegExp(`^ {0,${Math.min(3,t-1)}}(?:\`\`\`|~~~)`),headingBeginRegex:t=>new RegExp(`^ {0,${Math.min(3,t-1)}}#`),htmlBeginRegex:t=>new RegExp(`^ {0,${Math.min(3,t-1)}}<(?:[a-z].*>|!--)`,"i"),blockquoteBeginRegex:t=>new RegExp(`^ {0,${Math.min(3,t-1)}}>`)},fe=/^ {0,3}((?:-[\t ]*){3,}|(?:_[ \t]*){3,}|(?:\*[ \t]*){3,})(?:\n+|$)/,ge=/ {0,3}(?:[*+-]|\d{1,9}[.)])/,ue=/^(?!bull |blockCode|fences|blockquote|heading|html|table)((?:.|\n(?!\s*?\n|bull |blockCode|fences|blockquote|heading|html|table))+?)\n {0,3}(=+|-+) *(?:\n+|$)/,be=de(ue).replace(/bull/g,ge).replace(/blockCode/g,/(?: {4}| {0,3}\t)/).replace(/fences/g,/ {0,3}(?:`{3,}|~{3,})/).replace(/blockquote/g,/ {0,3}>/).replace(/heading/g,/ {0,3}#{1,6}/).replace(/html/g,/ {0,3}<[^\n>]+>\n/).replace(/\|table/g,"").getRegex(),ve=de(ue).replace(/bull/g,ge).replace(/blockCode/g,/(?: {4}| {0,3}\t)/).replace(/fences/g,/ {0,3}(?:`{3,}|~{3,})/).replace(/blockquote/g,/ {0,3}>/).replace(/heading/g,/ {0,3}#{1,6}/).replace(/html/g,/ {0,3}<[^\n>]+>\n/).replace(/table/g,/ {0,3}\|?(?:[:\- ]*\|)+[\:\- ]*\n/).getRegex(),me=/^([^\n]+(?:\n(?!hr|heading|lheading|blockquote|fences|list|html|table| +\n)[^\n]+)*)/,xe=/(?!\s*\])(?:\\[\s\S]|[^\[\]\\])+/,we=de(/^ {0,3}\[(label)\]: *(?:\n[ \t]*)?([^<\s][^\s]*|<.*?>)(?:(?: +(?:\n[ \t]*)?| *\n[ \t]*)(title))? *(?:\n+|$)/).replace("label",xe).replace("title",/(?:"(?:\\"?|[^"\\])*"|'[^'\n]*(?:\n[^'\n]+)*\n?'|\([^()]*\))/).getRegex(),ye=de(/^(bull)([ \t][^\n]+?)?(?:\n|$)/).replace(/bull/g,ge).getRegex(),ke="address|article|aside|base|basefont|blockquote|body|caption|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption|figure|footer|form|frame|frameset|h[1-6]|head|header|hr|html|iframe|legend|li|link|main|menu|menuitem|meta|nav|noframes|ol|optgroup|option|p|param|search|section|summary|table|tbody|td|tfoot|th|thead|title|tr|track|ul",Ce=/<!--(?:-?>|[\s\S]*?(?:-->|$))/,Se=de("^ {0,3}(?:<(script|pre|style|textarea)[\\s>][\\s\\S]*?(?:</\\1>[^\\n]*\\n+|$)|comment[^\\n]*(\\n+|$)|<\\?[\\s\\S]*?(?:\\?>\\n*|$)|<![A-Z][\\s\\S]*?(?:>\\n*|$)|<!\\[CDATA\\[[\\s\\S]*?(?:\\]\\]>\\n*|$)|</?(tag)(?: +|\\n|/?>)[\\s\\S]*?(?:(?:\\n[ \t]*)+\\n|$)|<(?!script|pre|style|textarea)([a-z][\\w-]*)(?:attribute)*? */?>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n[ \t]*)+\\n|$)|</(?!script|pre|style|textarea)[a-z][\\w-]*\\s*>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n[ \t]*)+\\n|$))","i").replace("comment",Ce).replace("tag",ke).replace("attribute",/ +[a-zA-Z:_][\w.:-]*(?: *= *"[^"\n]*"| *= *'[^'\n]*'| *= *[^\s"'=<>`]+)?/).getRegex(),ze=de(me).replace("hr",fe).replace("heading"," {0,3}#{1,6}(?:\\s|$)").replace("|lheading","").replace("|table","").replace("blockquote"," {0,3}>").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)])[ \\t]").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag",ke).getRegex(),Te={blockquote:de(/^( {0,3}> ?(paragraph|[^\n]*)(?:\n|$))+/).replace("paragraph",ze).getRegex(),code:/^((?: {4}| {0,3}\t)[^\n]+(?:\n(?:[ \t]*(?:\n|$))*)?)+/,def:we,fences:/^ {0,3}(`{3,}(?=[^`\n]*(?:\n|$))|~{3,})([^\n]*)(?:\n|$)(?:|([\s\S]*?)(?:\n|$))(?: {0,3}\1[~`]* *(?=\n|$)|$)/,heading:/^ {0,3}(#{1,6})(?=\s|$)(.*)(?:\n+|$)/,hr:fe,html:Se,lheading:be,list:ye,newline:/^(?:[ \t]*(?:\n|$))+/,paragraph:ze,table:ce,text:/^[^\n]+/},$e=de("^ *([^\\n ].*)\\n {0,3}((?:\\| *)?:?-+:? *(?:\\| *:?-+:? *)*(?:\\| *)?)(?:\\n((?:(?! *\\n|hr|heading|blockquote|code|fences|list|html).*(?:\\n|$))*)\\n*|$)").replace("hr",fe).replace("heading"," {0,3}#{1,6}(?:\\s|$)").replace("blockquote"," {0,3}>").replace("code","(?: {4}| {0,3}\t)[^\\n]").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)])[ \\t]").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag",ke).getRegex(),Ie={...Te,lheading:ve,table:$e,paragraph:de(me).replace("hr",fe).replace("heading"," {0,3}#{1,6}(?:\\s|$)").replace("|lheading","").replace("table",$e).replace("blockquote"," {0,3}>").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)])[ \\t]").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag",ke).getRegex()},je={...Te,html:de("^ *(?:comment *(?:\\n|\\s*$)|<(tag)[\\s\\S]+?</\\1> *(?:\\n{2,}|\\s*$)|<tag(?:\"[^\"]*\"|'[^']*'|\\s[^'\"/>\\s]*)*?/?> *(?:\\n{2,}|\\s*$))").replace("comment",Ce).replace(/tag/g,"(?!(?:a|em|strong|small|s|cite|q|dfn|abbr|data|time|code|var|samp|kbd|sub|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo|span|br|wbr|ins|del|img)\\b)\\w+(?!:|[^\\w\\s@]*@)\\b").getRegex(),def:/^ *\[([^\]]+)\]: *<?([^\s>]+)>?(?: +(["(][^\n]+[")]))? *(?:\n+|$)/,heading:/^(#{1,6})(.*)(?:\n+|$)/,fences:ce,lheading:/^(.+?)\n {0,3}(=+|-+) *(?:\n+|$)/,paragraph:de(me).replace("hr",fe).replace("heading"," *#{1,6} *[^\n]").replace("lheading",be).replace("|table","").replace("blockquote"," {0,3}>").replace("|fences","").replace("|list","").replace("|html","").replace("|tag","").getRegex()},_e=/^( {2,}|\\)\n(?!\s*$)/,Pe=/[\p{P}\p{S}]/u,Re=/[\s\p{P}\p{S}]/u,Ae=/[^\s\p{P}\p{S}]/u,Be=de(/^((?![*_])punctSpace)/,"u").replace(/punctSpace/g,Re).getRegex(),Le=/(?!~)[\p{P}\p{S}]/u,Oe=de(/link|precode-code|html/,"g").replace("link",/\[(?:[^\[\]`]|(?<a>`+)[^`]+\k<a>(?!`))*?\]\((?:\\[\s\S]|[^\\\(\)]|\((?:\\[\s\S]|[^\\\(\)])*\))*\)/).replace("precode-",he?"(?<!`)()":"(^^|[^`])").replace("code",/(?<b>`+)[^`]+\k<b>(?!`)/).replace("html",/<(?! )[^<>]*?>/).getRegex(),Ve=/^(?:\*+(?:((?!\*)punct)|([^\s*]))?)|^_+(?:((?!_)punct)|([^\s_]))?/,Fe=de(Ve,"u").replace(/punct/g,Pe).getRegex(),We=de(Ve,"u").replace(/punct/g,Le).getRegex(),Ee="^[^_*]*?__[^_*]*?\\*[^_*]*?(?=__)|[^*]+(?=[^*])|(?!\\*)punct(\\*+)(?=[\\s]|$)|notPunctSpace(\\*+)(?!\\*)(?=punctSpace|$)|(?!\\*)punctSpace(\\*+)(?=notPunctSpace)|[\\s](\\*+)(?!\\*)(?=punct)|(?!\\*)punct(\\*+)(?!\\*)(?=punct)|notPunctSpace(\\*+)(?=notPunctSpace)",Me=de(Ee,"gu").replace(/notPunctSpace/g,Ae).replace(/punctSpace/g,Re).replace(/punct/g,Pe).getRegex(),De=de(Ee,"gu").replace(/notPunctSpace/g,/(?:[^\s\p{P}\p{S}]|~)/u).replace(/punctSpace/g,/(?!~)[\s\p{P}\p{S}]/u).replace(/punct/g,Le).getRegex(),He=de("^[^_*]*?\\*\\*[^_*]*?_[^_*]*?(?=\\*\\*)|[^_]+(?=[^_])|(?!_)punct(_+)(?=[\\s]|$)|notPunctSpace(_+)(?!_)(?=punctSpace|$)|(?!_)punctSpace(_+)(?=notPunctSpace)|[\\s](_+)(?!_)(?=punct)|(?!_)punct(_+)(?!_)(?=punct)","gu").replace(/notPunctSpace/g,Ae).replace(/punctSpace/g,Re).replace(/punct/g,Pe).getRegex(),qe=de(/^~~?(?:((?!~)punct)|[^\s~])/,"u").replace(/punct/g,Pe).getRegex(),Ze=de("^[^~]+(?=[^~])|(?!~)punct(~~?)(?=[\\s]|$)|notPunctSpace(~~?)(?!~)(?=punctSpace|$)|(?!~)punctSpace(~~?)(?=notPunctSpace)|[\\s](~~?)(?!~)(?=punct)|(?!~)punct(~~?)(?!~)(?=punct)|notPunctSpace(~~?)(?=notPunctSpace)","gu").replace(/notPunctSpace/g,Ae).replace(/punctSpace/g,Re).replace(/punct/g,Pe).getRegex(),Ne=de(/\\(punct)/,"gu").replace(/punct/g,Pe).getRegex(),Ue=de(/^<(scheme:[^\s\x00-\x1f<>]*|email)>/).replace("scheme",/[a-zA-Z][a-zA-Z0-9+.-]{1,31}/).replace("email",/[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+(@)[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+(?![-_])/).getRegex(),Xe=de(Ce).replace("(?:--\x3e|$)","--\x3e").getRegex(),Qe=de("^comment|^</[a-zA-Z][\\w:-]*\\s*>|^<[a-zA-Z][\\w-]*(?:attribute)*?\\s*/?>|^<\\?[\\s\\S]*?\\?>|^<![a-zA-Z]+\\s[\\s\\S]*?>|^<!\\[CDATA\\[[\\s\\S]*?\\]\\]>").replace("comment",Xe).replace("attribute",/\s+[a-zA-Z:_][\w.:-]*(?:\s*=\s*"[^"]*"|\s*=\s*'[^']*'|\s*=\s*[^\s"'=<>`]+)?/).getRegex(),Ke=/(?:\[(?:\\[\s\S]|[^\[\]\\])*\]|\\[\s\S]|`+(?!`)[^`]*?`+(?!`)|``+(?=\])|[^\[\]\\`])*?/,Je=de(/^!?\[(label)\]\(\s*(href)(?:(?:[ \t]+(?:\n[ \t]*)?|\n[ \t]*)(title))?\s*\)/).replace("label",Ke).replace("href",/<(?:\\.|[^\n<>\\])+>|[^ \t\n\x00-\x1f]*/).replace("title",/"(?:\\"?|[^"\\])*"|'(?:\\'?|[^'\\])*'|\((?:\\\)?|[^)\\])*\)/).getRegex(),Ge=de(/^!?\[(label)\]\[(ref)\]/).replace("label",Ke).replace("ref",xe).getRegex(),Ye=de(/^!?\[(ref)\](?:\[\])?/).replace("ref",xe).getRegex(),ti=/[hH][tT][tT][pP][sS]?|[fF][tT][pP]/,ei={_backpedal:ce,anyPunctuation:Ne,autolink:Ue,blockSkip:Oe,br:_e,code:/^(`+)([^`]|[^`][\s\S]*?[^`])\1(?!`)/,del:ce,delLDelim:ce,delRDelim:ce,emStrongLDelim:Fe,emStrongRDelimAst:Me,emStrongRDelimUnd:He,escape:/^\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/,link:Je,nolink:Ye,punctuation:Be,reflink:Ge,reflinkSearch:de("reflink|nolink(?!\\()","g").replace("reflink",Ge).replace("nolink",Ye).getRegex(),tag:Qe,text:/^(`+|[^`])(?:(?= {2,}\n)|[\s\S]*?(?:(?=[\\<!\[`*_]|\b_|$)|[^ ](?= {2,}\n)))/,url:ce},ii={...ei,link:de(/^!?\[(label)\]\((.*?)\)/).replace("label",Ke).getRegex(),reflink:de(/^!?\[(label)\]\s*\[([^\]]*)\]/).replace("label",Ke).getRegex()},ri={...ei,emStrongRDelimAst:De,emStrongLDelim:We,delLDelim:qe,delRDelim:Ze,url:de(/^((?:protocol):\/\/|www\.)(?:[a-zA-Z0-9\-]+\.?)+[^\s<]*|^email/).replace("protocol",ti).replace("email",/[A-Za-z0-9._+-]+(@)[a-zA-Z0-9-_]+(?:\.[a-zA-Z0-9-_]*[a-zA-Z0-9])+(?![-_])/).getRegex(),_backpedal:/(?:[^?!.,:;*_'"~()&]+|\([^)]*\)|&(?![a-zA-Z0-9]+;$)|[?!.,:;*_'"~)]+(?!$))+/,del:/^(~~?)(?=[^\s~])((?:\\[\s\S]|[^\\])*?(?:\\[\s\S]|[^\s~\\]))\1(?=[^~]|$)/,text:de(/^([`~]+|[^`~])(?:(?= {2,}\n)|(?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)|[\s\S]*?(?:(?=[\\<!\[`*~_]|\b_|protocol:\/\/|www\.|$)|[^ ](?= {2,}\n)|[^a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-](?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)))/).replace("protocol",ti).getRegex()},oi={...ri,br:de(_e).replace("{2,}","*").getRegex(),text:de(ri.text).replace("\\b_","\\b_| {2,}\\n").replace(/\{2,\}/g,"*").getRegex()},si={normal:Te,gfm:Ie,pedantic:je},ni={normal:ei,gfm:ri,breaks:oi,pedantic:ii},ai={"&":"&","<":"<",">":">",'"':""","'":"'"},li=t=>ai[t];function ci(t,e){if(e){if(pe.escapeTest.test(t))return t.replace(pe.escapeReplace,li)}else if(pe.escapeTestNoEncode.test(t))return t.replace(pe.escapeReplaceNoEncode,li);return t}function di(t){try{t=encodeURI(t).replace(pe.percentDecode,"%")}catch{return null}return t}function hi(t,e){let i=t.replace(pe.findPipe,((t,e,i)=>{let r=!1,o=e;for(;--o>=0&&"\\"===i[o];)r=!r;return r?"|":" |"})).split(pe.splitPipe),r=0;if(i[0].trim()||i.shift(),i.length>0&&!i.at(-1)?.trim()&&i.pop(),e)if(i.length>e)i.splice(e);else for(;i.length<e;)i.push("");for(;r<i.length;r++)i[r]=i[r].trim().replace(pe.slashPipe,"|");return i}function pi(t,e){let i=t.length;if(0===i)return"";let r=0;for(;r<i&&t.charAt(i-r-1)===e;)r++;return t.slice(0,i-r)}function fi(t,e=0){let i=e,r="";for(let e of t)if("\t"===e){let t=4-i%4;r+=" ".repeat(t),i+=t}else r+=e,i++;return r}function gi(t,e,i,r,o){let s=e.href,n=e.title||null,a=t[1].replace(o.other.outputLinkReplace,"$1");r.state.inLink=!0;let l={type:"!"===t[0].charAt(0)?"image":"link",raw:i,href:s,title:n,text:a,tokens:r.inlineTokens(a)};return r.state.inLink=!1,l}var ui=class{options;rules;lexer;constructor(t){this.options=t||ae}space(t){let e=this.rules.block.newline.exec(t);if(e&&e[0].length>0)return{type:"space",raw:e[0]}}code(t){let e=this.rules.block.code.exec(t);if(e){let t=e[0].replace(this.rules.other.codeRemoveIndent,"");return{type:"code",raw:e[0],codeBlockStyle:"indented",text:this.options.pedantic?t:pi(t,"\n")}}}fences(t){let e=this.rules.block.fences.exec(t);if(e){let t=e[0],i=function(t,e,i){let r=t.match(i.other.indentCodeCompensation);if(null===r)return e;let o=r[1];return e.split("\n").map((t=>{let e=t.match(i.other.beginningSpace);if(null===e)return t;let[r]=e;return r.length>=o.length?t.slice(o.length):t})).join("\n")}(t,e[3]||"",this.rules);return{type:"code",raw:t,lang:e[2]?e[2].trim().replace(this.rules.inline.anyPunctuation,"$1"):e[2],text:i}}}heading(t){let e=this.rules.block.heading.exec(t);if(e){let t=e[2].trim();if(this.rules.other.endingHash.test(t)){let e=pi(t,"#");(this.options.pedantic||!e||this.rules.other.endingSpaceChar.test(e))&&(t=e.trim())}return{type:"heading",raw:e[0],depth:e[1].length,text:t,tokens:this.lexer.inline(t)}}}hr(t){let e=this.rules.block.hr.exec(t);if(e)return{type:"hr",raw:pi(e[0],"\n")}}blockquote(t){let e=this.rules.block.blockquote.exec(t);if(e){let t=pi(e[0],"\n").split("\n"),i="",r="",o=[];for(;t.length>0;){let e,s=!1,n=[];for(e=0;e<t.length;e++)if(this.rules.other.blockquoteStart.test(t[e]))n.push(t[e]),s=!0;else{if(s)break;n.push(t[e])}t=t.slice(e);let a=n.join("\n"),l=a.replace(this.rules.other.blockquoteSetextReplace,"\n $1").replace(this.rules.other.blockquoteSetextReplace2,"");i=i?`${i}\n${a}`:a,r=r?`${r}\n${l}`:l;let c=this.lexer.state.top;if(this.lexer.state.top=!0,this.lexer.blockTokens(l,o,!0),this.lexer.state.top=c,0===t.length)break;let d=o.at(-1);if("code"===d?.type)break;if("blockquote"===d?.type){let e=d,s=e.raw+"\n"+t.join("\n"),n=this.blockquote(s);o[o.length-1]=n,i=i.substring(0,i.length-e.raw.length)+n.raw,r=r.substring(0,r.length-e.text.length)+n.text;break}if("list"!==d?.type);else{let e=d,s=e.raw+"\n"+t.join("\n"),n=this.list(s);o[o.length-1]=n,i=i.substring(0,i.length-d.raw.length)+n.raw,r=r.substring(0,r.length-e.raw.length)+n.raw,t=s.substring(o.at(-1).raw.length).split("\n")}}return{type:"blockquote",raw:i,tokens:o,text:r}}}list(t){let e=this.rules.block.list.exec(t);if(e){let i=e[1].trim(),r=i.length>1,o={type:"list",raw:"",ordered:r,start:r?+i.slice(0,-1):"",loose:!1,items:[]};i=r?`\\d{1,9}\\${i.slice(-1)}`:`\\${i}`,this.options.pedantic&&(i=r?i:"[*+-]");let s=this.rules.other.listItemRegex(i),n=!1;for(;t;){let i=!1,r="",a="";if(!(e=s.exec(t))||this.rules.block.hr.test(t))break;r=e[0],t=t.substring(r.length);let l=fi(e[2].split("\n",1)[0],e[1].length),c=t.split("\n",1)[0],d=!l.trim(),h=0;if(this.options.pedantic?(h=2,a=l.trimStart()):d?h=e[1].length+1:(h=l.search(this.rules.other.nonSpaceChar),h=h>4?1:h,a=l.slice(h),h+=e[1].length),d&&this.rules.other.blankLine.test(c)&&(r+=c+"\n",t=t.substring(c.length+1),i=!0),!i){let e=this.rules.other.nextBulletRegex(h),i=this.rules.other.hrRegex(h),o=this.rules.other.fencesBeginRegex(h),s=this.rules.other.headingBeginRegex(h),n=this.rules.other.htmlBeginRegex(h),p=this.rules.other.blockquoteBeginRegex(h);for(;t;){let f,g=t.split("\n",1)[0];if(c=g,this.options.pedantic?(c=c.replace(this.rules.other.listReplaceNesting," "),f=c):f=c.replace(this.rules.other.tabCharGlobal," "),o.test(c)||s.test(c)||n.test(c)||p.test(c)||e.test(c)||i.test(c))break;if(f.search(this.rules.other.nonSpaceChar)>=h||!c.trim())a+="\n"+f.slice(h);else{if(d||l.replace(this.rules.other.tabCharGlobal," ").search(this.rules.other.nonSpaceChar)>=4||o.test(l)||s.test(l)||i.test(l))break;a+="\n"+c}d=!c.trim(),r+=g+"\n",t=t.substring(g.length+1),l=f.slice(h)}}o.loose||(n?o.loose=!0:this.rules.other.doubleBlankLine.test(r)&&(n=!0)),o.items.push({type:"list_item",raw:r,task:!!this.options.gfm&&this.rules.other.listIsTask.test(a),loose:!1,text:a,tokens:[]}),o.raw+=r}let a=o.items.at(-1);if(!a)return;a.raw=a.raw.trimEnd(),a.text=a.text.trimEnd(),o.raw=o.raw.trimEnd();for(let t of o.items){if(this.lexer.state.top=!1,t.tokens=this.lexer.blockTokens(t.text,[]),t.task){if(t.text=t.text.replace(this.rules.other.listReplaceTask,""),"text"===t.tokens[0]?.type||"paragraph"===t.tokens[0]?.type){t.tokens[0].raw=t.tokens[0].raw.replace(this.rules.other.listReplaceTask,""),t.tokens[0].text=t.tokens[0].text.replace(this.rules.other.listReplaceTask,"");for(let t=this.lexer.inlineQueue.length-1;t>=0;t--)if(this.rules.other.listIsTask.test(this.lexer.inlineQueue[t].src)){this.lexer.inlineQueue[t].src=this.lexer.inlineQueue[t].src.replace(this.rules.other.listReplaceTask,"");break}}let e=this.rules.other.listTaskCheckbox.exec(t.raw);if(e){let i={type:"checkbox",raw:e[0]+" ",checked:"[ ]"!==e[0]};t.checked=i.checked,o.loose?t.tokens[0]&&["paragraph","text"].includes(t.tokens[0].type)&&"tokens"in t.tokens[0]&&t.tokens[0].tokens?(t.tokens[0].raw=i.raw+t.tokens[0].raw,t.tokens[0].text=i.raw+t.tokens[0].text,t.tokens[0].tokens.unshift(i)):t.tokens.unshift({type:"paragraph",raw:i.raw,text:i.raw,tokens:[i]}):t.tokens.unshift(i)}}if(!o.loose){let e=t.tokens.filter((t=>"space"===t.type)),i=e.length>0&&e.some((t=>this.rules.other.anyLine.test(t.raw)));o.loose=i}}if(o.loose)for(let t of o.items){t.loose=!0;for(let e of t.tokens)"text"===e.type&&(e.type="paragraph")}return o}}html(t){let e=this.rules.block.html.exec(t);if(e)return{type:"html",block:!0,raw:e[0],pre:"pre"===e[1]||"script"===e[1]||"style"===e[1],text:e[0]}}def(t){let e=this.rules.block.def.exec(t);if(e){let t=e[1].toLowerCase().replace(this.rules.other.multipleSpaceGlobal," "),i=e[2]?e[2].replace(this.rules.other.hrefBrackets,"$1").replace(this.rules.inline.anyPunctuation,"$1"):"",r=e[3]?e[3].substring(1,e[3].length-1).replace(this.rules.inline.anyPunctuation,"$1"):e[3];return{type:"def",tag:t,raw:e[0],href:i,title:r}}}table(t){let e=this.rules.block.table.exec(t);if(!e||!this.rules.other.tableDelimiter.test(e[2]))return;let i=hi(e[1]),r=e[2].replace(this.rules.other.tableAlignChars,"").split("|"),o=e[3]?.trim()?e[3].replace(this.rules.other.tableRowBlankLine,"").split("\n"):[],s={type:"table",raw:e[0],header:[],align:[],rows:[]};if(i.length===r.length){for(let t of r)this.rules.other.tableAlignRight.test(t)?s.align.push("right"):this.rules.other.tableAlignCenter.test(t)?s.align.push("center"):this.rules.other.tableAlignLeft.test(t)?s.align.push("left"):s.align.push(null);for(let t=0;t<i.length;t++)s.header.push({text:i[t],tokens:this.lexer.inline(i[t]),header:!0,align:s.align[t]});for(let t of o)s.rows.push(hi(t,s.header.length).map(((t,e)=>({text:t,tokens:this.lexer.inline(t),header:!1,align:s.align[e]}))));return s}}lheading(t){let e=this.rules.block.lheading.exec(t);if(e){let t=e[1].trim();return{type:"heading",raw:e[0],depth:"="===e[2].charAt(0)?1:2,text:t,tokens:this.lexer.inline(t)}}}paragraph(t){let e=this.rules.block.paragraph.exec(t);if(e){let t="\n"===e[1].charAt(e[1].length-1)?e[1].slice(0,-1):e[1];return{type:"paragraph",raw:e[0],text:t,tokens:this.lexer.inline(t)}}}text(t){let e=this.rules.block.text.exec(t);if(e)return{type:"text",raw:e[0],text:e[0],tokens:this.lexer.inline(e[0])}}escape(t){let e=this.rules.inline.escape.exec(t);if(e)return{type:"escape",raw:e[0],text:e[1]}}tag(t){let e=this.rules.inline.tag.exec(t);if(e)return!this.lexer.state.inLink&&this.rules.other.startATag.test(e[0])?this.lexer.state.inLink=!0:this.lexer.state.inLink&&this.rules.other.endATag.test(e[0])&&(this.lexer.state.inLink=!1),!this.lexer.state.inRawBlock&&this.rules.other.startPreScriptTag.test(e[0])?this.lexer.state.inRawBlock=!0:this.lexer.state.inRawBlock&&this.rules.other.endPreScriptTag.test(e[0])&&(this.lexer.state.inRawBlock=!1),{type:"html",raw:e[0],inLink:this.lexer.state.inLink,inRawBlock:this.lexer.state.inRawBlock,block:!1,text:e[0]}}link(t){let e=this.rules.inline.link.exec(t);if(e){let t=e[2].trim();if(!this.options.pedantic&&this.rules.other.startAngleBracket.test(t)){if(!this.rules.other.endAngleBracket.test(t))return;let e=pi(t.slice(0,-1),"\\");if((t.length-e.length)%2==0)return}else{let t=function(t,e){if(-1===t.indexOf(e[1]))return-1;let i=0;for(let r=0;r<t.length;r++)if("\\"===t[r])r++;else if(t[r]===e[0])i++;else if(t[r]===e[1]&&(i--,i<0))return r;return i>0?-2:-1}(e[2],"()");if(-2===t)return;if(t>-1){let i=(0===e[0].indexOf("!")?5:4)+e[1].length+t;e[2]=e[2].substring(0,t),e[0]=e[0].substring(0,i).trim(),e[3]=""}}let i=e[2],r="";if(this.options.pedantic){let t=this.rules.other.pedanticHrefTitle.exec(i);t&&(i=t[1],r=t[3])}else r=e[3]?e[3].slice(1,-1):"";return i=i.trim(),this.rules.other.startAngleBracket.test(i)&&(i=this.options.pedantic&&!this.rules.other.endAngleBracket.test(t)?i.slice(1):i.slice(1,-1)),gi(e,{href:i&&i.replace(this.rules.inline.anyPunctuation,"$1"),title:r&&r.replace(this.rules.inline.anyPunctuation,"$1")},e[0],this.lexer,this.rules)}}reflink(t,e){let i;if((i=this.rules.inline.reflink.exec(t))||(i=this.rules.inline.nolink.exec(t))){let t=e[(i[2]||i[1]).replace(this.rules.other.multipleSpaceGlobal," ").toLowerCase()];if(!t){let t=i[0].charAt(0);return{type:"text",raw:t,text:t}}return gi(i,t,i[0],this.lexer,this.rules)}}emStrong(t,e,i=""){let r=this.rules.inline.emStrongLDelim.exec(t);if(r&&(r[1]||r[2]||r[3]||r[4])&&(!r[4]||!i.match(this.rules.other.unicodeAlphaNumeric))&&(!r[1]&&!r[3]||!i||this.rules.inline.punctuation.exec(i))){let i,o,s=[...r[0]].length-1,n=s,a=0,l="*"===r[0][0]?this.rules.inline.emStrongRDelimAst:this.rules.inline.emStrongRDelimUnd;for(l.lastIndex=0,e=e.slice(-1*t.length+s);null!=(r=l.exec(e));){if(i=r[1]||r[2]||r[3]||r[4]||r[5]||r[6],!i)continue;if(o=[...i].length,r[3]||r[4]){n+=o;continue}if((r[5]||r[6])&&s%3&&!((s+o)%3)){a+=o;continue}if(n-=o,n>0)continue;o=Math.min(o,o+n+a);let e=[...r[0]][0].length,l=t.slice(0,s+r.index+e+o);if(Math.min(s,o)%2){let t=l.slice(1,-1);return{type:"em",raw:l,text:t,tokens:this.lexer.inlineTokens(t)}}let c=l.slice(2,-2);return{type:"strong",raw:l,text:c,tokens:this.lexer.inlineTokens(c)}}}}codespan(t){let e=this.rules.inline.code.exec(t);if(e){let t=e[2].replace(this.rules.other.newLineCharGlobal," "),i=this.rules.other.nonSpaceChar.test(t),r=this.rules.other.startingSpaceChar.test(t)&&this.rules.other.endingSpaceChar.test(t);return i&&r&&(t=t.substring(1,t.length-1)),{type:"codespan",raw:e[0],text:t}}}br(t){let e=this.rules.inline.br.exec(t);if(e)return{type:"br",raw:e[0]}}del(t,e,i=""){let r=this.rules.inline.delLDelim.exec(t);if(r&&(!r[1]||!i||this.rules.inline.punctuation.exec(i))){let i,o,s=[...r[0]].length-1,n=s,a=this.rules.inline.delRDelim;for(a.lastIndex=0,e=e.slice(-1*t.length+s);null!=(r=a.exec(e));){if(i=r[1]||r[2]||r[3]||r[4]||r[5]||r[6],!i||(o=[...i].length,o!==s))continue;if(r[3]||r[4]){n+=o;continue}if(n-=o,n>0)continue;o=Math.min(o,o+n);let e=[...r[0]][0].length,a=t.slice(0,s+r.index+e+o),l=a.slice(s,-s);return{type:"del",raw:a,text:l,tokens:this.lexer.inlineTokens(l)}}}}autolink(t){let e=this.rules.inline.autolink.exec(t);if(e){let t,i;return"@"===e[2]?(t=e[1],i="mailto:"+t):(t=e[1],i=t),{type:"link",raw:e[0],text:t,href:i,tokens:[{type:"text",raw:t,text:t}]}}}url(t){let e;if(e=this.rules.inline.url.exec(t)){let t,i;if("@"===e[2])t=e[0],i="mailto:"+t;else{let r;do{r=e[0],e[0]=this.rules.inline._backpedal.exec(e[0])?.[0]??""}while(r!==e[0]);t=e[0],i="www."===e[1]?"http://"+e[0]:e[0]}return{type:"link",raw:e[0],text:t,href:i,tokens:[{type:"text",raw:t,text:t}]}}}inlineText(t){let e=this.rules.inline.text.exec(t);if(e)return{type:"text",raw:e[0],text:e[0],escaped:this.lexer.state.inRawBlock}}},bi=class t{tokens;options;state;inlineQueue;tokenizer;constructor(t){this.tokens=[],this.tokens.links=Object.create(null),this.options=t||ae,this.options.tokenizer=this.options.tokenizer||new ui,this.tokenizer=this.options.tokenizer,this.tokenizer.options=this.options,this.tokenizer.lexer=this,this.inlineQueue=[],this.state={inLink:!1,inRawBlock:!1,top:!0};let e={other:pe,block:si.normal,inline:ni.normal};this.options.pedantic?(e.block=si.pedantic,e.inline=ni.pedantic):this.options.gfm&&(e.block=si.gfm,e.inline=this.options.breaks?ni.breaks:ni.gfm),this.tokenizer.rules=e}static get rules(){return{block:si,inline:ni}}static lex(e,i){return new t(i).lex(e)}static lexInline(e,i){return new t(i).inlineTokens(e)}lex(t){t=t.replace(pe.carriageReturn,"\n"),this.blockTokens(t,this.tokens);for(let t=0;t<this.inlineQueue.length;t++){let e=this.inlineQueue[t];this.inlineTokens(e.src,e.tokens)}return this.inlineQueue=[],this.tokens}blockTokens(t,e=[],i=!1){for(this.tokenizer.lexer=this,this.options.pedantic&&(t=t.replace(pe.tabCharGlobal," ").replace(pe.spaceLine,""));t;){let r;if(this.options.extensions?.block?.some((i=>!!(r=i.call({lexer:this},t,e))&&(t=t.substring(r.raw.length),e.push(r),!0))))continue;if(r=this.tokenizer.space(t)){t=t.substring(r.raw.length);let i=e.at(-1);1===r.raw.length&&void 0!==i?i.raw+="\n":e.push(r);continue}if(r=this.tokenizer.code(t)){t=t.substring(r.raw.length);let i=e.at(-1);"paragraph"===i?.type||"text"===i?.type?(i.raw+=(i.raw.endsWith("\n")?"":"\n")+r.raw,i.text+="\n"+r.text,this.inlineQueue.at(-1).src=i.text):e.push(r);continue}if(r=this.tokenizer.fences(t)){t=t.substring(r.raw.length),e.push(r);continue}if(r=this.tokenizer.heading(t)){t=t.substring(r.raw.length),e.push(r);continue}if(r=this.tokenizer.hr(t)){t=t.substring(r.raw.length),e.push(r);continue}if(r=this.tokenizer.blockquote(t)){t=t.substring(r.raw.length),e.push(r);continue}if(r=this.tokenizer.list(t)){t=t.substring(r.raw.length),e.push(r);continue}if(r=this.tokenizer.html(t)){t=t.substring(r.raw.length),e.push(r);continue}if(r=this.tokenizer.def(t)){t=t.substring(r.raw.length);let i=e.at(-1);"paragraph"===i?.type||"text"===i?.type?(i.raw+=(i.raw.endsWith("\n")?"":"\n")+r.raw,i.text+="\n"+r.raw,this.inlineQueue.at(-1).src=i.text):this.tokens.links[r.tag]||(this.tokens.links[r.tag]={href:r.href,title:r.title},e.push(r));continue}if(r=this.tokenizer.table(t)){t=t.substring(r.raw.length),e.push(r);continue}if(r=this.tokenizer.lheading(t)){t=t.substring(r.raw.length),e.push(r);continue}let o=t;if(this.options.extensions?.startBlock){let e,i=1/0,r=t.slice(1);this.options.extensions.startBlock.forEach((t=>{e=t.call({lexer:this},r),"number"==typeof e&&e>=0&&(i=Math.min(i,e))})),i<1/0&&i>=0&&(o=t.substring(0,i+1))}if(this.state.top&&(r=this.tokenizer.paragraph(o))){let s=e.at(-1);i&&"paragraph"===s?.type?(s.raw+=(s.raw.endsWith("\n")?"":"\n")+r.raw,s.text+="\n"+r.text,this.inlineQueue.pop(),this.inlineQueue.at(-1).src=s.text):e.push(r),i=o.length!==t.length,t=t.substring(r.raw.length)}else if(r=this.tokenizer.text(t)){t=t.substring(r.raw.length);let i=e.at(-1);"text"===i?.type?(i.raw+=(i.raw.endsWith("\n")?"":"\n")+r.raw,i.text+="\n"+r.text,this.inlineQueue.pop(),this.inlineQueue.at(-1).src=i.text):e.push(r)}else if(t){let e="Infinite loop on byte: "+t.charCodeAt(0);if(this.options.silent){console.error(e);break}throw new Error(e)}}return this.state.top=!0,e}inline(t,e=[]){return this.inlineQueue.push({src:t,tokens:e}),e}inlineTokens(t,e=[]){this.tokenizer.lexer=this;let i,r=t,o=null;if(this.tokens.links){let t=Object.keys(this.tokens.links);if(t.length>0)for(;null!=(o=this.tokenizer.rules.inline.reflinkSearch.exec(r));)t.includes(o[0].slice(o[0].lastIndexOf("[")+1,-1))&&(r=r.slice(0,o.index)+"["+"a".repeat(o[0].length-2)+"]"+r.slice(this.tokenizer.rules.inline.reflinkSearch.lastIndex))}for(;null!=(o=this.tokenizer.rules.inline.anyPunctuation.exec(r));)r=r.slice(0,o.index)+"++"+r.slice(this.tokenizer.rules.inline.anyPunctuation.lastIndex);for(;null!=(o=this.tokenizer.rules.inline.blockSkip.exec(r));)i=o[2]?o[2].length:0,r=r.slice(0,o.index+i)+"["+"a".repeat(o[0].length-i-2)+"]"+r.slice(this.tokenizer.rules.inline.blockSkip.lastIndex);r=this.options.hooks?.emStrongMask?.call({lexer:this},r)??r;let s=!1,n="";for(;t;){let i;if(s||(n=""),s=!1,this.options.extensions?.inline?.some((r=>!!(i=r.call({lexer:this},t,e))&&(t=t.substring(i.raw.length),e.push(i),!0))))continue;if(i=this.tokenizer.escape(t)){t=t.substring(i.raw.length),e.push(i);continue}if(i=this.tokenizer.tag(t)){t=t.substring(i.raw.length),e.push(i);continue}if(i=this.tokenizer.link(t)){t=t.substring(i.raw.length),e.push(i);continue}if(i=this.tokenizer.reflink(t,this.tokens.links)){t=t.substring(i.raw.length);let r=e.at(-1);"text"===i.type&&"text"===r?.type?(r.raw+=i.raw,r.text+=i.text):e.push(i);continue}if(i=this.tokenizer.emStrong(t,r,n)){t=t.substring(i.raw.length),e.push(i);continue}if(i=this.tokenizer.codespan(t)){t=t.substring(i.raw.length),e.push(i);continue}if(i=this.tokenizer.br(t)){t=t.substring(i.raw.length),e.push(i);continue}if(i=this.tokenizer.del(t,r,n)){t=t.substring(i.raw.length),e.push(i);continue}if(i=this.tokenizer.autolink(t)){t=t.substring(i.raw.length),e.push(i);continue}if(!this.state.inLink&&(i=this.tokenizer.url(t))){t=t.substring(i.raw.length),e.push(i);continue}let o=t;if(this.options.extensions?.startInline){let e,i=1/0,r=t.slice(1);this.options.extensions.startInline.forEach((t=>{e=t.call({lexer:this},r),"number"==typeof e&&e>=0&&(i=Math.min(i,e))})),i<1/0&&i>=0&&(o=t.substring(0,i+1))}if(i=this.tokenizer.inlineText(o)){t=t.substring(i.raw.length),"_"!==i.raw.slice(-1)&&(n=i.raw.slice(-1)),s=!0;let r=e.at(-1);"text"===r?.type?(r.raw+=i.raw,r.text+=i.text):e.push(i)}else if(t){let e="Infinite loop on byte: "+t.charCodeAt(0);if(this.options.silent){console.error(e);break}throw new Error(e)}}return e}},vi=class{options;parser;constructor(t){this.options=t||ae}space(t){return""}code({text:t,lang:e,escaped:i}){let r=(e||"").match(pe.notSpaceStart)?.[0],o=t.replace(pe.endingNewline,"")+"\n";return r?'<pre><code class="language-'+ci(r)+'">'+(i?o:ci(o,!0))+"</code></pre>\n":"<pre><code>"+(i?o:ci(o,!0))+"</code></pre>\n"}blockquote({tokens:t}){return`<blockquote>\n${this.parser.parse(t)}</blockquote>\n`}html({text:t}){return t}def(t){return""}heading({tokens:t,depth:e}){return`<h${e}>${this.parser.parseInline(t)}</h${e}>\n`}hr(t){return"<hr>\n"}list(t){let e=t.ordered,i=t.start,r="";for(let e=0;e<t.items.length;e++)r+=this.listitem(t.items[e]);let o=e?"ol":"ul";return"<"+o+(e&&1!==i?' start="'+i+'"':"")+">\n"+r+"</"+o+">\n"}listitem(t){return`<li>${this.parser.parse(t.tokens)}</li>\n`}checkbox({checked:t}){return"<input "+(t?'checked="" ':"")+'disabled="" type="checkbox"> '}paragraph({tokens:t}){return`<p>${this.parser.parseInline(t)}</p>\n`}table(t){let e="",i="";for(let e=0;e<t.header.length;e++)i+=this.tablecell(t.header[e]);e+=this.tablerow({text:i});let r="";for(let e=0;e<t.rows.length;e++){let o=t.rows[e];i="";for(let t=0;t<o.length;t++)i+=this.tablecell(o[t]);r+=this.tablerow({text:i})}return r&&(r=`<tbody>${r}</tbody>`),"<table>\n<thead>\n"+e+"</thead>\n"+r+"</table>\n"}tablerow({text:t}){return`<tr>\n${t}</tr>\n`}tablecell(t){let e=this.parser.parseInline(t.tokens),i=t.header?"th":"td";return(t.align?`<${i} align="${t.align}">`:`<${i}>`)+e+`</${i}>\n`}strong({tokens:t}){return`<strong>${this.parser.parseInline(t)}</strong>`}em({tokens:t}){return`<em>${this.parser.parseInline(t)}</em>`}codespan({text:t}){return`<code>${ci(t,!0)}</code>`}br(t){return"<br>"}del({tokens:t}){return`<del>${this.parser.parseInline(t)}</del>`}link({href:t,title:e,tokens:i}){let r=this.parser.parseInline(i),o=di(t);if(null===o)return r;let s='<a href="'+(t=o)+'"';return e&&(s+=' title="'+ci(e)+'"'),s+=">"+r+"</a>",s}image({href:t,title:e,text:i,tokens:r}){r&&(i=this.parser.parseInline(r,this.parser.textRenderer));let o=di(t);if(null===o)return ci(i);let s=`<img src="${t=o}" alt="${ci(i)}"`;return e&&(s+=` title="${ci(e)}"`),s+=">",s}text(t){return"tokens"in t&&t.tokens?this.parser.parseInline(t.tokens):"escaped"in t&&t.escaped?t.text:ci(t.text)}},mi=class{strong({text:t}){return t}em({text:t}){return t}codespan({text:t}){return t}del({text:t}){return t}html({text:t}){return t}text({text:t}){return t}link({text:t}){return""+t}image({text:t}){return""+t}br(){return""}checkbox({raw:t}){return t}},xi=class t{options;renderer;textRenderer;constructor(t){this.options=t||ae,this.options.renderer=this.options.renderer||new vi,this.renderer=this.options.renderer,this.renderer.options=this.options,this.renderer.parser=this,this.textRenderer=new mi}static parse(e,i){return new t(i).parse(e)}static parseInline(e,i){return new t(i).parseInline(e)}parse(t){this.renderer.parser=this;let e="";for(let i=0;i<t.length;i++){let r=t[i];if(this.options.extensions?.renderers?.[r.type]){let t=r,i=this.options.extensions.renderers[t.type].call({parser:this},t);if(!1!==i||!["space","hr","heading","code","table","blockquote","list","html","def","paragraph","text"].includes(t.type)){e+=i||"";continue}}let o=r;switch(o.type){case"space":e+=this.renderer.space(o);break;case"hr":e+=this.renderer.hr(o);break;case"heading":e+=this.renderer.heading(o);break;case"code":e+=this.renderer.code(o);break;case"table":e+=this.renderer.table(o);break;case"blockquote":e+=this.renderer.blockquote(o);break;case"list":e+=this.renderer.list(o);break;case"checkbox":e+=this.renderer.checkbox(o);break;case"html":e+=this.renderer.html(o);break;case"def":e+=this.renderer.def(o);break;case"paragraph":e+=this.renderer.paragraph(o);break;case"text":e+=this.renderer.text(o);break;default:{let t='Token with "'+o.type+'" type was not found.';if(this.options.silent)return console.error(t),"";throw new Error(t)}}}return e}parseInline(t,e=this.renderer){this.renderer.parser=this;let i="";for(let r=0;r<t.length;r++){let o=t[r];if(this.options.extensions?.renderers?.[o.type]){let t=this.options.extensions.renderers[o.type].call({parser:this},o);if(!1!==t||!["escape","html","link","image","strong","em","codespan","br","del","text"].includes(o.type)){i+=t||"";continue}}let s=o;switch(s.type){case"escape":case"text":i+=e.text(s);break;case"html":i+=e.html(s);break;case"link":i+=e.link(s);break;case"image":i+=e.image(s);break;case"checkbox":i+=e.checkbox(s);break;case"strong":i+=e.strong(s);break;case"em":i+=e.em(s);break;case"codespan":i+=e.codespan(s);break;case"br":i+=e.br(s);break;case"del":i+=e.del(s);break;default:{let t='Token with "'+s.type+'" type was not found.';if(this.options.silent)return console.error(t),"";throw new Error(t)}}}return i}},wi=class{options;block;constructor(t){this.options=t||ae}static passThroughHooks=new Set(["preprocess","postprocess","processAllTokens","emStrongMask"]);static passThroughHooksRespectAsync=new Set(["preprocess","postprocess","processAllTokens"]);preprocess(t){return t}postprocess(t){return t}processAllTokens(t){return t}emStrongMask(t){return t}provideLexer(){return this.block?bi.lex:bi.lexInline}provideParser(){return this.block?xi.parse:xi.parseInline}},yi=new class{defaults={async:!1,breaks:!1,extensions:null,gfm:!0,hooks:null,pedantic:!1,renderer:null,silent:!1,tokenizer:null,walkTokens:null};options=this.setOptions;parse=this.parseMarkdown(!0);parseInline=this.parseMarkdown(!1);Parser=xi;Renderer=vi;TextRenderer=mi;Lexer=bi;Tokenizer=ui;Hooks=wi;constructor(...t){this.use(...t)}walkTokens(t,e){let i=[];for(let r of t)switch(i=i.concat(e.call(this,r)),r.type){case"table":{let t=r;for(let r of t.header)i=i.concat(this.walkTokens(r.tokens,e));for(let r of t.rows)for(let t of r)i=i.concat(this.walkTokens(t.tokens,e));break}case"list":i=i.concat(this.walkTokens(r.items,e));break;default:{let t=r;this.defaults.extensions?.childTokens?.[t.type]?this.defaults.extensions.childTokens[t.type].forEach((r=>{let o=t[r].flat(1/0);i=i.concat(this.walkTokens(o,e))})):t.tokens&&(i=i.concat(this.walkTokens(t.tokens,e)))}}return i}use(...t){let e=this.defaults.extensions||{renderers:{},childTokens:{}};return t.forEach((t=>{let i={...t};if(i.async=this.defaults.async||i.async||!1,t.extensions&&(t.extensions.forEach((t=>{if(!t.name)throw new Error("extension name required");if("renderer"in t){let i=e.renderers[t.name];e.renderers[t.name]=i?function(...e){let r=t.renderer.apply(this,e);return!1===r&&(r=i.apply(this,e)),r}:t.renderer}if("tokenizer"in t){if(!t.level||"block"!==t.level&&"inline"!==t.level)throw new Error("extension level must be 'block' or 'inline'");let i=e[t.level];i?i.unshift(t.tokenizer):e[t.level]=[t.tokenizer],t.start&&("block"===t.level?e.startBlock?e.startBlock.push(t.start):e.startBlock=[t.start]:"inline"===t.level&&(e.startInline?e.startInline.push(t.start):e.startInline=[t.start]))}"childTokens"in t&&t.childTokens&&(e.childTokens[t.name]=t.childTokens)})),i.extensions=e),t.renderer){let e=this.defaults.renderer||new vi(this.defaults);for(let i in t.renderer){if(!(i in e))throw new Error(`renderer '${i}' does not exist`);if(["options","parser"].includes(i))continue;let r=t.renderer[i],o=e[i];e[i]=(...t)=>{let i=r.apply(e,t);return!1===i&&(i=o.apply(e,t)),i||""}}i.renderer=e}if(t.tokenizer){let e=this.defaults.tokenizer||new ui(this.defaults);for(let i in t.tokenizer){if(!(i in e))throw new Error(`tokenizer '${i}' does not exist`);if(["options","rules","lexer"].includes(i))continue;let r=t.tokenizer[i],o=e[i];e[i]=(...t)=>{let i=r.apply(e,t);return!1===i&&(i=o.apply(e,t)),i}}i.tokenizer=e}if(t.hooks){let e=this.defaults.hooks||new wi;for(let i in t.hooks){if(!(i in e))throw new Error(`hook '${i}' does not exist`);if(["options","block"].includes(i))continue;let r=t.hooks[i],o=e[i];e[i]=wi.passThroughHooks.has(i)?t=>{if(this.defaults.async&&wi.passThroughHooksRespectAsync.has(i))return(async()=>{let i=await r.call(e,t);return o.call(e,i)})();let s=r.call(e,t);return o.call(e,s)}:(...t)=>{if(this.defaults.async)return(async()=>{let i=await r.apply(e,t);return!1===i&&(i=await o.apply(e,t)),i})();let i=r.apply(e,t);return!1===i&&(i=o.apply(e,t)),i}}i.hooks=e}if(t.walkTokens){let e=this.defaults.walkTokens,r=t.walkTokens;i.walkTokens=function(t){let i=[];return i.push(r.call(this,t)),e&&(i=i.concat(e.call(this,t))),i}}this.defaults={...this.defaults,...i}})),this}setOptions(t){return this.defaults={...this.defaults,...t},this}lexer(t,e){return bi.lex(t,e??this.defaults)}parser(t,e){return xi.parse(t,e??this.defaults)}parseMarkdown(t){return(e,i)=>{let r={...i},o={...this.defaults,...r},s=this.onError(!!o.silent,!!o.async);if(!0===this.defaults.async&&!1===r.async)return s(new Error("marked(): The async option was set to true by an extension. Remove async: false from the parse options object to return a Promise."));if(typeof e>"u"||null===e)return s(new Error("marked(): input parameter is undefined or null"));if("string"!=typeof e)return s(new Error("marked(): input parameter is of type "+Object.prototype.toString.call(e)+", string expected"));if(o.hooks&&(o.hooks.options=o,o.hooks.block=t),o.async)return(async()=>{let i=o.hooks?await o.hooks.preprocess(e):e,r=await(o.hooks?await o.hooks.provideLexer():t?bi.lex:bi.lexInline)(i,o),s=o.hooks?await o.hooks.processAllTokens(r):r;o.walkTokens&&await Promise.all(this.walkTokens(s,o.walkTokens));let n=await(o.hooks?await o.hooks.provideParser():t?xi.parse:xi.parseInline)(s,o);return o.hooks?await o.hooks.postprocess(n):n})().catch(s);try{o.hooks&&(e=o.hooks.preprocess(e));let i=(o.hooks?o.hooks.provideLexer():t?bi.lex:bi.lexInline)(e,o);o.hooks&&(i=o.hooks.processAllTokens(i)),o.walkTokens&&this.walkTokens(i,o.walkTokens);let r=(o.hooks?o.hooks.provideParser():t?xi.parse:xi.parseInline)(i,o);return o.hooks&&(r=o.hooks.postprocess(r)),r}catch(t){return s(t)}}}onError(t,e){return i=>{if(i.message+="\nPlease report this to https://github.com/markedjs/marked.",t){let t="<p>An error occurred:</p><pre>"+ci(i.message+"",!0)+"</pre>";return e?Promise.resolve(t):t}if(e)return Promise.reject(i);throw i}}};function ki(t,e){return yi.parse(t,e)}ki.options=ki.setOptions=function(t){return yi.setOptions(t),le(ki.defaults=yi.defaults),ki},ki.getDefaults=function(){return{async:!1,breaks:!1,extensions:null,gfm:!0,hooks:null,pedantic:!1,renderer:null,silent:!1,tokenizer:null,walkTokens:null}},ki.defaults=ae,ki.use=function(...t){return yi.use(...t),le(ki.defaults=yi.defaults),ki},ki.walkTokens=function(t,e){return yi.walkTokens(t,e)},ki.parseInline=yi.parseInline,ki.Parser=xi,ki.parser=xi.parse,ki.Renderer=vi,ki.TextRenderer=mi,ki.Lexer=bi,ki.lexer=bi.lex,ki.Tokenizer=ui,ki.Hooks=wi,ki.parse=ki;const Ci=(t,e)=>"categorical"===e.type&&"values"in e&&0!==e.values.length&&"productId"in t&&t.productId?e.values.find((e=>e.label===t.productId)):null,Si=t=>{var e,i,r;return null!==(r=null===(i=null===(e=t.interactions)||void 0===e?void 0:e.dynamicFilters)||void 0===i?void 0:i.flatMap((t=>"values"in t?t.values.map((e=>`${t.column}:${e.value}`)):[])))&&void 0!==r?r:[]},zi=(e,i,r,o,s)=>{const n=((t,e)=>{const i=[...e].sort(((t,e)=>t.locator.start-e.locator.start)),r=[];let o=0;for(const e of i){const{start:i,length:s}=e.locator;i>o&&r.push({type:"text",content:t.slice(o,i)}),r.push({type:"annotated",content:t.slice(i,i+s),annotation:e}),o=i+s}return o<t.length&&r.push({type:"text",content:t.slice(o)}),r})(e,i);return t("li",{class:"suggestion-item",part:"suggestion-item",key:s},n.map(((e,i)=>{const n=`${s}-${i}`;if("text"===e.type)return t("span",{key:n,innerHTML:ki.parseInline(e.content)});const a=(t=>{for(const e of t.data.items)if("deeplink"in e&&e.deeplink)return e.deeplink;return null})(e.annotation);if(a)return t("a",{key:n,href:a,target:"_blank",rel:"noopener noreferrer",class:"suggestion-link",part:"suggestion-link"},e.content);const l=Si(e.annotation).some((t=>o.has(t)));return t("button",{key:n,class:"suggestion-filter-button "+(l?"active":""),part:"suggestion-filter-button",onClick:()=>r(e.annotation),type:"button"},e.content)})))},Ti=class{constructor(t){e(this,t),this.vviinnFiltersChanged=i(this,"vviinnFiltersChanged"),this.vviinnFilterTriggered=i(this,"vviinnFilterTriggered"),this.globalSlotsChanged=i(this,"globalSlotsChanged"),this.showInWidget=!1,this.stream=null,this.appliedSuggestionFilters=new Set,this.skipStateChanges=t=>this.showInWidget!==t,this.handleFiltersChanged=({detail:t})=>{const{filters:e,el:i,isTriggeredByVpsWidget:r}=t;i===this.el||this.skipStateChanges(r)||(this.syncSuggestionFiltersWithActiveFilters(e),this.state.requestFilters=e)},this.handleTextSearchStarted=({detail:t})=>{this.skipStateChanges(t.isTriggeredByVpsWidget)||(this.appliedSuggestionFilters=new Set)},this.handleSuggestionClick=t=>{const e=(t=>t.data.items)(t);(t=>{var e,i;return!!(null===(i=null===(e=t.interactions)||void 0===e?void 0:e.dynamicFilters)||void 0===i?void 0:i.length)})(t)&&Si(t).forEach((t=>this.toggleSuggestionFilter(t))),this.applyProductFilters(e,t.interactions)}}replaceSlotsContent(){const t=this.el.querySelectorAll("[slot]");this.globalSlotsChanged.emit({slots:Array.from(t),element:this.el})}async componentWillLoad(){await mt(this.locale),_(this,this.el)}componentDidRender(){this.replaceSlotsContent()}connectedCallback(){const{state:t,onChange:e}=y(this.showInWidget);this.state=t;const i=e("stream",(()=>{this.stream=this.state.stream,this.syncFiltersIfReady()}));this.disposeStoreListener=()=>{i()},this.stream=this.state.stream,this.syncFiltersIfReady(),this.eventAbortController=new AbortController;const{signal:r}=this.eventAbortController;P(document,[["vviinnFiltersChanged",this.handleFiltersChanged],["vviinnTextSearchStarted",this.handleTextSearchStarted]],r)}disconnectedCallback(){var t,e;null===(t=this.eventAbortController)||void 0===t||t.abort(),null===(e=this.disposeStoreListener)||void 0===e||e.call(this)}toggleSuggestionFilter(t){this.appliedSuggestionFilters=((t,e)=>{const i=new Set(this.appliedSuggestionFilters);return i.has(e)?i.delete(e):i.add(e),i})(0,t)}syncFiltersIfReady(){var t;this.stream&&(null===(t=this.state.requestFilters)||void 0===t?void 0:t.length)>0&&this.syncSuggestionFiltersWithActiveFilters(this.state.requestFilters)}syncSuggestionFiltersWithActiveFilters(t){this.appliedSuggestionFilters=((t,e)=>{var i,r,o;const s=(t=>{const e=new Set;return t.forEach((t=>{Array.isArray(t.values)&&t.values.forEach((i=>e.add(`${t.column}:${String(i)}`)))})),e})(t),n=new Set;if(!(null==e?void 0:e.items))return n;for(const t of e.items)if("assistant"===t.role&&t.parts)for(const e of t.parts)if(null===(i=e.text)||void 0===i?void 0:i.annotations)for(const t of e.text.annotations)if(null===(o=null===(r=t.interactions)||void 0===r?void 0:r.dynamicFilters)||void 0===o?void 0:o.length)for(const e of t.interactions.dynamicFilters)"categorical"===e.type&&"values"in e&&e.values.forEach((t=>{s.has(`${e.column}:${String(t.value)}`)&&n.add(`${e.column}:${t.value}`)}));return n})(t,this.stream)}applyProductFilters(t,e){const i=this.getFilterHandlers(),r=((t,e,i,r)=>{if(!(null==e?void 0:e.dynamicFilters))return i;const o=e.dynamicFilters;let s=i;if(0===t.length){for(const t of o)if("categorical"===t.type&&"values"in t)for(const e of t.values)s=K({filterValue:e,selectedFilter:t,requestFilters:s,vviinnFilterTriggered:r.vviinnFilterTriggered,vviinnFiltersChanged:r.vviinnFiltersChanged,el:r.el,isTriggeredByVpsWidget:r.isTriggeredByVpsWidget});return s}for(const e of t)for(const t of o){const i=Ci(e,t);if(i){const e=Object.assign({value:i.value},i);s=K({filterValue:e,selectedFilter:t,requestFilters:s,vviinnFilterTriggered:r.vviinnFilterTriggered,vviinnFiltersChanged:r.vviinnFiltersChanged,el:r.el,isTriggeredByVpsWidget:r.isTriggeredByVpsWidget})}}return s})(t,e,this.state.requestFilters,i);this.state.requestFilters=r}getFilterHandlers(){return{vviinnFilterTriggered:this.vviinnFilterTriggered,vviinnFiltersChanged:this.vviinnFiltersChanged,el:this.el,isTriggeredByVpsWidget:this.showInWidget}}renderSuggestionItem(t,e,i){return 0!==e.length&&(t=>t.every((t=>{var e,i;return void 0!==(null===(e=t.locator)||void 0===e?void 0:e.start)&&void 0!==(null===(i=t.locator)||void 0===i?void 0:i.length)})))(e)?[zi(t,e,(t=>this.handleSuggestionClick(t)),this.appliedSuggestionFilters,i)]:null}renderStreamItems(){const e=[];return this.stream.items.forEach(((i,r)=>{"assistant"===i.role&&i.parts&&i.parts.forEach(((i,o)=>{var s;const n=`${r}-${o}`;if(i.text)if((null===(s=i.text.annotations)||void 0===s?void 0:s.length)>0){const r=this.renderSuggestionItem(i.text.content,i.text.annotations,n);(null==r?void 0:r.length)&&e.push(t("ul",{class:"suggestions-list",part:"suggestions-list",key:n},r))}else i.text.content&&e.push(((e,i)=>t("div",{class:"suggestion-info-text",part:"suggestion-info-text",key:i,innerHTML:ki.parse(e)}))(i.text.content,n))}))})),e}render(){var e;return(null===(e=this.stream)||void 0===e?void 0:e.items)&&0!==this.stream.items.length?t(r,{class:{"show-in-widget":this.showInWidget},exportparts:St},t("div",{class:"container",part:"suggestions-container"},t("div",{class:"header",part:"suggestions-header"},t("div",{class:"icon",part:"suggestions-icon"},t("slot",{name:"vviinn-suggestions-icon"},t(ne,null))),t("h3",{class:"title",part:"suggestions-title"},t("slot",{name:"vviinn-suggestions-title"},ot.t("suggestions.title")))),t("div",{class:"suggestions-wrapper",part:"suggestions-wrapper"},this.renderStreamItems()))):null}get el(){return o(this)}};Ti.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:contents}.container{display:flex;flex-direction:column;gap:var(--spacing-150);font-family:var(--font-family, var(--font-family-base));padding-right:var(--spacing-100);line-height:normal}.header{display:flex;align-items:center;gap:var(--spacing-100)}.icon{font-size:20px}.title{margin:0;font-size:var(--font-size-headline);line-height:var(--line-height-headline);font-weight:600;color:var(--color-text-primary)}.suggestions-wrapper{display:flex;flex-direction:column;gap:var(--spacing-100);width:100%}.suggestions-list{list-style:none;margin:0;padding:0;padding-right:var(--spacing-100);display:flex;align-items:center;gap:var(--spacing-100);flex-wrap:wrap;font-size:var(--font-size-label)}.suggestion-item{display:contents}.suggestion-link{background:none;border:none;color:var(--color-primary-500);text-decoration:underline;cursor:pointer;font-size:inherit;line-height:inherit;padding:0;margin:0}.suggestion-link:hover{color:var(--color-primary-600)}.suggestion-link:focus{outline:2px solid var(--color-primary-500);outline-offset:2px;border-radius:2px}.suggestion-filter-button{background:none;border:none;cursor:pointer;display:flex;align-items:center;height:36px;padding:var(--spacing-75);gap:var(--spacing-50);white-space:nowrap;border-radius:var(--border-radius-100);background-color:var(--surface-bg-color-01);transition:background-color 0.1s;font-family:var(--font-family, var(--font-family-base));font-size:var(--font-size-label);color:var(--color-text-primary)}.suggestion-filter-button:hover{background-color:var(--surface-bg-color-01-hover)}.suggestion-filter-button.active{background:var(--surface-bg-color-inverse);color:var(--color-text-inverse)}.suggestion-info-text{font-size:var(--font-size-label);color:var(--color-text-primary)}.suggestion-info-text *{font-size:var(--font-size-label);margin:0}";const $i=class{constructor(t){e(this,t)}componentWillLoad(){_(this,this.el)}render(){return t(r,{key:"8a000f0c33266514f8665f595f5de4e3be66a92a"},t("slot",{key:"5d6f646a3efc56a7a8f69b299e550685763f3d58"},t("span",{key:"b044024aab57627bd5a7236c6cb8f170b6a18d9c",class:"vviinn-teaser-text"},t("slot",{key:"41dbdef5be7ce19a88c34521b94332de7a2c0b21",name:"vviinn-teaser-text"},ot.t("teaserText")))))}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{align-items:center;display:grid;justify-items:center;grid-gap:16px}.vviinn-teaser-text{font-family:var(--font-family, var(--font-family-base));font-size:22px;font-weight:600;line-height:28px;text-align:center;white-space:pre-line}";const Ii={facingMode:"environment",width:{ideal:1920},height:{ideal:1080},frameRate:{ideal:30}};var ji=function(t,e){var i={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(i[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(t);o<r.length;o++)e.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(t,r[o])&&(i[r[o]]=t[r[o]])}return i};const _i=class{constructor(t){e(this,t),this.globalSlotsChanged=i(this,"globalSlotsChanged"),this.vviinnWidgetLoad=i(this,"vviinnWidgetLoad"),this.vviinnWidgetOpen=i(this,"vviinnWidgetOpen"),this.vviinnWidgetClose=i(this,"vviinnWidgetClose"),this.vviinnImageCrop=i(this,"vviinnImageCrop"),this.vviinnSelectObject=i(this,"vviinnSelectObject"),this.vviinnSelectFilter=i(this,"vviinnSelectFilter"),this.vviinnImageUploadStarted=i(this,"vviinnImageUploadStarted"),this.vviinnNoResult=i(this,"vviinnNoResult"),this.vviinnRedirect=i(this,"vviinnRedirect"),this.active=!0,this.campaignId="",this.campaignIdTextSearch="",this.campaignIdVisualSearch="",this.excluded="",this.productDetailsNewTab=!0,this.productDetailsRedirect=!0,this.imageResolutionWidth=Ot,this.showMultipleImages=!1,this.exampleImageSource=Vt,this.textSearchShow=!1,this.autoSuggestShow=!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.showingInButton=!1,this.mode="modal",this.parentSlots=[],this.slidePosition=0,this.uploadSource=null,this.stream=null,this.products=[],this.uploadDialogOpened=!1,this.isCameraInitializing=!1,this.isCameraEnabled=!1,this.isCameraButtonClicked=!1,this.showAspectRatioError=!1,this.wrongImageFormat=!1,this.imageSource="upload",this.cameraAvailable=!1,this.isDesktop=!1,this.videoTrack=null,this.slots=[],this.isTextSearch=()=>"text"===this.state.searchType,this.handleVviinnImageUpload=t=>{this.trackInitialSearch(),this.uploadSource=t},this.handleVviinnImageUploadFinished=t=>{!this.resultsPageUrl||this.showInWidget||Pt(this.resultsPageUrl)?(this.handleImageSelection(),"upload"===this.mode&&this.showInWidget&&(this.active=!0)):this.handleImageSearchRedirect(t.searchId)},this.handleVviinnNoResult=t=>{"client"===t.reason&&("heic-not-supported"===t.errorCode?this.wrongImageFormat="heic-not-supported":"unsupported-file-type"!==t.errorCode&&t.errorCode||(this.wrongImageFormat="wrong-format"))},this.adjustCameraSettings=async()=>{var t;if(!this.videoTrack)return;const e=(null===(t=this.videoTrack)||void 0===t?void 0:t.getCapabilities)?this.videoTrack.getCapabilities():{};if("focusMode"in e)try{await this.videoTrack.applyConstraints({advanced:[{focusMode:"continuous"}]})}catch(t){console.error("Failed to apply focus mode constraints",t)}if("exposureMode"in e)try{await this.videoTrack.applyConstraints({advanced:[{exposureMode:"continuous"}]})}catch(t){console.error("Failed to apply exposure mode constraints",t)}if("whiteBalanceMode"in e)try{await this.videoTrack.applyConstraints({advanced:[{whiteBalanceMode:"continuous"}]})}catch(t){console.error("Failed to apply white balance mode constraints",t)}},this.handleStartCameraClick=async()=>{this.stream?this.resetState():(this.isCameraInitializing=!0,setTimeout((async()=>{this.isCameraButtonClicked=!0;try{const t=await navigator.mediaDevices.getUserMedia({video:Ii});this.videoTrack=t.getVideoTracks()[0],this.adjustCameraSettings(),this.stream=t,this.uploadSource="startCamera"}catch(t){console.error("Error accessing camera: ",t.message),this.resetState(),this.isCameraInitializing=!1}}),500))},this.setShowAspectRatioError=t=>{this.showAspectRatioError=t},this.getBasicEventData=t=>{var e;const i=this.isTextSearch()||t?"TPS":"VPS";return Object.assign({campaignTypeId:i,campaignTypeName:m[i],widgetVersion:v},x("widgetId",null!==(e=this.buttonElementId)&&void 0!==e?e:this.widgetElementId))},this.handleAspectRatioError=({detail:t})=>{this.setShowAspectRatioError(t),this.el.classList.add("bordered")},this.handleButtonKeyDown=(t,e)=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),e())},this.resetInnerState=()=>{this.showInWidget&&S(this.storeName,null),this.wrongImageFormat=!1,this.resetScroll("results-block"),this.stopStreamTracks(),this.showInWidget&&this.initResultEvents(),this.stream=null,this.isCameraEnabled=!1,this.isCameraButtonClicked=!1,this.isCameraInitializing=!1,this.setShowAspectRatioError(!1),this.slidePosition=0,this.uploadSource=null,this.uploadDialogOpened=!1,this.resetScroll("start-page_block")},this.resetState=()=>{this.resetInnerState(),this.showInWidget&&z(this.storeName,"appStateAndReceivedData")}}get showInWidget(){return this.showResultsInModal}initResultEvents(){this.state.resultLoaded=!1,this.state.resultViewed=!1}replaceSlotsContent(t){this.globalSlotsChanged.emit({slots:this.slots,element:this.el}),t&&this.globalSlotsChanged.emit({slots:this.slots,element:t})}stopStreamTracks(){var t;null===(t=this.stream)||void 0===t||t.getTracks().forEach((t=>{t.stop()}))}isOnboardingSlide(){return 0===this.slidePosition}isResultSlide(){return 1===this.slidePosition}handleImageSearchRedirect(t){const e=At(this.resultsPageUrl,t),i=Object.assign(Object.assign({},this.getBasicEventData()),{url:e,source:"visual-search",searchId:t});this.vviinnRedirect.emit(i).defaultPrevented||(window.location.href=e)}async componentWillLoad(){await mt(this.locale),this.slots=B(this.el),_(this,this.el),this.vviinnWidgetLoad.emit(this.getBasicEventData()),this.trackWidgetEvent("load")}componentDidLoad(){this.replaceSlotsContent()}activeWatcher(t){t?("upload"===this.mode?1!==this.slidePosition&&this.resetInnerState():this.resetState(),this.overflow=document.body.style.overflow,document.body.style.overflow="hidden",this.vviinnWidgetOpen.emit(this.getBasicEventData()),"camera"===this.mode&&this.handleStartCameraClick(),this.trackWidgetEvent("open")):("upload"===this.mode&&setTimeout((()=>this.resetState()),500),document.body.style.overflow=this.overflow,this.showInWidget&&this.initResultEvents())}slidePositionWatcher(){if(1===this.slidePosition){const t=this.el.shadowRoot.querySelector("vviinn-overlayed-modal").shadowRoot.querySelector("vviinn-overlay").querySelector("vviinn-modal");this.modalBody=t.shadowRoot.querySelector(".body"),this.modalBody.scrollTop=0,this.stopStreamTracks()}}textSearchFinishedHandler({detail:t}){S(this.storeName,t.query),this.showInWidget?this.slidePosition=1:this.closeModalAndResetState()}textSearchStartedHandler({detail:t}){this.showInWidget||t.isTriggeredByVpsWidget||this.closeModalAndResetState()}resultLoadHandler(){this.state.resultLoaded=!0}resultViewHandler(){this.state.resultViewed=!0}trackCameraEnabled({detail:t}){this.isCameraEnabled=t,this.isCameraInitializing=!1}cropAreaChanges(){this.initResultEvents();const t=this.getBasicEventData(),e=ji(t,["campaignTypeId"]),i=rt(Object.assign({session_id:this.uiSessionId,source:this.imageSource,search_area:"manual-selection"},e));st(i,this.token,this.apiPath)}trackDetectedObject(){this.initResultEvents();const t=this.getBasicEventData(),e=ji(t,["campaignTypeId"]),i=rt(Object.assign({session_id:this.uiSessionId,source:this.imageSource,search_area:"attention-point"},e));st(i,this.token,this.apiPath)}trackImageSearchFilterSelected({detail:t}){this.initResultEvents();const e=this.getBasicEventData(),i=ji(e,["campaignTypeId"]),r=H("VPS")(Object.assign({session_id:this.uiSessionId,source:this.imageSource,kind:t.kind,action:t.action},i));st(r,this.token,this.apiPath)}connectedCallback(){this.isDesktop="desktop"===I();const{state:t,storeName:e}=y(this.showInWidget);this.storeName=e,this.state=t,this.cameraAvailable=!!navigator.mediaDevices&&!!navigator.mediaDevices.getUserMedia,this.state.campaignId=this.campaignId,this.state.campaignIdTextSearch=this.campaignIdTextSearch,this.state.campaignIdVisualSearch=this.campaignIdVisualSearch,this.state.excluded=j(this.excluded),this.uiSessionId=q(),this.widgetElementId=this.el.id,this.eventAbortController=new AbortController;const{signal:i}=this.eventAbortController;P(document,[["vviinnCropperAspectRatioError",this.handleAspectRatioError]],i)}disconnectedCallback(){var t;null===(t=this.eventAbortController)||void 0===t||t.abort()}trackWidgetEvent(t){const e=this.getBasicEventData(),i=ji(e,["campaignTypeId"]),r=Object.assign({action:t,session_id:this.uiSessionId},i),o=D("VPS")(r);st(o,this.token,this.apiPath)}trackInitialSearch(){const t=this.getBasicEventData(),e=ji(t,["campaignTypeId"]),i=rt(Object.assign({session_id:this.uiSessionId,search_area:"full",source:"upload"},e));st(i,this.token,this.apiPath)}closeModalAndResetState(){var t;null===(t=this.resetVpsButton)||void 0===t||t.call(this),this.resetState(),this.active=!1}handleImageSelection(){this.showInWidget?this.slidePosition=1:this.closeModalAndResetState()}renderButtons(){const e="loading"===this.state.searchStatus&&"image"===this.state.searchType&&"startCamera"===this.uploadSource||this.isCameraInitializing,i=[this.cameraAvailable&&t("button",{class:"action-button",part:"start-camera_button",onClick:this.handleStartCameraClick,onKeyDown:t=>this.handleButtonKeyDown(t,this.handleStartCameraClick)},e&&t("vviinn-preloader",null),t("span",{class:{"action-button-content":!0,hidden:e}},t("slot",{name:"vviinn-camera-icon"},t(Ft,null)),t("span",{class:{hidden:!this.isCameraEnabled}},t("slot",{name:"vviinn-camera-button-text-stop"},ot.t("cameraButtonTextStop"))),t("span",{class:{hidden:this.isCameraEnabled}},t("slot",{name:"vviinn-camera-button-text-start"},ot.t("cameraButtonTextStart"))))),t("vviinn-image-selector",{class:"action-button",onClick:()=>{"upload"!==this.mode&&(this.uploadSource="uploadPhoto")},onKeyDown:t=>this.handleButtonKeyDown(t,(()=>{"upload"!==this.mode&&(this.uploadSource="uploadPhoto")})),onVviinnImageUploadFinished:({detail:t})=>this.handleVviinnImageUploadFinished(t),onVviinnImageUploadStarted:()=>{this.uploadDialogOpened=!0,this.handleVviinnImageUpload("uploadPhoto")},token:this.token,apiPath:this.apiPath,storeName:this.storeName,state:this.state,onVviinnNoResult:({detail:t})=>this.handleVviinnNoResult(t),resetVpsButton:this.resetVpsButton,basicEventData:this.getBasicEventData(),part:"upload-photo_button",startUpload:this.buttonPressed&&"upload"===this.mode&&!this.uploadDialogOpened,showInWidget:this.showInWidget,loading:"loading"===this.state.searchStatus&&"image"===this.state.searchType&&"uploadPhoto"===this.uploadSource},t("span",{slot:"upload-button-text",class:"action-button-content"},t("slot",{name:"vviinn-image-upload-icon"},t(Mt,null)),t("slot",{name:"vviinn-image-upload-button-text"},t("span",null,ot.t("imageUploadButtonText")))))];return this.isDesktop?i.reverse():i}haveErrors(){return!!this.wrongImageFormat||"error"===this.state.searchStatus}getCurrentErrorType(){return this.wrongImageFormat?this.wrongImageFormat:"error"===this.state.searchStatus?"server-error":null}resetScroll(t,e="auto"){const i=this.el.shadowRoot.getElementById(t);null==i||i.scroll({top:0,left:0,behavior:e})}handleModalClose(){this.active=!1,["start-page_block","results-block"].forEach((t=>this.resetScroll(t))),this.trackWidgetEvent("close")}render(){var e,i,o;return t(r,{key:"6aed408d103c9178aa941c2d2b787b3ceb403112",exportparts:`${$t}, ${wt}, ${It}, ${jt}, ${_t}, ${xt}, ${St}`},bt(this.cssUrl),!this.showingInButton&&V("search"),t("vviinn-overlayed-modal",{key:"76b8814a2c9a90ad89c0b1307d8af3b2165a2f20",class:{"first-screen":this.isOnboardingSlide()},isFirstScreen:this.isOnboardingSlide(),active:this.active,resetState:this.resetState,onVviinnWidgetClose:({detail:t})=>{"VPR"!==t.campaignTypeId&&this.handleModalClose()},buttonElementId:null!==(e=this.buttonElementId)&&void 0!==e?e:this.widgetElementId,widgetVersion:v,hideBackButton:"upload"===this.mode||!this.isCameraEnabled&&this.isOnboardingSlide()},t("vviinn-slider",{key:"9871062493a9eb73a435cc00bd0c984e7cb07f99",position:this.slidePosition},t("vviinn-slide",{key:"d8bdff5c066124b82933fbdc48351c01e10bed4a",class:{"start-page":!0,"camera-enabled":this.isCameraEnabled}},t("vviinn-camera",{key:"cc211f0489c8a7015e1e71d6921a603f28b24cd0",token:this.token,onVviinnImageUploadFinished:({detail:t})=>this.handleVviinnImageUploadFinished(t),onVviinnImageUploadStarted:()=>{this.handleVviinnImageUpload("startCamera")},apiPath:this.apiPath,basicEventData:this.getBasicEventData(),srcObject:this.stream,cameraButtonClicked:this.isCameraButtonClicked,exampleImageSource:this.exampleImageSource,showInWidget:this.showInWidget,storeName:this.storeName,state:this.state}),t("div",{key:"ce68792877d657ae8a4be79d1affa448969dc35d",class:{error:this.haveErrors()},id:"start-page_block"},t("div",{key:"e91f0b8ba1150a5a8e71911379666893fe19ac1d",class:"start-page_main-content"},(this.wrongImageFormat||"error"===this.state.searchStatus)&&t("div",{key:"5278752a9838158d26ab74a6e2274e68c0e3694f",class:"start-page_errors-block"},this.getCurrentErrorType()&&t("vviinn-error",{key:"2244e75a1b13473f4b5b0904a7d505956372279c",errorType:this.getCurrentErrorType(),handler:this.resetState,hasBackground:!0,searchType:this.state.searchType})),!this.haveErrors()&&t(s,{key:"c40fba405487df607f432a3a61341794f39b9e61"},t("vviinn-teaser",{key:"246f3b4a349b100f18aa63fd375561daa75c358b"}),t("div",{key:"c3054a13a601ab5f7977dcc497791c95ac3e4c9d",class:"buttons-group"},this.renderButtons()),this.textSearchShow&&!this.isResultSlide()&&t("vviinn-text-search",{key:"02d3304c0844b3b59323810133359fde23efce1b",token:this.token,apiPath:this.apiPath,locale:this.locale,showInWidget:this.showInWidget,showOnFirstScreen:!0,uiSessionId:this.uiSessionId,basicEventData:this.getBasicEventData(!0),resultsPageUrl:this.resultsPageUrl,autoSuggestShow:this.autoSuggestShow,"save-image-mode":"never"}))),t("vviinn-privacy-badge",{key:"58233bdef25abfda3a3160c6e01ae02310d77825",privacyBadgeText:ot.t("privacyBadgeText",{interpolation:{escapeValue:!1}}),class:{invisible:this.haveErrors()}}))),t("vviinn-slide",{key:"38d314277f6b56d2b9a938aff67bcf290919fc63",class:{"results-page":!0,active:this.isResultSlide()}},this.isResultSlide()&&t("div",{key:"952734e6210be933a987ea7d9c302af207b07918",class:"source-wrapper"},this.isTextSearch()&&t("vviinn-text-search",{key:"20a6501cff42d1ad9a63b9fafe47eec13217d270",token:this.token,showInWidget:this.showInWidget,apiPath:this.apiPath,locale:this.locale,uiSessionId:this.uiSessionId,basicEventData:this.getBasicEventData(!0),resultsPageUrl:this.resultsPageUrl,autoSuggestShow:this.autoSuggestShow,"save-image-mode":"never"}),!this.isTextSearch()&&t("vviinn-cropper",{key:"7b2dfe5f2955c0da08015a2631d43bf6e8dc637d",token:this.token,basicEventData:this.getBasicEventData(),showAspectRatioError:this.showAspectRatioError,apiPath:this.apiPath,showInWidget:this.showInWidget,"save-image-mode":"never"}),t("vviinn-suggestions",{key:"f33add9678d7888f7e846ddf02425cac63d05047",showInWidget:this.showInWidget,token:this.token,apiPath:this.apiPath,locale:this.locale}),t("vviinn-selected-filters",{key:"1ed93b2b8173ddfb82df91a3306f5a03384c9e6a",locale:this.locale,currencySign:this.currencySign,showInWidget:this.showInWidget,exportparts:zt}),(null===(i=this.state.dynamicFilters)||void 0===i?void 0:i.length)>0&&t("div",{key:"fdc4c607a3a094c14f062c5ba35d1239b851eb2e",class:{"filters-wrapper":!0,hidden:this.showAspectRatioError}},t("vviinn-filters",{key:"410171f7ea209973c1c5943511b7dd7f59545ae5",showInWidget:this.showInWidget,showIntervalInputs:this.showIntervalInputs}),t("vviinn-extended-filters",{key:"ce86b434f676f7357d197b2daeebe3b523f37de1",mode:"preview",showHeader:!1,showInWidget:this.showInWidget,locale:this.locale,currencySign:this.currencySign,showIntervalInputs:this.showIntervalInputs}),t("vviinn-extended-filters-button",{key:"5b54b7ae75bdff0c519d946c2016997da4bb8363",class:{"extended-filters-button":!0,"has-primary-filters":this.state.dynamicFilters.filter((t=>t.isPrimary)).length>0},showInWidget:this.showInWidget}))),this.isResultSlide()&&t(s,{key:"6f6bac82cbd34c620a27d0c8b9e7715b211bd5d3"},t("vviinn-results",{key:"69fcf9486340292f4d86c180c9fab1d9b3602d86",token:this.token,locale:this.locale,numberLocale:this.numberLocale,pricePrefix:this.pricePrefix,"currency-sign":this.currencySign,apiPath:this.apiPath,campaignIdTextSearch:this.campaignIdTextSearch,campaignIdVisualSearch:this.campaignIdVisualSearch,uiSessionId:this.uiSessionId,widgetElementId:null!==(o=this.buttonElementId)&&void 0!==o?o:this.widgetElementId,showInWidget:this.showInWidget,buttonElementId:this.buttonElementId,imageResolutionWidth:this.imageResolutionWidth,showMultipleImages:this.showMultipleImages,productDetailsNewTab:this.productDetailsNewTab,productDetailsRedirect:this.productDetailsRedirect,addToBasketShow:this.addToBasketShow,favoriteShow:this.favoriteShow,showAspectRatioError:this.showAspectRatioError,resetWidgetState:this.resetState,replaceSlotsContentInWidget:this.replaceSlotsContent.bind(this),replaceSlotsContentInButton:this.replaceSlotsContentInButton,addPriceContainer:this.addPriceContainer,oneClickDiscoveryMode:this.oneClickDiscoveryMode,oneClickDiscoveryCampaigns:this.oneClickDiscoveryCampaigns,parentSlots:[...this.parentSlots,...this.slots],scrollableModalBody:this.modalBody})))),t("vviinn-extended-filters",{key:"7ba8188f7ee5d3338ecbdaac1957505384f7f415",class:"modal-extended-filters",mode:"modal",exportparts:Tt,showInWidget:this.showInWidget,locale:this.locale,currencySign:this.currencySign,showIntervalInputs:this.showIntervalInputs})))}get el(){return o(this)}static get watchers(){return{active:["activeWatcher"],slidePosition:["slidePositionWatcher"]}}};_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;}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host{display:block}.hidden{visibility:hidden;height:1px}vviinn-overlayed-modal.first-screen::part(results-title),vviinn-overlayed-modal.first-screen::part(secondary-action){visibility:hidden}.start-page{display:grid;grid-template-columns:repeat(2, 1fr);height:640px}#start-page_block{width:100%;padding:40px 62px;box-sizing:border-box;display:flex;overflow-y:auto;flex-direction:column;justify-content:center}#start-page_block.error{align-content:center}#start-page_block vviinn-text-search{margin-top:var(--spacing-150)}.start-page_main-content{flex-grow:1;display:flex;flex-direction:column;justify-content:center}.start-page_errors-block{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-150)}.buttons-group{display:flex;flex-direction:column;gap:var(--spacing-150);margin-top:var(--spacing-300)}.action-button{display:grid;border:none;cursor:pointer;align-items:center;border-radius:var(--border-radius-100);font-weight:var(--font-weight-500);font-size:16px;height:48px;justify-items:center;font-family:var(--font-family, var(--font-family-base));transition:background 0.1s ease-in-out;color:var(--color-text-primary);background-color:#f4f4f4}.action-button:hover{background-color:#eaeaea}.action-button:first-child{background:var(--color-primary, var(--button-bg-color-primary));border-color:var(--color-primary, var(--button-bg-color-primary));color:white}.action-button:first-child:hover{background:var(--color-primary-hover, var(--button-bg-color-primary-hover));border-color:var(\n --color-primary-hover,\n var(--button-bg-color-primary-hover)\n )}.action-button:active{border-color:black}.action-button-content{display:grid;align-items:center;justify-items:start;justify-content:center;font-family:var(--font-family, var(--font-family-base));grid-template-columns:max-content auto;grid-gap:8px}.action-button .hidden{display:none}.results-page{padding-top:64px;display:grid;grid-template-columns:336px auto;height:640px;box-sizing:border-box}.results-page>*{box-sizing:border-box}.source-wrapper{display:grid;position:relative;grid-auto-rows:min-content;padding:0 12px 12px 24px;width:100%;max-width:100%;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;gap:var(--spacing-300);padding:0 16px 12px 24px;scrollbar-width:thin}.filters-wrapper{transform:translateX(-24px);min-width:calc(100% + 24px)}@supports (scrollbar-color: unset){.source-wrapper{scrollbar-color:transparent transparent}.source-wrapper:hover{scrollbar-color:initial}}vviinn-filters,vviinn-extended-filters[mode="modal"]{display:none}vviinn-extended-filters[mode="preview"]{display:block;width:100%}vviinn-extended-filters[mode="preview"]::part(extended-filters-row){padding-right:0}.extended-filters-button{display:none}search-filters span{display:none}.results-page:not(.active){display:none}vviinn-preloader{--preloader-size:24px;display:flex}@media (max-width: 1080px){#start-page_block{padding:24px 36px}}@media (max-width: 768px){.start-page{display:flex;flex-direction:column;height:100%}vviinn-overlayed-modal.first-screen::part(secondary-action){visibility:visible}.source-wrapper vviinn-text-search{width:calc(100% - 48px);transform:translateX(24px)}.start-page.active{height:calc(100vh - 64px);height:calc(100svh - 64px)}.start-page:not(.active){overflow:hidden;height:0}.results-page{height:auto;padding-top:0}.results-page>*{box-sizing:border-box;padding:var(--spacing-150) var(--spacing-300) var(--spacing-300)}.source-wrapper{scrollbar-gutter:initial;grid-template-rows:min-content auto;width:100%;padding:0}.filters-wrapper{min-width:100%;min-height:40px;padding-left:var(--spacing-300)}vviinn-filters{padding:0 var(--spacing-300)}vviinn-filters,vviinn-extended-filters[mode="modal"]{display:block;overflow:hidden}vviinn-extended-filters[mode="preview"]{display:none}vviinn-suggestions::part(suggestions-container){padding:0 var(--spacing-300)}vviinn-suggestions::part(suggestions-wrapper){width:calc(100% + 48px);transform:translateX(-24px)}vviinn-filters::part(filters-footer){min-width:calc(100% + 48px);transform:translateX(-24px)}vviinn-filters::part(filters-footer-list){padding:0 var(--spacing-300)}vviinn-suggestions::part(suggestion-info-text){padding:0 var(--spacing-300)}vviinn-suggestions::part(suggestions-list){padding:0 var(--spacing-300)}.extended-filters-button{display:block;position:absolute;left:48px;top:0}.extended-filters-button.has-primary-filters{left:unset;right:var(--spacing-300)}.results-page{grid-template-rows:min-content;grid-template-columns:unset}#start-page_block{overflow-y:unset;min-height:-moz-fit-content;min-height:fit-content;padding:24px 20px 20px}vviinn-text-search::part(suggestions-container){top:auto;bottom:100%;margin:0 0 var(--spacing-50)}}@media (max-width: 480px){.start-page{padding-top:0}.action-button-content{grid-gap:10px}}';export{Xt as vviinn_camera,Qt as vviinn_cropper,Kt as vviinn_image_selector,Jt as vviinn_overlayed_modal,Gt as vviinn_privacy_badge,ee as vviinn_results,re as vviinn_selected_filters,oe as vviinn_slide,se as vviinn_slider,Ti as vviinn_suggestions,$i as vviinn_teaser,_i as vviinn_vps_widget}
|
package/www/build/p-niHq9WT6.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e=e=>new URL(e,window.location.origin),r=e=>e.replace(/\/+$/,"")||"/",n=n=>r(window.location.pathname)===r(e(n).pathname),s=(r,n)=>{const s=e(r);return s.searchParams.set("query",n),s.toString()},a=(r,n)=>{const s=e(r);return s.searchParams.set("searchId",n),s.toString()},c=(e=window.location.search)=>{const r=new URLSearchParams(e),n=r.get("query"),s=r.get("searchId");return Object.assign(Object.assign({},n&&{query:n}),s&&{searchId:s})};export{a,s as b,n as i,c as p}
|