https://snapsting.dk/_nuxt/CBqD2jn5.js

1import{D as t,E as e,Gt as l,J as s,Lt as n,N as i,Q as a,St as o,T as c,Tt as r,Y as d,_ as u,b as p,fn as m,hn as b,it as v,mn as x,st as f,tt as g,w as y}from"./B8XHxhss.js";import{Ct as h,Dt as k,Hn as _,J as w,K as C,Lt as T,P as S,St as z,ft as E,ut as O,wn as j}from"#entry";var I=["id"],B=["innerHTML"],A={class:m(["c-block-list-step-by-step__desktop","hidden >=656:block print:hidden!"])},F={class:"relative border-b border-subtle px-cardInset"},H=["id"],N={class:"w-fit min-w-full"},$={class:m(["c-block-list-step-by-step__buttons","relative"])},L={class:"flex justify-between gap-4"},M=["aria-label"],P=["textContent"],X=["name","onClick"],Y={"aria-hidden":"true",class:"invisible relative flex justify-start mt-3xs"},G=["textContent"],V={class:"p-cardInset pb-cardInsetBottom overflow-clip"},W={class:m(["flex justify-end items-center gap-4xs","relative h-fit text-strong z-3 pointer-events-none"])},q=["textContent"],R=["id","textContent"],D={class:m(["flex-1 text-heading-sm-strong min-h-1lh","pr-4/12col >=1280:pr-3/12col mb-xs"])},J={class:m(["c-block-list-step-by-step__title-icon","pr-4xs"])},K=["textContent"],Q=["textContent"],U={key:0,class:"hidden"},Z=["textContent"],tt={class:m(["c-block-list-step-by-step__mobile",">=656:hidden !print:hidden px-md pb-cardInsetBottom"])},et={class:"relative flex flex-col gap-2 mt-2xl"},lt={key:0,class:"ml-18 w-6 h-44 text-indent bg-current"},st=["onClick"],nt=["textContent"],it=["textContent"],at={class:m(["hidden print:block px-md pb-cardInsetBottom"])},ot={class:"relative flex flex-col gap-betweenBlocks"},ct={class:m(["flex w-full text-heading-sm-strong mb-xs"])},rt={class:m(["w-fit flex-grow-0 pr-4xs"])},dt=["textContent"],ut=["textContent"],pt={key:0,class:m(["fixed top-0 left-0 bottom-0 right-0 bg-canvas","flex flex-col >=960:hidden","z-10000"])},mt={class:m(["flex-1 py-md px-layout-margin","overflow-y-scroll overflow-x-clip"])},bt={class:"flex gap-xl mb-xl items-center"},vt=["innerHTML"],xt={class:"text-heading-sm-strong mb-xs"},ft={class:m(["c-block-list-step-by-step__title-icon","pr-4xs"])},gt=["textContent"],yt=["textContent"],ht={class:m(["flex justify-between items-center","bg-surface w-full p-md","flex-shrink-0"])},kt=["textContent"],_t=Object.assign({inheritAttrs:!1},{__name:"BlockListBlocksBlockListStepByStep",props:{id:String,title:String,label:String,items:Array,context:String,settings:{type:Object,default:()=>({})}},setup(_t){const wt=_t,Ct={SHOWING_CONTENT_OF_STEP_X_OF_Y:k("SHOWING_CONTENT_OF_STEP_X_OF_Y",{capitalize:!0,populate:["{index}",wt.items?.length||0]})},Tt=n(),St=n(!1),zt=n(!1),Et=n(!0),Ot=n(0),jt=n(0),It=n(0),Bt=n(!1),At=n(48),Ft=n([!0,...new Array(wt.items.length-1).fill(!1)]),Ht=n(null);let Nt;g(()=>{window.requestAnimationFrame(()=>(St.value=!0,Mt())),Nt=new ResizeObserver(Mt),Nt.observe(Tt.value)}),a(()=>{Nt.disconnect()}),o(()=>It.value,t=>{d(()=>{Nt.disconnect(),Nt.observe(Tt.value)}),Ht.value=Ct.SHOWING_CONTENT_OF_STEP_X_OF_Y.split("{index}").join(t+1);const e=document.getElementById(`${wt.id}-buttons`);if(e){const l=e.querySelectorAll(".c-block-list-step-by-step__buttons-item");l&&l[t]&&l[t].scrollIntoView({behavior:"smooth",block:"nearest",inline:"nearest"})}});let $t=[];function Lt(t){$t.forEach(t=>{clearTimeout(t),$t=[]}),Ft.value.forEach((t,e)=>{Ft.value[e]=e<=It.value}),Ot.value=Math.abs(It.value-t),jt.value=t,zt.value=t>0,Et.value=t<wt.items.length-1;const e=Math.min(It.value,t),l=Math.max(It.value,t);new Array(l-e).fill(0).forEach((l,s)=>{const n=350*function(t){return 1-Math.abs(t-jt.value)/Ot.value}(e+s+1),i=e!==t;$t.push(setTimeout(()=>{Ft.value[e+s+1]=i},n))}),requestAnimationFrame(()=>{It.value=t})}function Mt(){At.value=Tt.value?.getBoundingClientRect().height,Bt.value=!(window.innerWidth>=960)&&Bt.value}function Pt(t){At.value=t.getBoundingClientRect().height}return(n,a)=>{const o=w,d=h,g=E,wt=S,Ct=C,Ot=T,Nt=z,$t=j;return v(),t(u,null,[y("div",s({id:_t.id,class:["c-block-list-step-by-step",{"c-block-list-step-by-step--no-title":!_t.title}]},("useAttrsSome"in n?n.useAttrsSome:l(O))(["style","class","data-n-ids"],n.$attrs)),[_t.title?(v(),c(o,{key:0,class:"mx-md >=656:mx-cardInset",overline:_t.label,"long-read-id":_t.settings?.includeInToc&&_t.id,"long-read-title":_t.settings?.includeInToc&&_t.title},{default:r(()=>[y("span",{innerHTML:_t.title},null,8,B)]),_:1},8,["overline","long-read-id","long-read-title"])):e("",!0),y("div",A,[y("header",F,[i(g,{"aria-controls":`${_t.id}-buttons`,class:m(["relative overflow-visible"])},{default:r(()=>[y("div",{id:`${_t.id}-buttons`,class:m(["flex flex-col gap-md","-mx-cardInset px-cardInset pb-cardInsetBottom","overflow-x-scroll"])},[y("div",N,[y("div",$,[y("div",{class:m(["c-block-list-step-by-step__seperator","absolute top-1/2 left-22 right-22 -translate-y-1/2 h-6","text-indent bg-current"]),style:x({"--active":l(jt),"--total":_t.items.length})},null,4),y("div",L,[(v(!0),t(u,null,f(_t.items,(s,i)=>(v(),t("div",{key:i,class:m(["flex justify-center min-w-170 text-center","first:justify-start first:min-w-85 first:text-left","last:justify-end last:min-w-85 last:text-right"])},[y("label",{class:m(["c-block-list-step-by-step__buttons-item","relative w-48 h-48 rounded-button z-2","flex justify-center items-center","duration-200 ease-in-out","text-strong",{"bg-surfaceVariant hover:bg-surfaceVariantHover active:bg-surfaceVariantActive":!l(Ft)[i],"bg-primary hover:bg-primaryHover active:bg-primaryActive":l(Ft)[i]}]),"aria-label":[("localize"in n?n.localize:l(k))("GO_TO_STEP_X",{capitalize:!0,populate:[i+1]}

1),s?.title].filter(Boolean).join(" ")},[s.icon?(v(),c(d,{key:0,svg:s.icon,"keep-colors":!1,class:"w-20 h-20",focusable:"false","aria-hidden":"true"},null,8,["svg"])):(v(),t("span",{key:1,textContent:b(i+1)},null,8,P)),y("input",{type:"radio",name:`${_t.id}-step`,class:"absolute top-0 left-0 w-full h-full opacity-0",onClick:()=>Lt(i)},null,8,X),s?.title?(v(),t("span",{key:2,class:m(["absolute top-[calc(100%+var(--theme-spacing-3xs))] left-0 right-0 flex items-start bg-scope-surface text-strong text-caption-md-regular",{"justify-start":0===i,"justify-center":i>0&&i<_t.items.length-1,"justify-end":i===_t.items.length-1}])},[y("span",{class:m(["flex-shrink-0",{"w-[--label-width]":i>0&&i<_t.items.length-1,"w-[--label-cap-width]":0===i||i===_t.items.length-1}])},b(s.title),3)],2)):e("",!0)],10,M)]))),128))])]),y("div",Y,[(v(!0),t(u,null,f(_t.items,(e,l)=>(v(),t("div",{key:l,class:m(["flex-shrink-0 relative text-caption-md-regular justify-center",{"w-[--label-width]":l>0&&l<_t.items.length-1,"w-[--label-cap-width]":0===l||l===_t.items.length-1}]),textContent:b(e?.title)},null,10,G))),128))])])],8,H)]),_:1},8,["aria-controls"])]),y("div",V,[y("div",{class:m(["c-block-list-step-by-step__content","relative w-full",{"opacity-0":!l(St)}]),style:x({height:`${l(At)}px`})},[y("div",W,[y("div",{class:"text-caption-md-regular px-2xs pointer-events-auto",textContent:b(("localize"in n?n.localize:l(k))("STEP_X_OF_Y",{capitalize:!0,populate:[l(It)+1,_t.items.length]}))},null,8,q),i(wt,{variant:"backward","aria-disabled":!l(zt),class:m(["pointer-events-auto",{"opacity-30":!l(zt)}]),onClick:a[0]||(a[0]=()=>Lt(l(It)-1))},null,8,["aria-disabled","class"]),i(wt,{variant:"forward","aria-disabled":!l(Et),class:m(["pointer-events-auto",{"opacity-30":!l(Et)}]),onClick:a[1]||(a[1]=()=>Lt(l(It)+1))},null,8,["aria-disabled","class"])]),y("div",{id:`${_t.id}__step-announcement`,role:"status",class:"sr-only",textContent:b(l(Ht))},null,8,R),i(_,{name:"t-block-list-step-by-step-content",onEnter:Pt},{default:r(()=>[(v(),t("div",{ref_key:"content",ref:Tt,key:l(It),class:m(["absolute top-0 left-0 w-full"])},[y("div",D,[y("div",J,[_t.items[l(It)].icon?(v(),c(d,{key:0,svg:_t.items[l(It)].icon,"keep-colors":!1,class:"w-1em h-1em mt-.18em",focusable:"false","aria-hidden":"true"},null,8,["svg"])):(v(),t("span",{key:1,textContent:b(`${l(It)+1}.`)}

1,null,8,K))]),_t.items[l(It)].title?(v(),t("h3",{key:0,class:"flex-1",textContent:b(_t.items[l(It)].title)},null,8,Q)):e("",!0)]),i(Ct,{"block-context":"in-step-by-step","block-list":_t.items[l(It)].contentElements,class:"my-0",loading:"lazy"},null,8,["block-list"])]))]),_:1})],6)]),(v(!0),t(u,null,f(_t.items,(s,n)=>(v(),t(u,{key:n},[n!==l(It)?(v(),t("div",U,[y("div",null,[s.title?(v(),t("h3",{key:0,textContent:b(s.title)},null,8,Z)):e("",!0)]),i(Ct,{"block-context":"in-step-by-step","block-list":s.contentElements,loading:"lazy"},null,8,["block-list"])])):e("",!0)],64))),128))]),y("div",tt,[a[5]||(a[5]=y("p",{class:"text-caption-md-regular",textContent:"Tryk på et punkt for at se detaljer."},null,-1)),y("ol",et,[(v(!0),t(u,null,f(_t.items,(l,s)=>(v(),t(u,{key:s},[0!==s?(v(),t("div",lt)):e("",!0),y("li",null,[y("button",{class:m(["relative h-44 z-2","flex items-center gap-3xs","text-caption-md-regular text-left group"]),onClick:()=>(Lt(s),Bt.value=!0)},[i(Ot,{tag:"div",color:"surfaceVariant",class:"w-44 h-44","in-group":""},{icon:r(()=>[_t.items[s].icon?(v(),c(d,{key:0,svg:_t.items[s].icon,"keep-colors":!1,class:"w-20 h-20",focusable:"false","aria-hidden":"true"},null,8,["svg"])):(v(),t("span",{key:1,textContent:b(s+1)},null,8,nt))]),_:2},1024),y("span",{textContent:b(l.title)},null,8,it)],8,st)])],64))),128))])]),y("div",at,[y("ol",ot,[(v(!0),t(u,null,f(_t.items,(e,l)=>(v(),t("li",{key:l,class:"w-full"},[y("div",ct,[y("div",rt,[e.icon?(v(),c(d,{key:0,svg:e.icon,"keep-colors":!1,class:"w-1em h-1em mt-.18em",focusable:"false","aria-hidden":"true"},null,8,["svg"])):(v(),t("span",{key:1,textContent:b(`${l+1}.`)},null,8,dt))]),y("h3",{class:"w-full flex-grow",textContent:b(e.title)},null,8,ut)]),i(Ct,{"block-context":"in-step-by-step","block-list":e.contentElements,class:"my-0",loading:"lazy"},null,8,["block-list"])]))),128))])])],16,I),i($t,null,{default:r(()=>[(v(),c(p,{to:"#global-overlay"},[l(Bt)?(v(),t("div",pt,[y("div",mt,[y("div",bt,[_t.title?(v(),c(o,{key:0,class:"flex-1 mb-0","long-read-id":_t.settings?.includeInToc&&_t.id,"long-read-title":_t.settings?.includeInToc&&_t.title},{default:r(()=>[y("span",{class:"text-display-md",innerHTML:_t.title},null,8,vt)]),_:1},8,["long-read-id","long-read-title"])):e("",!0),y("button",{class:"text-32",onClick:a[2]||(a[2]=()=>Bt.value=!1)},[i(Nt,{name:"close"})])]),y("div",xt,[y("div",ft,[_t.items[l(It)].icon?(v(),c(d,{key:0,svg:_t.items[l(It)].icon,"keep-colors":!1,class:"w-1em mt-.17em",focusable:"false","aria-hidden":"true"},null,8,["svg"])):(v(),t("span",{key:1,textContent:b(`${l(It)+1}.`)},null,8,gt))]),y("h3",{textContent:b(_t.items[l(It)].title)},null,8,yt)]),i(Ct,{"block-context":"in-step-by-step","block-list":_t.items[l(It)].contentElements,class:"my-0",loading:"lazy"},null,8,["block-list"])]),y("div",ht,[i(wt,{variant:"backward","aria-disabled":!l(zt),class:m(["ml-md",{"opacity-30":!l(zt)}]),onClick:a[3]||(a[3]=()=>Lt(l(It)-1))},null,8,["aria-disabled","class"]),y("div",{class:"text-caption-md-regular",textContent:b(("localize"in n?n.localize:l(k))("STEP_X_OF_Y",{capitalize:!0,populate:[l(It)+1,_t.items.length]}))},null,8,kt),i(wt,{variant:"forward","aria-disabled":!l(Et),class:m(["mr-md",{"opacity-30":!l(Et)}]),onClick:a[4]||(a[4]=()=>Lt(l(It)+1))},null,8,["aria-disabled","class"])])])):e("",!0)]))]),_:1})],64)}}});export{_t as default};