https://circularity-gap.world/_nuxt/DJ-K4He9.js

1import{_ as w}from"./DTVc8bqV.js";import N from"./9l43tyIY.js";import{_ as A}from"./Ba4OhPg_.js";import F from"./CgchJb7b.js";import{_ as P,C as S}from"./rN50UzlI.js";import j from"./DQ5w5mLD.js";import{_ as H}from"./BT00-t79.js";import{e as k,c as n,p as g,q as d,a as t,t as u,F as h,j as _,b as r,w as b,s as v,k as K,o as e,d as V,r as G,l as W}from"#entry";import"./DlAUqK2U.js";import"./xy-SkBUS.js";import"./D0LGAEfU.js";import"./d-o2l70-.js";import"./BrQ4QFJM.js";const I={class:"flex h-full flex-col justify-between gap-6"},J={class:"flex flex-col gap-4"},M={key:0,class:"font-headline text-xl leading-5 font-bold"},R={key:1,class:"grid grid-cols-2 gap-4 pt-2"},Y={class:"flex items-center gap-4"},q={class:"font-headline flex text-[42px] leading-16 font-bold"},z={key:0},O={key:1},U={key:0},Q={class:"text-sm tracking-wide whitespace-pre-line max-w-[120px]"},X={key:0},Z=k({__name:"DoubleData",props:{data:{}},setup(C){return(i,s)=>{const p=w,a=H,m=K;return e(),n("div",{class:v(["relative flex w-full flex-col rounded-lg border border-[#C6CED6] p-6 col-span-10 bg-white",[i.data.bordered?"shadow-buttons border-none":""]])},[i.data.tooltipDescription?(e(),g(p,{key:0,"tooltip-description":i.data.tooltipDescription},null,8,["tooltip-description"])):d("",!0),t("div",I,[t("div",J,[i.data.title?(e(),n("h2",M,u(i.data.title),1)):d("",!0),i.data.cards?(e(),n("div",R,[(e(!0),n(h,null,_(i.data.cards,l=>(e(),n("div",{key:l.title,class:"flex flex-col border border-[#C6CED6] rounded-md p-4"},[t("div",Y,[t("div",q,[l.value?(e(),n("div",z,[t("span",null,u(l.value),1),t("span",null,u(l.suffix),1)])):(e(),n("div",O,[...s[0]||(s[0]=[t("span",null,"--",-1)])]))]),l.description?(e(),n("div",U,[t("p",Q,u(l.description),1)])):d("",!0)]),l.trends?(e(),n("div",{key:0,class:v(["grid grid-cols-1 gap-4",[l.trends.length>1?"sm:grid-cols-2":"sm:grid-cols-1"]])},[(e(!0),n(h,null,_(l.trends,(c,x)=>(e(),g(a,{key:c.label,card:c,index:x,spanWidth:l.trends.length<4&&x===2?"col-span-2":""},null,8,["card","index","spanWidth"]))),128))],2)):d("",!0)]))),128))])):d("",!0)]),i.data.button?(e(),n("div",X,[r(m,{block:"",to:i.data.button?.url,color:i.data.button?.color.toLowerCase(),disabled:!i.data?.button?.url},{default:b(()=>[V(u(i.data.button?.label),1)]),_:1},8,["to","color","disabled"])])):d("",!0)])],2)}}}),tt=Object.assign(Z,{__name:"CardDoubleData"}),et={class:"min-h-screen flex flex-col items-start justify-start gap-12 p-8 bg-yellow-400 *:flex *:items-start *:gap-4"},ot={class:"pt-12"},nt={key:0,class:"bg-white p-2"},it={class:"flex items-center gap-4"},lt={key:0,class:"bg-white p-2"},rt=["href"],st={class:"relative bg-white p-7"},at={class:"bg-white p-7 space-y-6"},dt={class:"relative bg-white p-7 space-y-6 w-full"},pt={class:"relative bg-white p-7"},ct={class:"relative bg-white p-7"},ut={class:"w-full"},mt={class:"relative bg-white p-7 w-full"},$t=k({__name:"newComponents",setup(C){const i=G({shown_text:[{type:"paragraph",children:[{type:"text",text:"This is "},{type:"text",text:"bold text",bold:!0},{type:"text",text:" and this is "},{type:"text",text:"italic text",italic:!0},{type:"text",text:" and here's some "},{type:"text",text:"underlined text",underline:!0},{type:"text",text:"."}]},{type:"list",format:"unordered",children:[{type:"list-item",children:[{type:"text",text:"First bullet point with "},{type:"text",text:"bold text",bold:!0}]},{type:"list-item",children:[{type:"text",text:"Second bullet point with "},{type:"text",text:"italic text",italic:!0}]},{type:"list-item",children:[{type:"text",text:"Third bullet point with "},{type:"link",url:"https://example.com",children:[{type:"text",text:"a link"}]}]},{type:"list-item",children:[{type:"text",text:"Fourth bullet point with "},{type:"text",text:"underlined text",underline:!0}]}]},{type:"paragraph",children:[{type:"text",text:"You can also have "},{type:"text",text:"bold and italic combined",bold:!0,italic:!0},{type:"text",text:" or visit "},{type:"link",url:"https://example.com",children:[{type:"text",text:"this link"}]},{type:"text",text:" for more information."}]}],hidden_text:[{type:"paragraph",children:[{type:"text",text:"This is "},{type:"text",text:"bold text",bold:!0},{type:"text",text:" and this is "},{type:"text",text:"italic text",italic:!0},{type:"text",text:" and here's some "},{type:"text",text:"underlined text",underline:!0},{type:"text",text:"."}]},{type:"paragraph",children:[{type:"text",text:"You can also have "},{type:"text",text:"bold and italic combined",bold:!0,italic:!0},{type:"text",text:" or visit "},{type:"link",url:"https://example.com",children:[{type:"text",text:"this link"}]},{type:"text",text:" for more information."}]},{type:"paragraph",children:[{type:"text",text:"Here's a "},{type:"link",url:"https://strapi.io",children:[{type:"text",text:"bold link",bold:!0}]},{type:"text",text:" and an "},{type:"link",url:"https://docs.strapi.io",children:[{type:"text",text:"underlined link",underline:!0}]},{type:"text",text:"."}]}]}),s={tooltipText:"Click for more info",link:"google.com",tooltipDescription:[{type:"heading",children:[{type:"text",text:"Hello new tooltip description and"}],level:1},{type:"paragraph",children:[{type:"text",text:" I dont know"},{type:"text",text:"Bold",bold:!0}]}]},p={formats:{xs:{url:"/uploads/xs_karen_nelson_e6aac181a5.png"}}},a=[{name:"Elin Hansen",link:"https://www.linkedin.com/in/elin-hansen-123456789/",role:"Editor, Circle Economy",image:p},{name:"Frank Jaegtnes",link:"[email protected]",role:"Editor, Circle Economy",image:p},{name:"John Doe",link:"",role:"Developer, Circle Economy",image:p}],m={left:[{heading:"Lead authors",contributors:a}

1,{heading:"Lead authors (Chapters 3 and 4)",contributors:a}],right:[{heading:"Communication",contributors:a},{heading:"Editorial",contributors:a},{heading:"Design & layout",contributors:a}]},l=[{label:"Growing material use is increasingly linked to a range of environmental impacts. ",content:"content for the first accordion item"},{label:"Growing material use is increasingly linked to a range of environmental impacts. ",content:"content for the second accordion item"},{label:"With a high GDP per capita, Norway is among the world's most prosperous nations, but this prosperity comes with a significant environmental cost",content:"content for the third accordion item"}],c={title:"Card title 1",cards:[{number:13,suffix:"",description:"tonnes per capita in 2021",trends:[{label:"Trend A",id:1,type:"Positive",number:15,suffix:"%",icon:!0,icon_instance:"up"},{label:"Trend B",id:2,type:"Negative",number:-7,suffix:"%",icon:!0,icon_instance:"down"},{label:"Trend A",id:3,type:"Positive",number:25,suffix:"%",icon:!0,icon_instance:"up"}]},{title:"Card title 2",number:45,suffix:"",description:"tonnes per capita in 2021",trends:[{label:"Trend A",id:1,type:"Positive",number:20,suffix:"%",icon:!0,icon_instance:"up"},{label:"Trend B",id:2,type:"Negative",number:-8,suffix:"%",icon:!0,icon_instance:"down"}],tooltipDescription:[{type:"paragraph",children:[{type:"text",text:"Tooltip for card 2"}]}]}],bordered:!0,tooltipDescription:[{type:"paragraph",children:[{type:"text",text:"Tooltip for card 1"}]}],button:{label:"Learn More",url:"/learn-more",color:"Primary"},number:100};return(x,o)=>{const D=w,T=N,$=A,B=F,E=P,y=j,L=tt;return e(),n("div",et,[t("div",ot,[o[0]||(o[0]=t("div",{class:"min-w-56 font-bold"},"Kabob component",-1)),s?.tooltipDescription?(e(),n("div",nt,[r(D,{tooltipDescription:s?.tooltipDescription},null,8,["tooltipDescription"])])):d("",!0)]),t("div",it,[o[1]||(o[1]=t("div",null,"Link Tooltip component",-1)),s.tooltipDescription?(e(),n("div",lt,[r($,null,{"tooltip-link":b(()=>[t("a",{href:s.link},"Hello world",8,rt)]),"tooltip-content":b(()=>[r(T,{nodes:s.tooltipDescription},null,8,["nodes"])]),_:1})])):d("",!0)]),t("div",null,[o[2]||(o[2]=t("div",{class:"min-w-56 font-bold"},"Read more component",-1)),t("div",st,[r(B,{data:W(i)},null,8,["data"])])]),t("div",null,[o[3]||(o[3]=t("div",{class:"min-w-56 font-bold"},"Contributor component",-1)),t("div",at,[(e(),n(h,null,_(a,f=>r(E,{key:f.name,contributor:f},null,8,["contributor"])),64))])]),t("div",null,[o[4]||(o[4]=t("div",{class:"min-w-56 font-bold"},"Contributors list",-1)),t("div",dt,[r(S,{data:{...m}},null,8,["data"])])]),t("div",null,[o[5]||(o[5]=t("div",{class:"min-w-56 font-bold"},"Bluegrey Accordion component",-1)),t("div",pt,[r(y,{data:{type:"bluegrey",items:l}},null,8,["data"])])]),t("div",null,[o[6]||(o[6]=t("div",{class:"min-w-56 font-bold"},"Numbered Accordion component",-1)),t("div",ct,[r(y,{data:{type:"numbered",items:l}},null,8,["data"])])]),t("div",ut,[o[7]||(o[7]=t("div",{class:"min-w-56 font-bold"},"Double data card",-1)),t("div",mt,[r(L,{data:c,bordered:c.bordered},null,8,["bordered"])])])])}}});export{$t as default};