https://www.nordfynskommune.dk/_nuxt/BBRl46En.js

1import{D as e,Et as a,G as t,Gt as r,Lt as s,N as o,T as n,fn as i,it as c,w as l}from"./B8XHxhss.js";import{Vt as u,rt as p}from"#entry";import{t as d}from"./DXNx4Ry-.js";import{t as g}from"./BO0ZTBNo.js";var _=["aria-expanded"],m={__name:"SiteHeaderLanguagePickerGoogleTranslate",props:{showBottomBorder:{type:Boolean,default:!0}},setup(m){const f=s(!1),h=t("siteHeaderLanguagePickerColor","surface");function E(e=!f.value){f.value=e}function x(e){e.relatedTarget?.closest(".c-site-header-language-picker")||E(!1)}return(t,s)=>{const v=d,y=g;return c(),e("div",{class:i(["c-site-header-language-picker",{[`c-site-header-language-picker--color--${r(h)}`]:r(h),"c-site-header-language-picker--borderless":!m.showBottomBorder}]),onFocusout:x},[l("button",{role:"combobox","aria-controls":"c-site-header-language-picker__dropdown-options","aria-owns":"c-site-header-language-picker__dropdown-options","aria-expanded":String(r(f)),class:i(["c-site-header-language-picker__button flex text-body-md-strong w-auto h-full text-interactive px-18 >=960:px-28 py-2xs transition-colors duration-300 active:duration-100 ease-in-out gap-8 items-center",{"justify-between <656:aspect-square <656:justify-center":("feature"in t?t.feature:r(p))("SITE_HEADER_WRITE_OUT_LANGUAGE_PICKER"),"aspect-square justify-center":!("feature"in t?t.feature:r(p))("SITE_HEADER_WRITE_OUT_LANGUAGE_PICKER")}]),"aria-label":"DANSK, vælg sprog",onClick:s[0]||(s[0]=e=>E())},[l("span",{class:i({"relative inline-flex justify-center items-center <656:sr-only":("feature"in t?t.feature:r(p))("SITE_HEADER_WRITE_OUT_LANGUAGE_PICKER"),"sr-only":!("feature"in t?t.feature:r(p))("SITE_HEADER_WRITE_OUT_LANGUAGE_PICKER")})},[...s[2]||(s[2]=[l("span",null,"DA",-1)])],2),r(f)?(c(),n(v,{key:0,name:"close"})):(c(),n(v,{key:1,name:"language"}))],10,_),a(o(y,{id:"c-site-header-language-picker__dropdown-options",class:i(["c-site-header-language-picker__menu",{[`c-site-header-language-picker__menu--color--${r(h)}`]:r(h),"absolute top-[calc(100%+var(--theme-spacing-4xs))] right-0 p-2xs rounded-sm w-full min-w-240 max-h-[calc(100vh-var(--dynamic-site-header-height,var(--theme-spacing-siteHeader))-var(--theme-spacing-4xs)-var(--safe-area-inset-bottom))] overflow-y-auto":!0,"<480:fixed <480:right-layout-margin <480:top-[calc(var(--dynamic-site-header-height)+var(--theme-spacing-4xs))] <480:w-12/12col":!0}]),tabindex:"-1",color:r(h),onLoad:s[1]||(s[1]=e=>E(!0))},null,8,["class","color"]),[[u,r(f)]])],34)}}},f={__name:"SiteHeaderLanguagePicker",props:{options:Array},setup:e=>(e,a)=>{const t=m;return c(),n(t)}};export{f as default};