https://www.osklen.com/_frsh/js/c33a80b927ce0f73d6590843ba6c3d00ee6e0e25/chunk-27ZERHDB.js

1import{a as w}from"./chunk-UPUSJ46Z.js";import{b as y}from"./chunk-QHDA75CN.js";import{d as h}from"./chunk-VYZNAVQ6.js";import{f as x}from"./chunk-2WDDCXLQ.js";import{a as e}from"./chunk-X6IOVEKU.js";import{b as g,c as v,d as c}from"./chunk-ZDLMJVT4.js";function T({product:t}){return e("div",{class:"relative z-0 aspect-[3/4] w-[325px] xl:w-[408px] h-[423px] xl:h-[571px] rounded-xl xl:rounded-2xl overflow-hidden",children:[e("div",{class:"w-[325px] xl:w-[408px] h-[423px] xl:h-[571px]",children:e(x,{class:"w-full h-full object-cover",src:t.image.url??"",alt:t.image.altText,width:408,height:571,loading:"lazy",fetchPriority:"low"})}),e("div",{class:"absolute z-10 inset-0 p-5 opacity-100 transition-opacity flex items-center justify-center md:opacity-0 md:hover:opacity-100",children:[e("h3",{class:"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 font-suisse font-normal leading-extra-2 -tracking-[0.01em] xl:-tracking-[0.0125em] text-[15px] xl:text-xl text-white text-center",children:t.name}),e("a",{href:`${t.url}`,type:"button",id:"#addToCart",class:"absolute bottom-[19px] w-max py-[3.5px] xl:py-[7px] h-5 lg:h-6 px-2 rounded-2xl bg-white/70 backdrop-blur-[11.949152946472168px] gap-[18px] inline-flex items-center font-suisse font-normal leading-extra-2 -tracking-[0.0175em] text-xs xl:text-sm text-black-2",children:[e("span",{class:"font-medium !leading-extra-1 !-tracking-[0.00875em] relative left-0.5",children:["$ ",t?.price]}),"Buy now"]})]})]})}function P({title:t,products:a}){let d=c(null);return g(()=>{if(d.current){let i=new w("#collection-carousel",{arrows:!1,pagination:!1,perPage:1,perMove:1,drag:"free",snap:!0,keyboard:!0,trimSpace:!0}).mount();return()=>{i.destroy()}}},[d]),e("div",{class:"flex flex-col gap-5 pt-2.5",children:[e("div",{class:"px-3",children:e("p",{class:"font-neue font-medium !leading-[115%] -tracking-[0.28px] text-xl xl:text-[28px] text-gray-6",children:t})}),e("div",{id:"collection-carousel",class:"splide w-full",ref:d,children:e("div",{class:"splide__track overflow-hidden relative !px-3",children:e("ul",{class:"splide__list flex gap-4 lg:gap-5",children:a?.map((i,r)=>e("li",{class:"splide__slide",children:e(T,{product:i})},r))})})})]})}var b=P;var k=({delayedCloseModal:t,styles:a})=>e("button",{id:"close",type:"button","aria-label":"close-modal",title:"Close",class:`fixed z-10 right-3 ml-auto rounded-full items-center justify-center cursor-pointer ${a}`,onClick:t,children:e("span",{class:"flex items-center justify-center w-3 h-3 lg:w-6 lg:h-6",children:e("svg",{class:"w-3 h-3 lg:w-5 lg:h-5",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor",children:e("path",{d:"M0.0804492 1.77746L1.7775 0.0804057L8.00004 6.30295L14.2226 0.0804043L15.9196 1.77746L9.6971 8L15.9196 14.2225L14.2226 15.9196L8.00004 9.69706L1.77751 15.9196L0.0804499 14.2225L6.30299 8L0.0804492 1.77746Z",fill:"currentColor"})})})});function F({item:t,isOpen:a,onClose:d}){let i=c(null),r=c(null),u=h(!0),{products:f}=t?.modal??{products:[]},L=(Array.isArray(f)?f:[]).map(({name:l,url:o,offers:n,image:s})=>({name:l,url:o,price:n?.offers[0]?.price,image:{url:s?.[0]?.url,altText:s?.[0]?.alternateName}})),p=()=>{d?.()};return v(()=>{let l=document.getElementById("logo"),o=i.current;if(o){let n=o.querySelector("#modal-wrapper"),s=["invisible","hidden","backdrop-blur-0","opacity-0"],m=["backdrop-blur-[8px]","opacity-100"];a?(n.classList.add("overflow-y-auto"),l?.classList.add("opacity-0"),document.body.style.overflow="hidden",r.current?.classList.add("common-fade-in",...m),r.current?.classList.remove("common-fade-out",...s),u.value=!1,u.value||r.current?.classList.remove(...s)):(l?.classList.remove("opacity-0"),document.body.removeAttribute("style"),setTimeout(()=>{n.scrollTop=0,n.classList.remove("overflow-y-auto"),r.current?.classList.remove("common-fade-in",...m),r.current?.classList.add("common-fade-out")},500),setTimeout(()=>{r.current?.classList.add(...s)},700))}},[a]),e("div",{ref:i,"data-visible":a,id:"modalASAP",class:"fixed z-[9999] inset-0 pointer-events-none data-[visible='true']:pointer-events-auto",children:[e("div",{onClick:p,id:"overlayAsapInfoCard",ref:r,class:"invisible backdrop-blur-0 opacity-0 absolute inset-0 z-0 bg-[#555555]/40 text-[#000]",children:e(k,{delayedCloseModal:p,styles:"hidden lg:flex top-3 mt-4 mr-4 w-[55px] h-[55px] bg-white font-suisse text-[#000] text-3xl"})}),e("div",{id:"modal-wrapper","data-visible":a,class:"h-full max-h-screen w-full overflow-hidden data-[visible='true']:overflow-y-auto flex justify-center items-start py-40 scroll-smooth [&::-webkit-scrollbar]:hidden",children:e("div",{"aria-label":"details","data-visible":a,class:" bg-black/60 backdrop-blur-0 data-[visible='true']:backdrop-blur-[8px] rounded-3xl xl:rounded-[36px] overflow-hidden w-full max-w-[500px] pt-3.5 xl:pt-8 pb-[54px] overflow-y-auto transition-all duration-700 ease-custom translate-y-5 opacity-0 data-[visible='true']:translate-y-0 data-[visible='true']:opacity-100 text-2xl font-medium text-[#FFFDFD] leading-[110%] flex flex-col gap-[26px] xl:gap-8 relative",children:[e("div",{class:"px-3 flex flex-col gap-[26px] xl:gap-8",children:[a&&e(k,{delayedCloseModal:p,styles:"flex lg:hidden top-[15px] lg:top-3 lg:mt-4 lg:mr-4 w-[26px] h-[26px] lg:w-[55px] lg:h-[55px] bg-gray-3 text-white fill-white"}),e("div",{class:"flex gap-[5px] items-center text-[12px]",children:t?.modal?.flags?.map((l,o)=>e("a",{"aria-label":l.name,class:`bg-white/75 w-fit backdrop-blur-md rounded-full h-[26px] flex gap-3 items-center justify-center md:order-2 no-underline ${o===0?"ml-1 px-2":"pl-[3px] pr-[12px] !gap-[9px]"}`,href:l.link?l.link:"javascript:void(0)",children:[l.ico&&e("div",{class:"w-5 h-5 bg-neutral-200 rounded-full",children:e("img",{src:l.ico,width:20,height:20,alt:l.name})}),e("span",{class:"font-neue font-medium leading-[107%] text-xs text-black",children:l.name})]},o))}),e("p",{class:"font-neue font-medium leading-[107%] xl:leading-[100%] -tracking-[0.01125em] xl:-tracking-[0.02em] text-lg xl:text-2xl  text-gray-4 pr-2 xl:pr-7",children:t?.modal?.text}),e("div",{class:"flex flex-col h-fit w-fit gap-4 -mt-[5px] xl:mt-[unset]",children:[e("div",{class:"w-full h-[266px] xl:h-[333px] rounded-xl",children:a&&t?.modal?.image&&e(x,{class:"w-ful h-full object-cover rounded-xl",src:t?.modal?.image,alt:t?.title,width:476,height:333,loading:"lazy",fetchPriority:"low"})}),e("p",{class:"font-neue font-medium leading-[107%] xl:leading-[100%] -tracking-[0.01125em] xl:-tracking-[0.02em] text-lg xl:text-2xl  text-gray-4 pr-[54px]",children:t?.modal?.secondText})]}),e("div",{class:"grid grid-cols-2 gap-x-[38px] xl:gap-x-0 gap-y-6 xl:gap-y-7 -mt-[2px] xl:mt-[unset] pl-[3px] xl:[3px]",children:t?.modal?.infoText?.map((l,o)=>e("div",{class:"flex flex-col gap-0.5 xl:gap-1.5",children:[e("p",{class:"font-neue font-medium leading-[100%] xl:!leading-extra-1 -tracking-[0.01625em] xl:-tracking-[0.32px] text-[26px] xl:text-[32px] text-gray-4",children:l.title}),e("span",{class:y("font-neue font-medium leading-[107%] xl:!leading-[100%] -tracking-[0.01125em] xl:-tracking-[0.02em] text-lg xl:text-[22px] text-gray-2",{"w-[149px] xl:w-[196px]":o===1,"xl:w-[12

11px]":o===2,"w-[164px] xl:w-[210px]":o===3}),children:l.text})]},o))}),e("div",{class:"w-full h-[266px] xl:h-[333px] rounded-xl -mt-[4px]",children:a&&t?.modal?.secondImage&&e(x,{class:"w-ful h-full object-cover rounded-xl",src:t?.modal?.secondImage??"",alt:t?.title,width:476,height:333,loading:"lazy",fetchPriority:"low"})}),e("p",{class:"font-neue font-medium leading-[107%] xl:leading-[100%] -tracking-[0.01125em] xl:-tracking-[0.02em] text-lg xl:text-2xl  text-gray-4 -mt-4 pr-11 xl:pr-[52px]",children:t?.modal?.threeText})]}),a&&e(b,{title:t?.modal?.shelfTitle??"",products:L??[]})]})})]})}export{T as a,k as b,F as c};