https://lescuisinesregal.com/assets/PhotoAlbum.vue_vue_type_script_setup_true_lang-wEKTlrGS.js

1import{d as f,an as r,k as x,V as c,o as n,F as b,H as a,X as _,W as y,T as h,_ as $,D as s,a3 as m,ab as z,aa as C,K as g,aj as k,a1 as Q,af as V,O as B,a8 as D,c as I,G as S}from"./vendor-CZrp3DLY.js";const q={class:"row text-center",style:{"z-index":"10000"}},F=f({__name:"PhotoAlbum",props:{photos:{default:()=>[]}},setup(v){const d=r(!1),i=r(!1),o=r(null);function p(e){o.value=e,i.value=!0}function t(){if(!o.value)return;let e=new Image;return e.src=o.value,{width:e.naturalWidth,height:e.naturalHeight}}return x(()=>{d.value=!0}),(e,u)=>(n(),c("div",null,[b("div",q,[(n(!0),c(_,null,y(v.photos,(l,w)=>(n(),c("div",{key:w,class:"col relative-position non-selectable"},[a(h,{src:l.image,alt:l.alt||e.$t("zoom_in"),loading:"lazy",class:$({"cursor-pointer hover-shadow visible-hover rounded-borders zoom-photo":d.value,"active-shadow":i.value&&o.value===l.image}),width:l.width,"no-spinner":"","no-native-menu":"","no-transition":"",onLoad:t,onClick:N=>p(l.image),title:e.$t("zoom_in")},{default:s(()=>[a(m,{class:"absolute-center",name:"search",size:"9vw",color:"frosty"})]),_:1},8,["src","alt","class","width","onClick","title"])]))),128))]),a(z,{modelValue:i.value,"onUpdate:modelValue":u[0]||(u[0]=l=>i.value=l)},{default:s(()=>[a(C,{class:"q-pa-xs rounded-borders",style:g(`height: calc(${t()?.height}px + 44px); height: calc(${t()?.height}px + 44px); max-height: 100vh; width: calc(${t()?.width}px + 10px); max-width: 100vw;`)},{default:s(()=>[a(k,{class:"q-pa-none"},{default:s(()=>[Q(a(B,{class:"float-right q-mb-xs",icon:"close",color:"negative",dense:"",title:e.$t("action_close"),"aria-label":e.$t("action_close")},null,8,["title","aria-label"]),[[V]]),a(m,{name:"image",size:"34px",color:"blue-grey"})]),_:1}),a(D,{style:g(`height: ${t()?.height}px; max-height: 80vh; width: 100%; max-width: 90vw;`)},{default:s(()=>[o.value?(n(),I(h,{key:0,src:o.value,alt:e.$t("zoom_in"),class:"rounded-borders non-selectable",height:`${t()?.height}px`,width:`${t()?.width}px`},null,8,["src","alt","height","width"])):S("",!0)]),_:1},8,["style"])]),_:1},8,["style"])]),_:1},8,["modelValue"])]))}});export{F as _};