https://www.kyst-kyststien.dk/_nuxt/BV6-nZvH2.js

1import{Ba as e,Ct as t,Ea as a,Et as l,Ga as o,Hi as s,La as n,Pa as i,Qi as r,Rn as u,Va as c,Ya as d,aa as g,ga as m,io as p,kt as f,no as b,oa as v,oo as y,qi as w,ra as h,so as _,ua as x,ut as C,va as E,ya as k,yt as z}from"./cEYMgSOO.js";var A=Object.assign({inheritAttrs:!1},{__name:"ToggleButton",props:E({color:{type:String,default:""}},{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:["update:modelValue"],setup(e){const t=i(e,"modelValue");return(o,s)=>(a(),v("div",k({class:["c-toggle-button",{[`c-toggle-button--color--${e.color}`]:e.color}]},("useAttrsSome"in o?o.useAttrsSome:b(z))(["class","style","data-n-ids"],o.$attrs)),[h("div",{class:p(["group relative w-full h-full rounded-full p-4 cursor-pointer",[!e.color&&"before:content-[''] before:absolute before:inset-0 before:transition-colors before:duration-200 before:rounded-full hover:before:bg-opacity-50",t.value?"before:bg-onIndentActive":"before:bg-onIndent"]])},[c(h("input",k({"onUpdate:modelValue":s[0]||(s[0]=e=>t.value=e),type:"checkbox",class:"appearance-none absolute inset-0 w-full h-full"},("useAttrsExcept"in o?o.useAttrsExcept:b(l))(["class","style","data-n-ids"],o.$attrs)),null,16),[[w,t.value]]),s[1]||(s[1]=h("div",{class:"c-toggle-button__pill relative w-auto h-full aspect-ratio-1 bg-bgCurrent border border-extraStrong rounded-full"},null,-1))],2)],16))}}),B={class:"sr-only"},O=["aria-hidden","inert"],S={class:"pl-4xs"},T={__name:"ClimateToggle",setup(l){const i=u(),c=d(!!i.value),w=d({}),E=d({}),z=d(null),T=d(0),V=d(!m("climateButtonStartsOpen",!0));C("scroll",M),C("resize",M),n(V,()=>{T.value=0}),n(c,e=>{if(!!e!=!!i.value&&z.value){const{left:t,top:a,width:l,height:o}=(document.getElementById("climate-toggle")||z.value).getBoundingClientRect();Object.assign(w.value,{backgroundColor:getComputedStyle(document.documentElement).backgroundColor,"--origin-x":Math.round((t+l/2)/window.innerWidth*1e4)/100+"%","--origin-y":Math.round((a+o/2)/window.innerHeight*1e4)/100+"%"}),setTimeout(()=>{i.value=e},200)}});let I=0;function M(){const e=I;({scrollY:I}=window);const t=Math.abs(I-e);T.value=Math.min(T.value+t,I),T.value>.8*window.innerHeight&&(V.value=!0)}function j(){V.value&&(V.value=!1)}return(l,n)=>{const u=t,d=A;return a(),v(r,null,[x(s,{name:"t-climate-toggle__screen-cover"},{default:e(()=>[b(c)!==b(i)?(a(),v("div",{key:0,class:"c-climate-toggle__screen-cover",style:y(b(w))},null,4)):g("",!0)]),_:1}),h("div",k({ref_key:"$el",ref:z,class:["c-climate-toggle",{"c-climate-toggle--has-scrolled":b(V)}]},l.$attrs),[h("div",{class:p(["c-climate-toggle__wrap relative grid items-center w-fit p-4xs bg-secondary text-strong text-body-sm-strong rounded-full pointer-events-auto transition-colors duration-300",[!b(V)&&">=656:justify-end 656:w-fit 656:pr-28"]]),style:y(b(E))},[x(u,{name:"eco",class:"w-24 h-24 >=656:w-48 656:h-48"}),b(V)?(a(),v("button",{key:0,class:"absolute left-0 top-0 h-full w-auto aspect-ratio-1 z-10",onClick:j},[h("span",B,_(("localize"in l?l.localize:b(f))("OPEN_CLIMATE_BUTTON",{capitalize:!0})),1)])):g("",!0),h("label",{class:p(["ml-auto cursor-pointer inline-flex justify-between items-center gap-4xs w-max max-w-[calc(100cqw-64px)] transition-opacity duration-200",{"opacity-0 invisible":b(V),"delay-100":!b(V)}]),"aria-hidden":b(V)?"true":null,inert:b(V)?"true":null},[h("span",S,_(("localize"in l?l.localize:b(f))("REDUCE_SITES_CARBON_FOOTPRING",{capitalize:!0})),1),x(d,{id:"climate-toggle",modelValue:b(c),"onUpdate:modelValue":n[0]||(n[0]=e=>o(c)?c.value=e:null),name:"climate-mode","data-focus":".c-climate-toggle__wrap",class:"transition-colors duration-300"},null,8,["modelValue"])],10,O)],6)],16)],64)}}};export{T as default};