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

1import{C as e,D as a,E as l,Et as t,G as r,Gt as n,J as s,Lt as o,M as c,N as i,Nt as u,St as d,T as m,Tt as p,Y as f,_ as v,fn as x,hn as y,it as b,st as g,w as V}from"./B8XHxhss.js";import{At as h,Dt as w,Et as E,F as C,It as k,Nt as H,O as _,V as z,_ as A,at as M,i as T,nt as L}from"#entry";import{t as S}from"./B67sZZXI.js";import{t as O}from"./nmS8ks872.js";import{t as U}from"./CH3N3EUD.js";import{t as I}from"./DRHJoJpX.js";import{t as N}from"./BRXBOjLd.js";import{t as $}from"./DN6WxE4S.js";var j={class:"c-theme-playground"},W={class:"grid grid-cols-1 mt-beforeBlocks gap-betweenBlocks mb-afterBlocks"},B={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=M(),ye=H().public?.themeTesting??!1,be=r("themeConfig",{});T({key:z,name:"Theme playground (extended)"});const ge=w(),Ve=E(),he=I(),we=[],Ee=r("themePlaygroundFilter",null),Ce=e(()=>{if(Ve.query["theme-colors"])try{return JSON.parse(Ve.query["theme-colors"])}catch{return{}}return{}});function ke(e){try{const a=N(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,+l));try{return N(...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=N(r).hex("rgb"),c=N(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=N.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(n).get("lch.l"),a=N(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=o({primary:0,secondary:0,surface:0,canvas:0,primaryVariant:0,surfaceVariant:0}),Me=o({primary:"",secondary:"",surface:"",canvas:"",primaryVariant:"",surfaceVariant:""}),Te=o({primary:"",secondary:"",surface:"",canvas:"",primaryVariant:"",surfaceVariant:""}),Le=e(()=>({primary:N(be.value?.colors?.onPrimaryInteractive??[0,0,0]).hex(),secondary:N(be.value?.colors?.onSecondaryInteractive??[0,0,0]).hex(),surface:N(be.value?.colors?.onSurfaceInteractive??[0,0,0]).hex(),canvas:N(be.value?.colors?.onCanvasInteractive??[0,0,0]).hex(),primaryVariant:N(be.value?.colors?.onPrimaryVariantInteractive??[0,0,0]).hex(),surfaceVariant:N(be.value?.colors?.onSurfaceVariantInteractive??[0,0,0]).hex()})),Se=o(!1),Oe=o(!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("/");$e.value&&($e.value[a]=e[0]||Ne.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 Ne=o(Ve.query["theme-alias"]||Ve.query["theme-typography"]||xe.site?.theme?.colors?.primary||"default"),$e=o(null);function je(a){return e({get:()=>function(e){return $e.value?.[e]||Ne.value}(a),set(e){$e.value&&($e.value[a]=e),Me.value[a]="",Te.value[a]="",We({[a]:e})}})}function We(e){const a={...Ye.value,...e};ge.push({hash:Ve.hash,query:{...Ve.query,"theme-alias":ye?Ne.value:null,"theme-colors":JSON.stringify(a),"theme-typography":ye?Ne.value:null,"theme-spacing":ye?Ne.value:null,"theme-border-radius":ye?Ne.value:null,"theme-site-settings":ye?Ne.value:null}})}$e.value=Ue.reduce((e,a)=>(e[a]=function(e){const a=Ce.value?.[e];return!a||a.startsWith("#")?null:a.split("/")?.[0]||null}(a)||Ne.value,e),{}),Ie();const Be=je("primary"),qe=je("secondary"),Fe=je("surface"),Ge=je("canvas"),Re=je("primaryVariant"),Xe=je("surfaceVariant"),Pe=e(()=>({primary:ze("primary",Be.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&&($e.value&&Ue.forEach(a=>{$e.value[a]=e,Me.value[a]="",Te.value[a]=""}),We({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("#"))}d(Ne,()=>{De(Ne.value)}),d(Be,()=>{Je("primary")&&(Me.value.primary="",Te.value.primary="")}),d(qe,()=>{Je("secondary")&&(Me.value.secondary="",Te.value.secondary="")}),d(Fe,()=>{Je("surface")&&(Me.value.surface="",Te.value.surface="")}),d(Ge,()=>{Je("canvas")&&(Me.value.canvas="",Te.value.canvas="")}),d(Re,()=>{Je("primaryVariant")&&(Me.value.primaryVariant="",Te.value.primaryVariant="")}),d(Xe,()=>{Je("surfaceVariant")&&(Me.value.surfaceVariant="",Te.value.surfaceVariant="")});const Ye=e(()=>{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",Be.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;d(Ye,e=>{Ke=!0,clearTimeout(Qe),ge.push({hash:Ve.hash,query:{...Ve.query,"theme-alias":ye?Ne.value:null,"theme-colors":JSON.stringify(e),"theme-typography":ye?Ne.value:null,"theme-spacing":ye?Ne.value:null,"theme-border-radius":ye?Ne.value:null,"theme-site-settings":ye?Ne.value:null}}).catch(()=>{}).finally(()=>{Qe=setTimeout(()=>{Ke=!1},100)})}),d(()=>Ve.query["theme-colors"],()=>{Ke||Ie()},{deep:!0});const Ze=o(!1);return Ue.forEach(e=>{d(()=>Ae.value[e],()=>{Ze.value||(Me.value[e]="",Te.value[e]="")}),d(()=>Me.value[e],a=>{_e(a)&&(Ze.value=!0,Ae.value[e]=ke(a),f(()=>{Ze.value=!1}))})}),(e,r)=>{const o=O,d=U,f=S,w=_,E=C;return b(),a("article",j,[i(E,s({name:"content-page-layout"},{title:("localize"in e?e.localize:n(A))("THEME_PICKER",{capitalize:!0}),description:("localize"in e?e.localize:n(A))("PHRASE_THEME_PICKER_DESCRIPTION",{capitalize:!0})}),{headerFilters:p(()=>[i(o,{modelValue:n(Ne),"onUpdate:modelValue":r[0]||(r[0]=e=>u(Ne)?Ne.value=e:null),label:("localize"in e?e.localize:n(A))("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:p(()=>[V("div",W,[V("section",null,[V("div",B,y(("localize"in e?e.localize:n(A))("COLORS",{capitalize:!0})),1),V("div",q,y(("localize"in e?e.localize:n(A))("PRIMARY_COLOR",{capitalize:!0})),1),i(o,{modelValue:n(Be),"onUpdate:modelValue":r[1]||(r[1]=e=>u(Be)?Be.value=e:null),items:we,label:("localize"in e?e.localize:n(A))("CHANGE_THEME",{capitalize:!0}),color:"surface",class:"w-12/12col >=1280:w-6/12col"},null,8,["modelValue","label"]),n(ye)?(b(),a(v,{key:0},[n(he)?.[n(Be)]?.allowHueShift?(b(),a("div",F,[i(d,{modelValue:n(Ae).primary,"onUpdate:modelValue":r[2]||(r[2]=e=>n(Ae).primary=e),class:"flex-1 min-w-100% >=656:min-w-20%",color:"canvas","initial-value":0,label:("localize"in e?e.localize:n(A))("CHANGE_HUE",{c

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

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

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