1import{r as v,j as x,H as $,o as s,g as I,p as c,b as l,a as d,Y as C,J as g,d as h,K as z,L as B,c as o,M as N,N as P,O as y,i as m,S as M,P as j,F as p,f as _,Q as A,n as V}from"./theme.BzsFjJEs.min.js";const F={class:"fixed inset-0 z-10 w-screen overflow-y-auto bg-white"},L={class:"fixed right-6 top-6 z-20"},O={class:"flex min-h-full items-center justify-center"},S=Object.assign({inheritAttrs:!1},{__name:"ImageModal",props:{show:{type:Boolean,default:!1},current:{type:Number,default:-1},images:{type:Array,required:!0}},setup(f){const n=f,i=v(n.show),t=x(()=>n.images.find(a=>a.id===n.current));return $(()=>n.show,a=>{i.value=a}),(a,r)=>(s(),I(d(M),{as:"template",show:i.value},{default:c(()=>[l(d(C),{as:"div",class:"relative z-10",onClose:r[1]||(r[1]=w=>a.$emit("close"))},{default:c(()=>[l(d(g),{as:"template",enter:"ease-out duration-300","enter-from":"opacity-0","enter-to":"opacity-100",leave:"ease-in duration-200","leave-from":"opacity-100","leave-to":"opacity-0"},{default:c(()=>[h("div",F,[h("div",L,[h("button",{type:"button",class:"p-2 focus:outline-none focus:ring-0",onClick:r[0]||(r[0]=w=>a.$emit("close"))},[l(z,{class:"h-8 w-8"})])]),h("div",O,[l(d(g),{as:"template",enter:"ease-out duration-300","enter-from":"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95","enter-to":"opacity-100 translate-y-0 sm:scale-100",leave:"ease-in duration-200","leave-from":"opacity-100 translate-y-0 sm:scale-100","leave-to":"opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"},{default:c(()=>[l(d(B),{class:"relative w-full transform overflow-hidden rounded bg-white transition-all"},{default:c(()=>[t.value?(s(),o("div",N(P({key:0},a.$attrs)),[l(y,{class:"max-h-[80vh]","aspect-ratio":t.value.aspect_ratio,url:t.value.url,alt:t.value.alt,width:t.value.width,height:t.value.height,"use-aspect-ratio":""},null,8,["aspect-ratio","url","alt","width","height"])],16)):m("",!0)]),_:1})]),_:1})])])]),_:1})]),_:1})]),_:1},8,["show"]))}}),Y=["onClick"],q={key:0,class:"relative mx-auto block max-h-[580px] max-w-[580px] overflow-hidden p-14 lg:p-8"},E={key:1,class:"absolute left-0 top-1/2 hidden flex-col gap-y-4 pb-6 pl-0 lg:flex"},G=["onClick"],K={__name:"ProductImages",props:{images:Array,current:Number},setup(f){const n=f,i=x(()=>n.images.map(u=>({...u,url:j(u.url)}))),t=v(n.current),a=v(-1),r=v(!1),w=u=>{a.value=u.id,r.value=!0},b=()=>{a.value=-1,r.value=!1};return(u,H)=>(s(),o(p,null,[(s(!0),o(p,null,_(i.value,e=>(s(),o(p,{key:e.id},[t.value===e.id?(s(),o("a",{key:0,class:"relative mx-auto block max-h-[520px] max-w-[520px] cursor-zoom-in overflow-hidden p-8",onClick:k=>w(e)},[l(y,{"aspect-ratio":e.aspect_ratio,url:e.url,alt:e.alt,width:e.width,height:e.height},null,8,["aspect-ratio","url","alt","width","height"])],8,Y)):m("",!0)],64))),128)),t.value?m("",!0):(s(),o("div",q,[l(A,{class:"mx-auto h-auto w-20 lg:w-32 lg:py-10"})])),l(S,{show:r.value,current:a.value,images:i.value,onClose:b},null,8,["show","current","images"]),i.value.length>1?(s(),o("div",E,[(s(!0),o(p,null,_(i.value,e=>(s(),o("div",{class:V(["relative h-20 w-20 cursor-pointer overflow-hidden rounded p-2",{"bg-bh-light-gray ring-1 ring-inset ring-bh-black/5":t.value===e.id}]),onClick:k=>t.value=e.id},[l(y,{"aspect-ratio":e.aspect_ratio,url:e.url,alt:e.alt,width:e.width,height:e.height,thumbnail:""},null,8,["aspect-ratio","url","alt","width","height"])],10,G))),256))])):m("",!0)],64))}};export{K as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.