https://open-foundry.com/_nuxt/JR1o3Hj3.js

1import $ from"./Cg9Mp3vw.js";import{d as j,j as u,t as M,ao as b,F as v,r as g,D as n,i as c,l as p}from"./BNlnY7xE.js";import"./DqBb_Ku-.js";import"./D6oiULtG.js";import"./CjTsOKTM.js";import"./CSdm2iCa.js";import"./CsGy-7cm.js";import"./DY-ouMTd.js";import"./D834wyFb.js";import"./CW0VuNnY.js";import"./D9LomQGB.js";import"./Cw27hOiY.js";import"./DlAUqK2U.js";import"./DHv3i8Bx.js";import"./Bwveyr7U.js";import"./BjNizs-n.js";import"./BvbtmF4w.js";import"./Dvu12OSP.js";import"./DJ65BbbF.js";import"./D_Ib7N30.js";const q=j({inheritAttrs:!1,__name:"MediaFormatter",props:{orientation:{},media:{},breakpoints:{default:()=>[]},containerQueries:{default:()=>[]},ratios:{default:()=>({})}},setup(a){const f=n(()=>a.media?.[a.orientation]?.image),x=n(()=>a.media?.[a.orientation]?.video),m={landscape:"3/1",square:"1/1",portrait:"9/16"},h=n(()=>a.ratios[a.orientation]?a.ratios[a.orientation]:m[a.orientation]||""),O=n(()=>({ratio:h.value,fit:"cover"})),w=n(()=>({ratio:h.value,...x.value?.videoOptions})),Q=n(()=>{const i=["sm","md","lg","xl"],s=a.breakpoints.map(o=>o.split(":")[0]);return i.find(o=>s.includes(o))}),B=n(()=>{const i=["@sm","@md","@lg","@xl","@2xl","@3xl","@4xl","@5xl"],s=a.containerQueries.map(o=>o.split(":")[0]);return i.find(o=>s.includes(o))}),y=n(()=>{let i="";switch(Q.value){case"sm":i+="sm:hidden";break;case"md":i+="md:hidden";break;case"lg":i+="lg:hidden";break;case"xl":i+="xl:hidden";break}switch(B.value){case"@sm":i+=" @sm:hidden";break;case"@md":i+=" @md:hidden";break;case"@lg":i+=" @lg:hidden";break;case"@xl":i+=" @xl:hidden";break;case"@2xl":i+=" @2xl:hidden";break;case"@3xl":i+=" @3xl:hidden";break;case"@4xl":i+=" @4xl:hidden";break;case"@5xl":i+=" @5xl:hidden";break}return i}),C=n(()=>a.breakpoints.map((i,s)=>{const[o,t]=i.split(":"),r=a.ratios[t]||m[t]||"";let e;switch(o){case"sm":e="hidden sm:block";break;case"md":e="hidden md:block";break;case"lg":e="hidden lg:block";break;case"xl":e="hidden xl:block";break}const d=a.breakpoints[s+1];if(d)switch(d.split(":")[0]){case"sm":e+=" @sm:hidden";break;case"md":e+=" @md:hidden";break;case"lg":e+=" @lg:hidden";break;case"xl":e+=" @xl:hidden";break}const k=a.media?.[t]?.image,l=a.media?.[t]?.video;return{image:k,video:l,imageOptions:{fit:"cover",ratio:r},videoOptions:{...l?.videoOptions,ratio:r},class:e}})),F=n(()=>a.containerQueries.map((i,s)=>{const[o,t]=i.split(":"),r=a.ratios[t]||m[t]||"";let e;switch(o){case"@sm":e="hidden @sm:block";break;case"@md":e="hidden @md:block";break;case"@lg":e="hidden @lg:block";break;case"@xl":e="hidden @xl:block";break;case"@2xl":e="hidden @2xl:block";break;case"@3xl":e="hidden @3xl:block";break;case"@4xl":e="hidden @4xl:block";break;case"@5xl":e="hidden @5xl:block";break}const d=a.containerQueries[s+1];if(d)switch(d.split(":")[0]){case"@sm":e+=" @sm:hidden";break;case"@md":e+=" @md:hidden";break;case"@lg":e+=" @lg:hidden";break;case"@xl":e+=" @xl:hidden";break;case"@2xl":e+=" @2xl:hidden";break;case"@3xl":e+=" @3xl:hidden";break;case"@4xl":e+=" @4xl:hidden";break;case"@5xl":e+=" @5xl:hidden";break}const k=a.media?.[t]?.image,l=a.media?.[t]?.video;return{image:k,video:l,imageOptions:{ratio:r,fit:"cover"},videoOptions:{ratio:r,...l?.videoOptions},class:e}}));return(i,s)=>{const o=$;return c(),u(v,null,[M(o,b({image:f.value,"image-options":O.value,video:x.value,"video-options":w.value},i.$attrs,{class:y.value}),null,16,["image","image-options","video","video-options","class"]),(c(!0),u(v,null,g(C.value,(t,r)=>(c(),p(o,b({key:r,image:t.image,"image-options":t.imageOptions,video:t.video,"video-options":t.videoOptions,class:t.class},{ref_for:!0},i.$attrs),null,16,["image","image-options","video","video-options","class"]))),128)),(c(!0),u(v,null,g(F.value,(t,r)=>(c(),p(o,b({key:r,image:t.image,"image-options":t.imageOptions,video:t.video,"video-options":t.videoOptions,class:t.class},{ref_for:!0},i.$attrs),null,16,["image","image-options","video","video-options","class"]))),128))],64)}}}),Z=Object.assign(q,{__name:"UiMediaFormatter"});export{Z as default};