https://www.kyst-kyststien.dk/_nuxt/B2WYXxy02.js

1import{Ba as e,Ci as a,Ea as l,Ga as t,La as r,Mi as n,O as s,Qi as o,Qn as c,Rt as i,Va as u,Ya as d,aa as m,ba as p,di as f,ga as v,ia as x,io as y,ka as b,kt as g,la as V,na as h,no as w,oa as E,qi as C,r as k,ra as H,so as _,tr as z,ua as A,ui as M,w as T,ya as L}from"./cEYMgSOO.js";import{C as S,D as O,s as U}from"#entry";import{t as I}from"./DhQXp6rU2.js";import{t as $}from"./BRXBOjLd2.js";import{t as N}from"./CP4dhgE_2.js";var j={class:"c-theme-playground"},B={class:"grid grid-cols-1 mt-beforeBlocks gap-betweenBlocks mb-afterBlocks"},W={class:"mb-md text-display-sm"},q={class:"mb-md text-heading-lg"},F={key:0,class:"flex flex-wrap >=1280:flex-nowrap items-start gap-md mt-md w-12/12col >=1280:w-6/12col"},G={class:"mt-md flex gap-layout-gutter flex-wrap bg-primary !bg-opacity-0"},R=["textContent"],X={class:"mt-md flex items-center gap-sm cursor-pointer"},P={key:0},D={key:0,class:"flex flex-wrap >=1280:flex-nowrap items-start gap-md mt-md w-12/12col >=1280:w-6/12col"},J={class:"mt-md flex gap-layout-gutter flex-wrap bg-primaryVariant !bg-opacity-0"},Y=["textContent"],K={class:"mb-md text-heading-lg"},Q={key:0,class:"flex flex-wrap >=1280:flex-nowrap items-start gap-md mt-md w-12/12col >=1280:w-6/12col"},Z={class:"mt-md flex gap-layout-gutter flex-wrap bg-secondary !bg-opacity-0"},ee=["textContent"],ae={class:"mb-md text-heading-lg"},le={key:0,class:"flex flex-wrap >=1280:flex-nowrap items-start gap-md mt-md w-12/12col >=1280:w-6/12col"},te={class:"mt-md flex gap-layout-gutter flex-wrap bg-surface !bg-opacity-0"},re=["textContent"],ne={class:"mt-md flex items-center gap-sm cursor-pointer"},se={key:1},oe={key:0,class:"flex flex-wrap >=1280:flex-nowrap items-start gap-md mt-md w-12/12col >=1280:w-6/12col"},ce={class:"mt-md flex gap-layout-gutter flex-wrap bg-surfaceVariant !bg-opacity-0"},ie=["textContent"],ue={class:"mb-md text-heading-lg"},de={key:0,class:"flex flex-wrap >=1280:flex-nowrap items-start gap-md mt-md w-12/12col >=1280:w-6/12col"},me={class:"mt-md flex gap-layout-gutter flex-wrap bg-canvas !bg-opacity-0"},pe=["textContent"],fe={class:"s-rich-text"},ve={__name:"theme-playground",setup(ve){const xe=z(),ye=n().public?.themeTesting??!1,be=v("themeConfig",{});U({key:O,name:"Theme playground (extended)"});const ge=f(),Ve=M(),he=I(),we=[],Ee=v("themePlaygroundFilter",null),Ce=h(()=>{if(Ve.query["theme-colors"])try{return JSON.parse(Ve.query["theme-colors"])}catch{return{}}return{}});function ke(e){try{const a=$(e).lch()[2];return isNaN(a)?0:Math.round(a%360)}catch{return 0}}function He(e,a,l){const t=he?.[a]?.backgroundColors;if(!t)return"";let r=t[e];if(!Array.isArray(r)){const a=Object.keys(t).find(a=>a.toLowerCase().startsWith(e.toLowerCase())&&Array.isArray(t[a]));r=a?t[a]:null}if(!Array.isArray(r))return"";let n={[e]:r};+l>0&&(n=N(n,+l));try{return $(...n[e]).hex()}catch{return""}}function _e(e){return"string"==typeof e&&/^#[0-9a-f]{6}$/i.test(e)}function ze(e,a,l,t,r){if(!_e(r))return null;const n=_e(t)?t:He(e,a,l);if(!_e(n))return null;const s=Le.value[e];if(!s)return null;let o,c;try{o=$(r).hex("rgb"),c=$(s).hex("rgb")}catch{return null}if(o.toLowerCase()===c.toLowerCase())return null;const i=function(e,a){if(!_e(e)||!_e(a))return 0;try{const l=$.deltaE(e,a);return Math.max(0,1-l/100)}catch{return 0}}(o,c);if(i>=.9)return{type:"warning",text:`Bemærk: Accent-farven er blevet lettere justeret for at kunne opnå kontrast.\nÆndret fra ${o} til ${c} (cirka ${Math.round(100*(1-i))}% forskel).`};try{const e=$(n).get("lch.l"),a=$(r).get("lch.l")>e?"gøre din base-farve mørkere og/eller din accent-farve lysere":"gøre din base-farve lysere og/eller din accent-farve mørkere";return{type:"danger",text:`Bemærk: Den ønskede accent-farve var ikke mulig at opnå på tilgængelig vis uden en større justering (cirka ${Math.round(100*(1-i))}% forskel).\nPrøv at ${a}.`}}catch{return null}}const Ae=d({primary:0,secondary:0,surface:0,canvas:0,primaryVariant:0,surfaceVariant:0}),Me=d({primary:"",secondary:"",surface:"",canvas:"",primaryVariant:"",surfaceVariant:""}),Te=d({primary:"",secondary:"",surface:"",canvas:"",primaryVariant:"",surfaceVariant:""}),Le=h(()=>({primary:$(be.value?.colors?.onPrimaryInteractive??[0,0,0]).hex(),secondary:$(be.value?.colors?.onSecondaryInteractive??[0,0,0]).hex(),surface:$(be.value?.colors?.onSurfaceInteractive??[0,0,0]).hex(),canvas:$(be.value?.colors?.onCanvasInteractive??[0,0,0]).hex(),primaryVariant:$(be.value?.colors?.onPrimaryVariantInteractive??[0,0,0]).hex(),surfaceVariant:$(be.value?.colors?.onSurfaceVariantInteractive??[0,0,0]).hex()})),Se=d(!1),Oe=d(!1),Ue=["primary","secondary","surface","canvas","primaryVariant","surfaceVariant"];function Ie(){const e=Ce.value;Ue.forEach(a=>{const l=e?.[a];if(l)if(l.startsWith("#")){const[e,t]=l.split("/");_e(e)&&(Me.value[a]=e,Ae.value[a]=ke(e)),_e(t)&&(Te.value[a]=t),"primaryVariant"===a&&(Se.value=!0),"surfaceVariant"===a&&(Oe.value=!0)}else{const e=l.split("/");Ne.value&&(Ne.value[a]=e[0]||$e.value),2===e.length?e[1].startsWith("#")?_e(e[1])&&(Te.value[a]=e[1]):Ae.value[a]=e[1]:3===e.length&&(Ae.value[a]=e[1],e[2].startsWith("#")&&_e(e[2])&&(Te.value[a]=e[2])),"primaryVariant"===a&&(Se.value=!0),"surfaceVariant"===a&&(Oe.value=!0)}})}for(const e in he){const a={label:he[e].name||e,value:e};

1Ee&&!Ee.includes(e)||we.push(a)}const $e=d(Ve.query["theme-alias"]||Ve.query["theme-typography"]||xe.site?.theme?.colors?.primary||"default"),Ne=d(null);function je(e){return h({get:()=>function(e){return Ne.value?.[e]||$e.value}(e),set(a){Ne.value&&(Ne.value[e]=a),Me.value[e]="",Te.value[e]="",Be({[e]:a})}})}function Be(e){const a={...Ye.value,...e};ge.push({hash:Ve.hash,query:{...Ve.query,"theme-alias":ye?$e.value:null,"theme-colors":JSON.stringify(a),"theme-typography":ye?$e.value:null,"theme-spacing":ye?$e.value:null,"theme-border-radius":ye?$e.value:null,"theme-site-settings":ye?$e.value:null}})}Ne.value=Ue.reduce((e,a)=>(e[a]=function(e){const a=Ce.value?.[e];return!a||a.startsWith("#")?null:a.split("/")?.[0]||null}(a)||$e.value,e),{}),Ie();const We=je("primary"),qe=je("secondary"),Fe=je("surface"),Ge=je("canvas"),Re=je("primaryVariant"),Xe=je("surfaceVariant"),Pe=h(()=>({primary:ze("primary",We.value,Ae.value.primary,Me.value.primary,Te.value.primary),primaryVariant:ze("primaryVariant",Re.value,Ae.value.primaryVariant,Me.value.primaryVariant,Te.value.primaryVariant),secondary:ze("secondary",qe.value,Ae.value.secondary,Me.value.secondary,Te.value.secondary),surface:ze("surface",Fe.value,Ae.value.surface,Me.value.surface,Te.value.surface),surfaceVariant:ze("surfaceVariant",Xe.value,Ae.value.surfaceVariant,Me.value.surfaceVariant,Te.value.surfaceVariant),canvas:ze("canvas",Ge.value,Ae.value.canvas,Me.value.canvas,Te.value.canvas)}));function De(e){e&&(Ne.value&&Ue.forEach(a=>{Ne.value[a]=e,Me.value[a]="",Te.value[a]=""}),Be({primary:e,primaryVariant:e,secondary:e,surface:e,surfaceVariant:e,canvas:e}))}function Je(e){const a=Ce.value?.[e];return!("string"==typeof a&&a.startsWith("#"))}r($e,()=>{De($e.value)}),r(We,()=>{Je("primary")&&(Me.value.primary="",Te.value.primary="")}),r(qe,()=>{Je("secondary")&&(Me.value.secondary="",Te.value.secondary="")}),r(Fe,()=>{Je("surface")&&(Me.value.surface="",Te.value.surface="")}),r(Ge,()=>{Je("canvas")&&(Me.value.canvas="",Te.value.canvas="")}),r(Re,()=>{Je("primaryVariant")&&(Me.value.primaryVariant="",Te.value.primaryVariant="")}),r(Xe,()=>{Je("surfaceVariant")&&(Me.value.surfaceVariant="",Te.value.surfaceVariant="")});const Ye=h(()=>{function e(e,a,l){const t=Me.value[e],r=Te.value[e];if(_e(t))return _e(r)?`${t}/${r}`:t;const n=+Ae.value[l],s=he?.[a]?.allowHueShift&&n>0?`${a}/${n}`:a;return _e(r)?`${s}/${r}`:s}const a={primary:e("primary",We.value,"primary"),secondary:e("secondary",qe.value,"secondary"),surface:e("surface",Fe.value,"surface"),canvas:e("canvas",Ge.value,"canvas")};return Se.value&&(a.primaryVariant=e("primaryVariant",Re.value,"primaryVariant")),Oe.value&&(a.surfaceVariant=e("surfaceVariant",Xe.value,"surfaceVariant")),a});let Ke=!1,Qe=null;r(Ye,e=>{Ke=!0,clearTimeout(Qe),ge.push({hash:Ve.hash,query:{...Ve.query,"theme-alias":ye?$e.value:null,"theme-colors":JSON.stringify(e),"theme-typography":ye?$e.value:null,"theme-spacing":ye?$e.value:null,"theme-border-radius":ye?$e.value:null,"theme-site-settings":ye?$e.value:null}}).catch(()=>{}).finally(()=>{Qe=setTimeout(()=>{Ke=!1},100)})}),r(()=>Ve.query["theme-colors"],()=>{Ke||Ie()},{deep:!0});const Ze=d(!1);return Ue.forEach(e=>{r(()=>Ae.value[e],()=>{Ze.value||(Me.value[e]="",Te.value[e]="")}),r(()=>Me.value[e],a=>{_e(a)&&(Ze.value=!0,Ae.value[e]=ke(a),p(()=>{Ze.value=!1}))})}),(r,n)=>{const d=s,p=k,f=T,v=i,h=S;return l(),E("article",j,[A(h,L({name:"content-page-layout"},{title:("localize"in r?r.localize:w(g))("THEME_PICKER",{capitalize:!0}),description:("localize"in r?r.localize:w(g))("PHRASE_THEME_PICKER_DESCRIPTION",{capitalize:!0})}),{headerFilters:e(()=>[A(d,{modelValue:w($e),"onUpdate:modelValue":n[0]||(n[0]=e=>t($e)?$e.value=e:null),label:("localize"in r?r.localize:w(g))("MAIN_THEME",{capitalize:!0}),items:we,color:"surfaceVariant",class:"w-12/12col >=1280:w-8/12col mb-xl",onChange:De},null,8,["modelValue","label"])]),default:e(()=>[H("div",B,[H("section",null,[H("div",W,_(("localize"in r?r.localize:w(g))("COLORS",{capitalize:!0})),1),H("div",q,_(("localize"in r?r.localize:w(g))("PRIMARY_COLOR",{capitalize:!0})),1),A(d,{modelValue:w(We),"onUpdate:modelValue":n[1]||(n[1]=e=>t(We)?We.value=e:null),items:we,label:("localize"in r?r.localize:w(g))("CHANGE_THEME",{capitalize:!0}),color:"surface",class:"w-12/12col >=1280:w-6/12col"},null,8,["modelValue","label"]),w(ye)?(l(),E(o,{key:0},[w(he)?.[w(We)]?.allowHueShift?(l(),E("div",F,[A(p,{modelValue:w(Ae).primary,"onUpdate:modelValue":n[2]||(n[2]=e=>w(Ae).primary=e),class:"flex-1 min-w-100% >=656:min-w-20%",color:"canvas","initial-value":0,label:("localize"in r?r.localize:w(g))("CHANGE_HUE",{c

1apitalize:!0}),min:0,max:360,step:1},null,8,["modelValue","label"]),("feature"in r?r.feature:w(c))("THEME_ALLOW_HEX_THEME")?(l(),x(f,{key:0,modelValue:w(Me).primary,"onUpdate:modelValue":n[3]||(n[3]=e=>w(Me).primary=e),label:"Base",class:"flex-1 min-w-40% >=656:min-w-20%",placeholder:He("primary",w(We),w(Ae).primary)||"#rrggbb",pattern:"#[0-9A-Fa-f]{6}",maxlength:"7"},null,8,["modelValue","placeholder"])):m("",!0),("feature"in r?r.feature:w(c))("THEME_ALLOW_HEX_THEME")?(l(),x(f,{key:1,modelValue:w(Te).primary,"onUpdate:modelValue":n[4]||(n[4]=e=>w(Te).primary=e),label:"Accent",class:"flex-1 min-w-40% >=656:min-w-20%",pattern:"#[0-9A-Fa-f]{6}",maxlength:"7",placeholder:"#rrggbb"},null,8,["modelValue"])):m("",!0)])):m("",!0),w(Pe).primary?(l(),E("div",{key:1,class:y(["w-12/12col >=1280:w-6/12col mt-xs text-caption-md-regular whitespace-pre-line",{"text-danger":"danger"===w(Pe).primary.type}])},_(w(Pe).primary.text),3)):m("",!0)],64)):m("",!0),H("div",G,[(l(!0),E(o,null,b(Object.keys(w(he)?.[w(We)]?.backgroundColors||{}).filter(e=>{const a=e.toLowerCase();return!!a.includes("primary")&&(!w(Se)||!a.includes("primaryvariant"))}),e=>(l(),E("div",{key:e,class:y(["w-12/12col >=656:w-4/12col >=1280:w-2/12col text-heading-lg","flex flex-col justify-between gap-md","p-cardInset pb-cardInsetBottom rounded-md",`bg-${e}`])},[H("span",{class:"text-caption-md-strong !text-12 strong uppercase text-strong",textContent:_(e)},null,8,R),n[27]||(n[27]=H("div",{class:"flex flex-col"},[H("span",{class:"text-interactive",textContent:"Interactive"}),H("span",{class:"text-strong",textContent:"Strong"}),H("span",{class:"text-medium",textContent:"Medium"}),H("span",{class:"text-subtle",textContent:"Subtle"})],-1)),n[28]||(n[28]=H("div",{class:"flex flex-col gap-8"},[H("div",{class:"border-b-2 border-extraStrong"}),H("div",{class:"border-b-2 border-strong"}),H("div",{class:"border-b-2 border-medium"}),H("div",{class:"border-b-2 border-subtle"})],-1))],2))),128))]),H("label",X,[u(H("input",{"onUpdate:modelValue":n[5]||(n[5]=e=>t(Se)?Se.value=e:null),type:"checkbox",class:"cursor-pointer"},null,512),[[C,w(Se)]]),n[29]||(n[29]=H("span",{class:"text-body-md"}," Tilpas primaryVariant separat ",-1))])]),w(Se)?(l(),E("section",P,[n[32]||(n[32]=H("div",{class:"mb-md text-heading-lg"},"Primary Variant",-1)),A(d,{modelValue:w(Re),"onUpdate:modelValue":n[6]||(n[6]=e=>t(Re)?Re.value=e:null),items:we,label:("localize"in r?r.localize:w(g))("CHANGE_THEME",{capitalize:!0}),color:"surface",class:"w-12/12col >=1280:w-6/12col"},null,8,["modelValue","label"]),w(ye)?(l(),E(o,{key:0},[w(he)?.[w(Re)]?.allowHueShift?(l(),E("div",D,[A(p,{modelValue:w(Ae).primaryVariant,"onUpdate:modelValue":n[7]||(n[7]=e=>w(Ae).primaryVariant=e),class:"flex-1 min-w-100% >=656:min-w-20%",color:"canvas","initial-value":0,label:("localize"in r?r.localize:w(g))("CHANGE_HUE",{capitalize:!0}),min:0,max:360,step:1},null,8,["modelValue","label"]),("feature"in r?r.feature:w(c))("THEME_ALLOW_HEX_THEME")?(l(),x(f,{key:0,modelValue:w(Me).primaryVariant,"onUpdate:modelValue":n[8]||(n[8]=e=>w(Me).primaryVariant=e),label:"Base",class:"flex-1 min-w-40% >=656:min-w-20%",placeholder:He("primaryVariant",w(Re),w(Ae).primaryVariant)||"#rrggbb",pattern:"#[0-9A-Fa-f]{6}",maxlength:"7"},null,8,["modelValue","placeholder"])):m("",!0),("feature"in r?r.feature:w(c))("THEME_ALLOW_HEX_THEME")?(l(),x(f,{key:1,modelValue:w(Te).primaryVariant,"onUpdate:modelValue":n[9]||(n[9]=e=>w(Te).primaryVariant=e),label:"Accent",class:"flex-1 min-w-40% >=656:min-w-20%",pattern:"#[0-9A-Fa-f]{6}",maxlength:"7",placeholder:"#rrggbb"},null,8,["modelValue"])):m("",!0)])):m("",!0),w(Pe).primaryVariant?(l(),E("div",{key:1,class:y(["w-12/12col >=1280:w-6/12col mt-xs text-caption-md-regular whitespace-pre-line",{"text-danger":"danger"===w(Pe).primaryVariant.type}])},_(w(Pe).primaryVariant.text),3)):m("",!0)],64)):m("",!0),H("div",J,[(l(!0),E(o,null,b(Object.keys(w(he)?.[w(Re)]?.backgroundColors||{}).filter(e=>e.toLowerCase().includes("primaryvariant")),e=>(l(),E("div",{key:e,class:y(["w-12/12col >=656:w-4/12col >=1280:w-2/12col text-heading-lg","flex flex-col justify-between gap-md","p-cardInset pb-cardInsetBottom rounded-md",`bg-${e}`])},[H("span",{class:"text-caption-md-strong !text-12 strong uppercase text-strong",textContent:_(e)},null,8,Y),n[30]||(n[30]=H("div",{class:"flex flex-col"},[H("span",{class:"text-interactive",textContent:"Interactive"}),H("span",{class:"text-strong",textContent:"Strong"}),H("span",{class:"text-medium",textContent:"Medium"}),H("span",{class:"text-subtle",textContent:"Subtle"})],-1)),n[31]||(n[31]=H("div",{class:"flex flex-col gap-8"},[H("div",{class:"border-b-2 border-extraStrong"}),H("div",{class:"border-b-2 border-strong"}),H("div",{class:"border-b-2 border-medium"}),H("div",{class:"border-b-2 border-subtle"})],-1))],2))),128))])])):m("",!0),H("section",null,[H("div",K,_(("localize"in r?r.localize:w(g))("SECONDARY_COLOR",{capitalize:!0})),1),A(d,{modelValue:w(qe),"onUpdate:modelValue":n[10]||(n[10]=e=>t(qe)?qe.value=e:null),label:("localize"in r?r.localize:w(g))("CHANGE_THEME",{capitalize:!0}),items:we,color:"surface",class:"w-12/12col >=1280:w-6/12col"},null,8,["modelValue","label"]),w(ye)?(l(),E(o,{key:0},[w(he)?.[w(qe)]?.allowHueShift?(l(),E("div",Q,[A(p,{modelValue:w(Ae).secondary,"onUpdate:modelValue":n[11]||(n[11]=e=>w(Ae).secondary=e),class:"flex-1 min-w-100% >=656:min-w-20%",color:"canvas","initial-value":0,label:("localize"in r?r.localize:w(g))("CHANGE_HUE",{c

1apitalize:!0}),min:0,max:360,step:1},null,8,["modelValue","label"]),("feature"in r?r.feature:w(c))("THEME_ALLOW_HEX_THEME")?(l(),x(f,{key:0,modelValue:w(Me).secondary,"onUpdate:modelValue":n[12]||(n[12]=e=>w(Me).secondary=e),label:"Base",class:"flex-1 min-w-40% >=656:min-w-20%",placeholder:He("secondary",w(qe),w(Ae).secondary)||"#rrggbb",pattern:"#[0-9A-Fa-f]{6}",maxlength:"7"},null,8,["modelValue","placeholder"])):m("",!0),("feature"in r?r.feature:w(c))("THEME_ALLOW_HEX_THEME")?(l(),x(f,{key:1,modelValue:w(Te).secondary,"onUpdate:modelValue":n[13]||(n[13]=e=>w(Te).secondary=e),label:"Accent",class:"flex-1 min-w-40% >=656:min-w-20%",pattern:"#[0-9A-Fa-f]{6}",maxlength:"7",placeholder:"#rrggbb"},null,8,["modelValue"])):m("",!0)])):m("",!0),w(Pe).secondary?(l(),E("div",{key:1,class:y(["w-12/12col >=1280:w-6/12col mt-xs text-caption-md-regular whitespace-pre-line",{"text-danger":"danger"===w(Pe).secondary.type}])},_(w(Pe).secondary.text),3)):m("",!0)],64)):m("",!0),H("div",Z,[(l(!0),E(o,null,b(Object.keys(w(he)?.[w(qe)]?.backgroundColors||{}).filter(e=>e.toLowerCase().includes("secondary")),e=>(l(),E("div",{key:e,class:y(["w-12/12col >=656:w-4/12col >=1280:w-2/12col text-heading-lg","flex flex-col justify-between gap-md","p-cardInset pb-cardInsetBottom rounded-md",`bg-${e}`])},[H("span",{class:"text-caption-md-strong !text-12 strong uppercase text-strong",textContent:_(e)},null,8,ee),n[33]||(n[33]=H("div",{class:"flex flex-col"},[H("span",{class:"text-interactive",textContent:"Interactive"}),H("span",{class:"text-strong",textContent:"Strong"}),H("span",{class:"text-medium",textContent:"Medium"}),H("span",{class:"text-subtle",textContent:"Subtle"})],-1)),n[34]||(n[34]=H("div",{class:"flex flex-col gap-8"},[H("div",{class:"border-b-2 border-extraStrong"}),H("div",{class:"border-b-2 border-strong"}),H("div",{class:"border-b-2 border-medium"}),H("div",{class:"border-b-2 border-subtle"})],-1))],2))),128))])]),H("section",null,[H("div",ae,_(("localize"in r?r.localize:w(g))("SURFACE_COLOR",{capitalize:!0})),1),A(d,{modelValue:w(Fe),"onUpdate:modelValue":n[14]||(n[14]=e=>t(Fe)?Fe.value=e:null),label:("localize"in r?r.localize:w(g))("CHANGE_THEME",{capitalize:!0}),items:we,color:"surface",class:"w-12/12col >=1280:w-6/12col"},null,8,["modelValue","label"]),w(ye)?(l(),E(o,{key:0},[w(he)?.[w(Fe)]?.allowHueShift?(l(),E("div",le,[A(p,{modelValue:w(Ae).surface,"onUpdate:modelValue":n[15]||(n[15]=e=>w(Ae).surface=e),class:"flex-1 min-w-100% >=656:min-w-20%",color:"canvas","initial-value":0,label:("localize"in r?r.localize:w(g))("CHANGE_HUE",{capitalize:!0}),min:0,max:360,step:1},null,8,["modelValue","label"]),("feature"in r?r.feature:w(c))("THEME_ALLOW_HEX_THEME")?(l(),x(f,{key:0,modelValue:w(Me).surface,"onUpdate:modelValue":n[16]||(n[16]=e=>w(Me).surface=e),label:"Base",class:"flex-1 min-w-40% >=656:min-w-20%",placeholder:He("surface",w(Fe),w(Ae).surface)||"#rrggbb",pattern:"#[0-9A-Fa-f]{6}",maxlength:"7"},null,8,["modelValue","placeholder"])):m("",!0),("feature"in r?r.feature:w(c))("THEME_ALLOW_HEX_THEME")?(l(),x(f,{key:1,modelValue:w(Te).surface,"onUpdate:modelValue":n[17]||(n[17]=e=>w(Te).surface=e),label:"Accent",class:"flex-1 min-w-40% >=656:min-w-20%",pattern:"#[0-9A-Fa-f]{6}",maxlength:"7",placeholder:"#rrggbb"},null,8,["modelValue"])):m("",!0)])):m("",!0),w(Pe).surface?(l(),E("div",{key:1,class:y(["w-12/12col >=1280:w-6/12col mt-xs text-caption-md-regular whitespace-pre-line",{"text-danger":"danger"===w(Pe).surface.type}])},_(w(Pe).surface.text),3)):m("",!0)],64)):m("",!0),H("div",te,[(l(!0),E(o,null,b(Object.keys(w(he)?.[w(Fe)]?.backgroundColors||{}).filter(e=>{const a=e.toLowerCase();return!!a.includes("surface")&&(!w(Oe)||!a.includes("surfacevariant"))}),e=>(l(),E("div",{key:e,class:y(["w-12/12col >=656:w-4/12col >=1280:w-2/12col text-heading-lg","flex flex-col justify-between gap-md","p-cardInset pb-cardInsetBottom rounded-md",`bg-${e}`])},[H("span",{class:"text-caption-md-strong !text-12 strong uppercase text-strong",textContent:_(e)},null,8,re),n[35]||(n[35]=H("div",{class:"flex flex-col"},[H("span",{class:"text-interactive",textContent:"Interactive"}),H("span",{class:"text-strong",textContent:"Strong"}),H("span",{class:"text-medium",textContent:"Medium"}),H("span",{class:"text-subtle",textContent:"Subtle"})],-1)),n[36]||(n[36]=H("div",{class:"flex flex-col gap-8"},[H("div",{class:"border-b-2 border-extraStrong"}),H("div",{class:"border-b-2 border-strong"}),H("div",{class:"border-b-2 border-medium"}),H("div",{class:"border-b-2 border-subtle"})],-1))],2))),128))]),H("label",ne,[u(H("input",{"onUpdate:modelValue":n[18]||(n[18]=e=>t(Oe)?Oe.value=e:null),type:"checkbox",class:"cursor-pointer"},null,512),[[C,w(Oe)]]),n[37]||(n[37]=H("span",{class:"text-body-md"}," Tilpas surfaceVariant separat ",-1))])]),w(Oe)?(l(),E("section",se,[n[40]||(n[40]=H("div",{class:"mb-md text-heading-lg"},"Surface Variant",-1)),A(d,{modelValue:w(Xe),"onUpdate:modelValue":n[19]||(n[19]=e=>t(Xe)?Xe.value=e:null),items:we,label:("localize"in r?r.localize:w(g))("CHANGE_THEME",{capitalize:!0}),color:"surface",class:"w-12/12col >=1280:w-6/12col"},null,8,["modelValue","label"]),w(ye)?(l(),E(o,{key:0},[w(he)?.[w(Xe)]?.allowHueShift?(l(),E("div",oe,[A(p,{modelValue:w(Ae).surfaceVariant,"onUpdate:modelValue":n[20]||(n[20]=e=>w(Ae).surfaceVariant=e),class:"flex-1 min-w-100% >=656:min-w-20%",color:"canvas","initial-value":0,label:("localize"in r?r.localize:w(g))("CHANGE_HUE",{c

1apitalize:!0}),min:0,max:360,step:1},null,8,["modelValue","label"]),("feature"in r?r.feature:w(c))("THEME_ALLOW_HEX_THEME")?(l(),x(f,{key:0,modelValue:w(Me).surfaceVariant,"onUpdate:modelValue":n[21]||(n[21]=e=>w(Me).surfaceVariant=e),label:"Base",class:"flex-1 min-w-40% >=656:min-w-20%",placeholder:He("surfaceVariant",w(Xe),w(Ae).surfaceVariant)||"#rrggbb",pattern:"#[0-9A-Fa-f]{6}",maxlength:"7"},null,8,["modelValue","placeholder"])):m("",!0),("feature"in r?r.feature:w(c))("THEME_ALLOW_HEX_THEME")?(l(),x(f,{key:1,modelValue:w(Te).surfaceVariant,"onUpdate:modelValue":n[22]||(n[22]=e=>w(Te).surfaceVariant=e),label:"Accent",class:"flex-1 min-w-40% >=656:min-w-20%",pattern:"#[0-9A-Fa-f]{6}",maxlength:"7",placeholder:"#rrggbb"},null,8,["modelValue"])):m("",!0)])):m("",!0),w(Pe).surfaceVariant?(l(),E("div",{key:1,class:y(["w-12/12col >=1280:w-6/12col mt-xs text-caption-md-regular whitespace-pre-line",{"text-danger":"danger"===w(Pe).surfaceVariant.type}])},_(w(Pe).surfaceVariant.text),3)):m("",!0)],64)):m("",!0),H("div",ce,[(l(!0),E(o,null,b(Object.keys(w(he)?.[w(Xe)]?.backgroundColors||{}).filter(e=>e.toLowerCase().includes("surfacevariant")),e=>(l(),E("div",{key:e,class:y(["w-12/12col >=656:w-4/12col >=1280:w-2/12col text-heading-lg","flex flex-col justify-between gap-md","p-cardInset pb-cardInsetBottom rounded-md",`bg-${e}`])},[H("span",{class:"text-caption-md-strong !text-12 strong uppercase text-strong",textContent:_(e)},null,8,ie),n[38]||(n[38]=H("div",{class:"flex flex-col"},[H("span",{class:"text-interactive",textContent:"Interactive"}),H("span",{class:"text-strong",textContent:"Strong"}),H("span",{class:"text-medium",textContent:"Medium"}),H("span",{class:"text-subtle",textContent:"Subtle"})],-1)),n[39]||(n[39]=H("div",{class:"flex flex-col gap-8"},[H("div",{class:"border-b-2 border-extraStrong"}),H("div",{class:"border-b-2 border-strong"}),H("div",{class:"border-b-2 border-medium"}),H("div",{class:"border-b-2 border-subtle"})],-1))],2))),128))])])):m("",!0),H("section",null,[H("div",ue,_(("localize"in r?r.localize:w(g))("CANVAS_COLOR",{capitalize:!0})),1),A(d,{modelValue:w(Ge),"onUpdate:modelValue":n[23]||(n[23]=e=>t(Ge)?Ge.value=e:null),label:("localize"in r?r.localize:w(g))("CHANGE_THEME",{capitalize:!0}),items:we,color:"surface",class:"w-12/12col >=1280:w-6/12col"},null,8,["modelValue","label"]),w(ye)?(l(),E(o,{key:0},[w(he)?.[w(Ge)]?.allowHueShift?(l(),E("div",de,[A(p,{modelValue:w(Ae).canvas,"onUpdate:modelValue":n[24]||(n[24]=e=>w(Ae).canvas=e),class:"flex-1 min-w-100% >=656:min-w-20%",color:"canvas","initial-value":0,label:("localize"in r?r.localize:w(g))("CHANGE_HUE",{capitalize:!0}),min:0,max:360,step:1},null,8,["modelValue","label"]),("feature"in r?r.feature:w(c))("THEME_ALLOW_HEX_THEME")?(l(),x(f,{key:0,modelValue:w(Me).canvas,"onUpdate:modelValue":n[25]||(n[25]=e=>w(Me).canvas=e),label:"Base",class:"flex-1 min-w-40% >=656:min-w-20%",placeholder:He("canvas",w(Ge),w(Ae).canvas)||"#rrggbb",pattern:"#[0-9A-Fa-f]{6}",maxlength:"7"},null,8,["modelValue","placeholder"])):m("",!0),("feature"in r?r.feature:w(c))("THEME_ALLOW_HEX_THEME")?(l(),x(f,{key:1,modelValue:w(Te).canvas,"onUpdate:modelValue":n[26]||(n[26]=e=>w(Te).canvas=e),label:"Accent",class:"flex-1 min-w-40% >=656:min-w-20%",pattern:"#[0-9A-Fa-f]{6}",maxlength:"7",placeholder:"#rrggbb"},null,8,["modelValue"])):m("",!0)])):m("",!0),w(Pe).canvas?(l(),E("div",{key:1,class:y(["w-12/12col >=1280:w-6/12col mt-xs text-caption-md-regular whitespace-pre-line",{"text-danger":"danger"===w(Pe).canvas.type}])},_(w(Pe).canvas.text),3)):m("",!0)],64)):m("",!0),H("div",me,[(l(!0),E(o,null,b(Object.keys(w(he)?.[w(Ge)]?.backgroundColors||{}).filter(e=>e.toLowerCase().includes("canvas")),e=>(l(),E("div",{key:e,class:y(["w-12/12col >=656:w-4/12col >=1280:w-2/12col text-heading-lg","flex flex-col justify-between gap-md","p-cardInset pb-cardInsetBottom rounded-md",`bg-${e}`])},[H("span",{class:"text-caption-md-strong !text-12 strong uppercase text-strong",textContent:_(e)},null,8,pe),n[41]||(n[41]=H("div",{class:"flex flex-col"},[H("span",{class:"text-interactive",textContent:"Interactive"}),H("span",{class:"text-strong",textContent:"Strong"}),H("span",{class:"text-medium",textContent:"Medium"}),H("span",{class:"text-subtle",textContent:"Subtle"})],-1)),n[42]||(n[42]=H("div",{class:"flex flex-col gap-8"},[H("div",{class:"border-b-2 border-extraStrong"}),H("div",{class:"border-b-2 border-strong"}),H("div",{class:"border-b-2 border-medium"}),H("div",{class:"border-b-2 border-subtle"})],-1))],2))),128))])]),H("section",fe,[A(v,{to:{path:w(xe)?.site?.url??"/",query:{"theme-alias":w(ye)?(r._.provides[a]||r.$route).query["theme-alias"]:null,"theme-colors":(r._.provides[a]||r.$route).query["theme-colors"],"theme-typography":w(ye)?(r._.provides[a]||r.$route).query["theme-typography"]:null,"theme-spacing":w(ye)?(r._.provides[a]||r.$route).query["theme-spacing"]:null,"theme-border-radius":w(ye)?(r._.provides[a]||r.$route).query["theme-border-radius"]:null,"theme-site-settings":w(ye)?(r._.provides[a]||r.$route).query["theme-site-settings"]:null}},target:"_blank"},{default:e(()=>[V(_(("localize"in r?r.localize:w(g))("GO_TEST",{capitalize:!0})),1)]),_:1},8,["to"])])])]),_:1},16)])}}};export{ve as default};