https://supersaas.dev/_nuxt/CVsNdHUp.js

1import{s as e}from"./CQtAXI_i.js";import{D as t,On as n,Pt as r,Qn as i,b as a,et as o,g as s,mt as c,o as l,qt as u,v as d,vn as f,wt as p,y as m}from"./Ib1jYPSS.js";import{r as h}from"./B5tEj6Uj.js";import{i as g,p as _,t as v}from"./Ce-9qidD.js";import{d as y,t as b}from"./wall3a3Q.js";import{n as x,r as S,t as C}from"./Do3Ze5e-2.js";import{t as w}from"./BIev7Lxr.js";import{t as T}from"./CHbKfWZs2.js";import{t as E}from"./77n_vcUo2.js";var D={slots:{base:`rounded-md`,overlay:`fixed inset-0 bg-default/75 backdrop-blur-sm will-change-opacity`,content:`fixed inset-0 flex items-center justify-center cursor-zoom-out focus:outline-none`,zoomedImage:`w-full h-auto max-w-[95vw] max-h-[95vh] object-contain rounded-md`},variants:{zoom:{true:`will-change-transform`},open:{true:``},width:{false:`w-full`}},compoundVariants:[{zoom:!0,open:!1,class:`cursor-zoom-in`}]},O=[`onClick`],k=Object.assign({inheritAttrs:!1},{__name:`ProseImg`,props:{src:{type:String,required:!0},alt:{type:String,required:!0},width:{type:[String,Number],required:!1},height:{type:[String,Number],required:!1},class:{type:null,required:!1},zoom:{type:Boolean,required:!1,default:!0},ui:{type:Object,required:!1}},setup(k){let A=g(`prose.img`,k),j=h(),[M,N]=b(),[P,F]=b(),I=f(!1),L=s(()=>v({extend:D,...j.ui?.prose?.img||{}})({zoom:A.zoom,open:I.value,width:!!A.width})),R=s(()=>_(A.src,e().app.baseURL)),z=s(()=>`${R.value}::${r()}`);return A.zoom&&(y(window,`scroll`,()=>{I.value=!1}),y(window,`keydown`,e=>{e.key===`Escape`&&I.value&&(I.value=!1)})),(e,r)=>(c(),a(l,null,[t(n(M),null,{default:u(()=>[(c(),d(p(n(w)),o({src:R.value,alt:n(A).alt,width:n(A).width,height:n(A).height},e.$attrs,{class:L.value.base({class:[n(A).ui?.base,n(A).class]})}),null,16,[`src`,`alt`,`width`,`height`,`class`]))]),_:1}),t(n(P),null,{default:u(()=>[(c(),d(p(n(w)),o({src:R.value,alt:n(A).alt},e.$attrs,{class:L.value.zoomedImage({class:[n(A).ui?.zoomedImage]})}),null,16,[`src`,`alt`,`class`]))]),_:1}),n(A).zoom?(c(),d(n(S),{key:0,open:I.value,"onUpdate:open":r[0]||=e=>I.value=e,modal:!1},{default:u(({close:e})=>[t(n(C),{"as-child":``},{default:u(()=>[t(n(T),{"layout-id":z.value,"as-child":``,transition:{type:`spring`,bounce:.15,duration:.5,ease:`easeInOut`}},{default:u(()=>[t(n(N))]),_:1},8,[`layout-id`])]),_:1}),t(n(x),null,{default:u(()=>[t(n(E),null,{default:u(()=>[I.value?(c(),d(n(T),{key:0,initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},class:i(L.value.overlay({class:[n(A).ui?.overlay]}))},null,8,[`class`])):m(``,!0),I.value?(c(),a(`div`,{key:1,class:i(L.value.content({class:[n(A).ui?.content]})),onClick:e},[t(n(T),{"as-child":``,"layout-id":z.value,transition:{type:`spring`,bounce:.15,duration:.5,ease:`easeInOut`}},{default:u(()=>[t(n(F))]),_:1},8,[`layout-id`])],10,O)):m(``,!0)]),_:2},1024)]),_:2},1024)]),_:1},8,[`open`])):(c(),d(n(N),{key:1}))],64))}});export{k as default};