https://www.roskilde.dk/_nuxt/DFXAAZkr.js

1import{n as l}from"./NMqb_1LM.js";import{C as e,D as a,E as s,Gt as o,Lt as t,T as c,Tt as r,ct as n,dt as i,fn as u,it as d,nt as f,tt as p,w as v}from"./B8XHxhss.js";import{t as h}from"./B7zhbUxm.js";var _=l({default:()=>m}),m={__name:"HorizontalCollapser",props:{tag:{type:String,default:"div"},force:{type:String,default:null,validate:l=>!l||["content","collapsed"].includes(l)}},setup(l){const _=l,m=t(!1),z=h(),w=t(!1),b=e({get:()=>"content"!==_.force&&("collapsed"===_.force||w.value),set:l=>{w.value=l}}),g=t(null),y=t(null),$=t(null),j=t(!0);function k(){b.value=y.value.scrollWidth>g.value.clientWidth}return p(()=>{_.force||(k(),j.value=!1,$.value=new ResizeObserver(k),$.value.observe(g.value),$.value.observe(y.value)),m.value=!0}),f(()=>{$.value?.disconnect?.()}),(e,t)=>(d(),c(i(l.tag),{class:u(["c-horizontal-collapser",{"c-horizontal-collapser--mounted":o(m)&&o(z),"c-horizontal-collapser--collapsed":o(b),"c-horizontal-collapser--css-auto":o(j)}]),"data-force":l.force||void 0},{default:r(()=>[v("div",{ref_key:"container",ref:g,class:"c-horizontal-collapser__container relative w-full h-full"},[v("div",{ref_key:"content",ref:y,class:u(["c-horizontal-collapser__content w-max h-full",{invisible:o(b),"absolute left-0 top-0":o(b)&&e.$slots.collapsed}])},[n(e.$slots,"default")],2),e.$slots.collapsed?(d(),a("div",{key:0,class:u(["c-horizontal-collapser__collapsed w-full h-full",{hidden:!o(b)}])},[n(e.$slots,"collapsed")],2)):s("",!0)],512)]),_:3},8,["class","data-force"]))}};export{m as n,_ as t};