https://barometersamenleven.be/component---src-templates-indicator…dicator-details-tsx-d7a00fba2baffb4ce077.js

1"use strict";(self.webpackChunkbarsam=self.webpackChunkbarsam||[]).push([[966],{2797:function(e,t,n){n.d(t,{c:function(){return r}});var r=function(e){var t;return{id:e.id,title:e.title,body:e.body.processed,files:(null===(t=e.relationships)||void 0===t?void 0:t.field_bestanden.map((function(e){return{name:e.localFile.name,path:e.localFile.publicURL,extension:e.localFile.extension,size:e.localFile.size}})))||[]}}},5707:function(e,t,n){n.r(t),n.d(t,{default:function(){return V}});var r=n(2982),a=n(5861),i=n(7757),l=n.n(i),o=n(7294),c=n(5783),s=n(7895),d=function(){return d=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var a in t=arguments[n])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},d.apply(this,arguments)};var u=function(e){var t=e.animate,n=e.animateBegin,r=e.backgroundColor,a=e.backgroundOpacity,i=e.baseUrl,l=e.children,c=e.foregroundColor,s=e.foregroundOpacity,u=e.gradientRatio,m=e.gradientDirection,f=e.uniqueKey,h=e.interval,p=e.rtl,g=e.speed,v=e.style,y=e.title,E=e.beforeMask,b=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n}(e,["animate","animateBegin","backgroundColor","backgroundOpacity","baseUrl","children","foregroundColor","foregroundOpacity","gradientRatio","gradientDirection","uniqueKey","interval","rtl","speed","style","title","beforeMask"]),k=f||Math.random().toString(36).substring(6),_=k+"-diff",w=k+"-animated-diff",x=k+"-aria",I=p?{transform:"scaleX(-1)"}:null,S="0; "+h+"; 1",N=g+"s",C="top-bottom"===m?"rotate(90)":void 0;return(0,o.createElement)("svg",d({"aria-labelledby":x,role:"img",style:d(d({},v),I)},b),y?(0,o.createElement)("title",{id:x},y):null,E&&(0,o.isValidElement)(E)?E:null,(0,o.createElement)("rect",{role:"presentation",x:"0",y:"0",width:"100%",height:"100%",clipPath:"url("+i+"#"+_+")",style:{fill:"url("+i+"#"+w+")"}}),(0,o.createElement)("defs",null,(0,o.createElement)("clipPath",{id:_},l),(0,o.createElement)("linearGradient",{id:w,gradientTransform:C},(0,o.createElement)("stop",{offset:"0%",stopColor:r,stopOpacity:a},t&&(0,o.createElement)("animate",{attributeName:"offset",values:-u+"; "+-u+"; 1",keyTimes:S,dur:N,repeatCount:"indefinite",begin:n})),(0,o.createElement)("stop",{offset:"50%",stopColor:c,stopOpacity:s},t&&(0,o.createElement)("animate",{attributeName:"offset",values:-u/2+"; "+-u/2+"; "+(1+u/2),keyTimes:S,dur:N,repeatCount:"indefinite",begin:n})),(0,o.createElement)("stop",{offset:"100%",stopColor:r,stopOpacity:a},t&&(0,o.createElement)("animate",{attributeName:"offset",values:"0; 0; "+(1+u),keyTimes:S,dur:N,repeatCount:"indefinite",begin:n})))))};u.defaultProps={animate:!0,backgroundColor:"#f5f6f7",backgroundOpacity:1,baseUrl:"",foregroundColor:"#eee",foregroundOpacity:1,gradientRatio:2,gradientDirection:"left-right",id:null,interval:.25,rtl:!1,speed:1.2,style:{},title:"Loading...",beforeMask:null};var m=function(e){return e.children?(0,o.createElement)(u,d({},e)):(0,o.createElement)(f,d({},e))},f=function(e){return(0,o.createElement)(m,d({viewBox:"0 0 476 124"},e),(0,o.createElement)("rect",{x:"48",y:"8",width:"88",height:"6",rx:"3"}),(0,o.createElement)("rect",{x:"48",y:"26",width:"52",height:"6",rx:"3"}),(0,o.createElement)("rect",{x:"0",y:"56",width:"410",height:"6",rx:"3"}),(0,o.createElement)("rect",{x:"0",y:"72",width:"380",height:"6",rx:"3"}),(0,o.createElement)("rect",{x:"0",y:"88",width:"178",height:"6",rx:"3"}),(0,o.createElement)("circle",{cx:"20",cy:"20",r:"20"}))},h=m,p=n(6767),g=n(3594),v=n(4550),y=n(5832),E=n(3276),b=n(3087),k=n(3108),_=n(206),w=n(2346),x=n(9304),I=function(e){var t=e.sources,n=(0,s.et)(),i=n.selectedCategory,c=n.highlightedDimension,d=n.categories,u=n.selectedYear,m=n.dimensions,f=n.colors,h=n.highlightedCategories,p=n.percentFormatter,g=n.selectedRegio,v=n.BigScreen,I=n.Desktop,S=n.hoveredCategory,N=n.setHoveredCategory,C=n.selectedIndicator,D=n.getColorForCategory,O=n.data,L=n.payloadIndex,Z=n.setPayloadIndex,j=(0,o.useState)([]),B=j[0],J=j[1],T=(0,o.useState)({}),F=T[0],H=T[1],M=(0,o.useState)(!0),R=M[0],V=M[1],G=(0,o.useState)([0,"dataMax + 0.03"]),K=G[0],z=G[1],W=(0,o.useState)(2021),P=(W[0],W[1]),A=function(e){return t.find((function(t){return t.title===e}))},Y=function(){var e=(0,a.Z)(l().mark((function e(t){var n,a,o,s,m,p,g,v,y,E,b,k,_,w;return l().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(t&&0!==t.length){if(n=f[0],0,a={},o=u,"meest recente jaar"===u&&(s=t.filter((function(e){return c===e.Dimensie&&(0,r.Z)(d[i]).includes(e.Soort_waarde)})),m=(0,r.Z)(new Set(s.map((function(e){return e.Jaar})))),o=m&&0!==m.length&&m.reduce((function(e,t){return e>t?e:t}))),p=(0,r.Z)(new Set(t.map((function(e){return parseInt(e.Jaar)})))),g=(g=p.reduce((function(e,t){return e<t?e:t})))>=parseInt(o)-9?g:parseInt(o)-9,P(g),v=t.filter((function(e){return void 0!==c&&""!==c?c===e.Dimensie&&(0,r.Z)(d[i]).includes(e.Soort_waarde)&&parseInt(e.Jaar)>=g&&parseInt(e.Jaar)<=parseInt(o):[]})),(y=(0,r.Z)(new Set(v.map((function(e){return e.Soort_waarde}))))).includes("Nederlands")&&y.sort((function(e,t){return e<t?-1:e>t?1:0}

1)),y.forEach((function(e,t){n=D(f,h,e,t),a[e]=n})),H(a),E=v.map((function(e){var t;return(t={year:parseInt(e.Jaar)})[e.Soort_waarde]=e.Verhouding,t})),v&&0!==v.length)for(b=(0,r.Z)(new Set(v.map((function(e){return parseInt(e.Jaar)})))),k=b&&0!==b.length&&b.reduce((function(e,t){return e>t?e:t})),_=k+1;_<=o;_++)E.push({year:parseInt(_),categoryField:null});else E.push({year:parseInt(o),categoryField:null});w=[],E.reduce((function(e,t){var n;e[t.year]||(e[t.year]=((n={year:t.year})[Object.keys(t)[1]]=Object.values(t)[1],n),w.push(e[t.year]));return e[t.year][Object.keys(t)[1]]=Object.values(t)[1],e}),{}),w.sort((function(e,t){var n=parseInt(e.year),r=parseInt(t.year);return n<r?-1:n>r?1:0})),J(w)}case 1:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),q=function(e,t){N(t.dataKey)},U=function(e,t){N("")};(0,o.useEffect)((function(){z(R?["auto","auto"]:[0,"auto"])}),[R]);var Q=function(e){V(!R)},X=function(e){return F&&F[e]?F[e]:f[0]},$=function(e){return h.includes(e)?""===S||S===e?1:h.includes(S)?.4:1:.05},ee=function(e){return h.includes(e)?""===S?3:S===e?5:3:3},te=function(e){var t=0;return t=h.includes(e)?""===S?0:S===e?6:0:0,t},ne=function(e){var t=e.active,n=e.payload;e.label;return t&&n&&n.length&&n[L]&&h.includes(n[L].dataKey)&&""!=S?o.createElement("div",{className:"vl-u-text--small MultiLineChart-module--custom-tooltip--4oDlu",style:{padding:8,border:"1px solid gray"}},o.createElement("p",{style:{fontWeight:"bold"}},n[0].payload.year),o.createElement("table",null,o.createElement("tbody",null,o.createElement("tr",{key:L},o.createElement("td",null,o.createElement("p",{style:{color:X(n[L].name),paddingLeft:"6px",paddingRight:"6px"}},n[L].name,":")),o.createElement("td",null,o.createElement("p",{style:{color:X(n[L].name)}},parseFloat(n[L].value)>1?parseInt(n[L].value):p(n[L].value))))))):""};(0,o.useEffect)((function(){Y(O)}),[h,u,i,g,c,d,m,C,O]);var re,ae,ie,le,oe;return m&&m.length?o.createElement("div",null,o.createElement(v,null,o.createElement("header",{className:"vl-info-tile__header",role:"presentation"},o.createElement("div",{className:"vl-info-tile__header__wrapper"},o.createElement("div",{className:"vl-grid"},o.createElement("div",{className:"vl-col--10-12",style:{marginBottom:16,maxWidth:667}},o.createElement("h2",{className:"vl-info-tile__header__title"},"Evolutie"," ",c&&(oe=c).charAt(0).toLowerCase()+oe.slice(1)," "),o.createElement("div",{className:"vl-info-tile__header__subtitle",style:{minHeight:32},dangerouslySetInnerHTML:{__html:null===(re=A(c))||void 0===re||null===(ae=re.field_definitie_content)||void 0===ae?void 0:ae.processed}})),o.createElement("div",{className:"vl-col--2-12",style:{paddingLeft:0,display:"flex",justifyContent:"flex-end",alignItems:"end",paddingBottom:"8px"}},o.createElement("div",{style:{paddingRight:20,paddingTop:14}},o.createElement("input",{className:"vl-checkbox--switch",type:"checkbox",id:"checkbox-multiLine",n

1ame:"checkbox-multiLine",value:"1",role:"switch",checked:R,onChange:Q}),o.createElement("label",{className:"vl-checkbox__label",htmlFor:"checkbox-multiLine"},o.createElement("span",{className:"vl-checkbox--switch__label"},o.createElement("span",{"aria-hidden":"true"})),o.createElement("span",null,"Zoom in"))))),o.createElement("div",{className:"vl-col--1-1}",style:{height:320,width:800}},o.createElement(y.h,{width:"100%",height:"100%"},o.createElement(E.w,{key:1,syncId:"lineChartId_"+(c&&c),data:B,margin:{top:5,right:30,left:20,bottom:5}},o.createElement(b.q,{strokeDasharray:"3 3"}),o.createElement(k.K,{dataKey:"year",tick:{fontSize:"0.8em"}}),o.createElement(_.B,{width:50,tick:{fontSize:"0.8em"},domain:K,tickFormatter:function(e){return"Deelname NT2-cursus"===c?parseInt(e):p(e)}}),o.createElement(w.u,{content:o.createElement(ne,null)}),(0,r.Z)(d[i]).map((function(e,t){return o.createElement(x.x,{animationDuration:500,isAnimationActive:1!==B.length,key:t,type:"linear",dataKey:e,stroke:X(e),strokeOpacity:$(e),activeDot:{r:8,onMouseOver:function(e,n){Z(t),q(0,n)},onMouseOut:U,fill:X(e),opacity:$(e)},dot:{r:1===B.length?8:te(e),stroke:"white",strokeWidth:2,fill:X(e),opacity:$(e)},strokeWidth:ee(e)})})))))))),o.createElement(I,null,o.createElement("header",{className:"vl-info-tile__header",role:"presentation"},o.createElement("div",{className:"vl-info-tile__header__wrapper"},o.createElement("div",{className:"vl-grid"},o.createElement("div",{className:"vl-col--10-12",style:{marginBottom:16,maxWidth:667}},o.createElement("p",{className:"vl-info-tile__header__title"},"Evolutie"," ",c&&c.toLowerCase()," "),o.createElement("div",{style:{minHeight:24},className:"vl-info-tile__header__subtitle",dangerouslySetInnerHTML:{__html:null===(ie=A(c))||void 0===ie||null===(le=ie.field_definitie_content)||void 0===le?void 0:le.processed}})),o.createElement("div",{className:"vl-col--2-12",style:{paddingLeft:0,display:"flex",justifyContent:"flex-end",alignItems:"end",paddingBottom:"8px"}},o.createElement("div",{style:{paddingRight:20,paddingTop:14}},o.createElement("input",{className:"vl-checkbox--switch",type:"checkbox",id:"checkbox-multiLine",n

1ame:"checkbox-multiLine",value:"1",role:"switch",checked:R,onChange:Q}),o.createElement("label",{className:"vl-checkbox__label",htmlFor:"checkbox-multiLine"},o.createElement("span",{className:"vl-checkbox--switch__label"},o.createElement("span",{"aria-hidden":"true"})),o.createElement("span",null,"Zoom in"))))),o.createElement("div",{className:"vl-col--1-1}",style:{height:240,width:800}},o.createElement(y.h,{width:"100%",height:"100%"},o.createElement(E.w,{syncId:"lineChartId_"+(c&&c),data:B,margin:{top:5,right:30,left:20,bottom:5}},o.createElement(b.q,{strokeDasharray:"3 3"}),o.createElement(k.K,{dataKey:"year",tick:{fontSize:"0.8em"},height:16}),o.createElement(_.B,{width:50,tick:{fontSize:"0.8em"},domain:K,tickFormatter:function(e){return"Deelname NT2-cursus"===c?parseInt(e):p(e)}}),o.createElement(w.u,{content:o.createElement(ne,null)}),(0,r.Z)(d[i]).map((function(e,t){return o.createElement(x.x,{animationDuration:500,key:t,type:"linear",dataKey:e,stroke:X(e),strokeOpacity:$(e),activeDot:{r:8,onMouseOver:function(e,n){Z(t),q(0,n)},onMouseOut:U,fill:X(e),opacity:$(e)},dot:{r:1===B.length?8:te(e),stroke:"white",strokeWidth:2,fill:X(e),opacity:$(e)},strokeWidth:ee(e)})}))))))))):o.createElement("div",null)},S=function(e){var t=e.isLoading,n=e.sources,r=(0,p.et)(),a=r.data,i=r.isBigScreen,l=r.selectedRegio,c=r.dimensions;return o.createElement("div",{className:"vl-col--1-1"},o.createElement(g.j,null),t?o.createElement(h,{viewBox:"0 0 380 700"},o.createElement("rect",{x:"0",y:"4",rx:"0",ry:"0",width:"380",height:"10"}),o.createElement("rect",{x:"0",y:"24",rx:"0",ry:"0",width:"380",height:"10"}),o.createElement("rect",{x:"0",y:"44",rx:"0",ry:"0",width:"380",height:"10"})):a&&a.length>0&&a.filter((function(e){return c.includes(e.Dimensie)})).length>0?o.createElement("div",null,o.createElement("div",{className:"vl-grid"},o.createElement("div",{className:"vl-col--1-1"}),o.createElement("div",{className:"vl-col--1-1"},o.createElement("div",{className:"vl-col--1-1"},o.createElement("div",{className:"vl-info-tile",style:{border:"1px solid rgba(100,100,100,0)",minHeight:i?420:300}},o.createElement(v._,null)))),o.createElement("div",{className:"vl-col--1-1"},o.createElement("div",{className:"vl-info-tile",style:{border:"1px solid rgba(100,100,100,0)",paddingBottom:0}},o.createElement(I,{sources:n}))))):o.createElement("div",{style:{minHeight:i?812:620}},o.createElement("p",{className:"vl-u-spacer-top"},"Vlaanderen"===l?"Geen data beschikbaar voor het Vlaams Gewest.":"Geen data beschikbaar voor het Brussels Hoofdstedelijk Gewest.")))};function N(){var e=window;return{width:e.innerWidth,height:e.innerHeight}}function C(){var e=(0,o.useState)(N()),t=e[0],n=e[1];return(0,o.useEffect)((function(){function e(){n(N())}return window.addEventListener("resize",e),function(){return window.removeEventListener("resize",e)}}),[]),t}var D=function(e){var t=e.dimension,n=(0,s.et)(),i=n.dimensions,c=n.categories,d=n.selectedCategory,u=n.colors,m=n.highlightedCategories,f=n.isMobile,h=n.selectedYear,p=n.percentFormatter,g=n.selectedRegio,v=(n.setHoveredCategory,n.selectedIndicator),I=n.getColorForCategory,S=n.data,N=n.hoveredCategory,D=(0,o.useState)([]),O=D[0],L=D[1],Z=(0,o.useState)({}),j=Z[0],B=Z[1],J=(0,o.useState)(!0),T=J[0],F=J[1],H=(0,o.useState)([0,"dataMax + 0.03"]),M=H[0],R=H[1],V=(0,o.useState)(2021),G=(V[0],V[1]),K=C(),z=K.width,W=K.height,P=function(){var e=(0,a.Z)(l().mark((function e(t,n){var a,i,o,s,f,p,g,v,y,E,b,k,_,w;return l().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(a=h,t&&0!==t.length){if(i=u[0],0,o={},"meest recente jaar"===h&&(s=t.filter((function(e){return n===e.Dimensie&&(0,r.Z)(c[d]).includes(e.Soort_waarde)})),f=(0,r.Z)(new Set(s.map((function(e){return e.Jaar})))),a=f&&0!==f.length&&f.reduce((function(e,t){return e>t?e:t}))),p=(0,r.Z)(new Set(t.map((function(e){return parseInt(e.Jaar)})))),g=(g=p.reduce((function(e,t){return e<t?e:t})))>=parseInt(a)-9?g:parseInt(a)-9,G(g),v=t.filter((function(e){return n===e.Dimensie&&(0,r.Z)(c[d]).includes(e.Soort_waarde)&&parseInt(e.Jaar)>=g&&parseInt(e.Jaar)<=parseInt(a)})),(y=(0,r.Z)(new Set(v.map((function(e){return e.Soort_waarde}))))).includes("Nederlands")&&y.sort((function(e,t){return e<t?-1:e>t?1:0}

1)),y.forEach((function(e,t){i=I(u,m,e,t),o[e]=i})),B(o),E=v.map((function(e){var t;return(t={year:e.Jaar})[e.Soort_waarde]=e.Verhouding,t})),v&&0!==v.length)for(b=(0,r.Z)(new Set(v.map((function(e){return parseInt(e.Jaar)})))),k=b&&0!==b.length&&b.reduce((function(e,t){return e>t?e:t})),_=k+1;_<=a;_++)E.push({year:parseInt(_),categoryField:null});else E.push({year:parseInt(a),categoryField:null});w=[],E.reduce((function(e,t){var n;e[t.year]||(e[t.year]=((n={year:t.year})[Object.keys(t)[1]]=Object.values(t)[1],n),w.push(e[t.year]));return e[t.year][Object.keys(t)[1]]=Object.values(t)[1],e}),{}),w.sort((function(e,t){var n=parseInt(e.year),r=parseInt(t.year);return n<r?-1:n>r?1:0})),L(w)}case 2:case"end":return e.stop()}}),e)})));return function(t,n){return e.apply(this,arguments)}}(),A=function(e){e.active,e.payload,e.label;return""},Y=function(e){return j&&j[e]?j[e]:u[0]},q=function(e){return m.includes(e)?""===N||N===e?1:m.includes(N)?.4:1:.05},U=function(e){var t=0;return t=m.includes(e)?""===N?0:N===e?6:0:0,t};(0,o.useEffect)((function(){R(T?["auto","auto"]:[0,"auto"])}),[T]);var Q=function(e){F(!T)};return(0,o.useEffect)((function(){P(S,t)}),[m,h,d,g,c,i,v,S]),o.createElement("div",null,o.createElement("div",{className:"vl-col--1-1}"},o.createElement("div",{className:"vl-u-float-left vl-typography"},o.createElement("h5",null,"Evolutie")),o.createElement("div",{className:"vl-checkbox--switch__wrapper vl-u-float-right",style:{paddingLeft:10,paddingRight:0}},o.createElement("input",{className:"vl-checkbox--switch",type:"checkbox",id:"checkbox-multiLine_"+t,name:"checkbox-multiLine_"+t,value:"1",role:"switch",checked:T,onChange:Q,onClick:Q}),o.createElement("label",{className:"vl-checkbox__label",htmlFor:"checkbox-multiLine_"+t},o.createElement("span",{className:"vl-checkbox--switch__label"},o.createElement("span",{"aria-hidden":"true"})),o.createElement("span",null,"Zoom in")))),o.createElement("div",{className:"vl-col--1-1}",style:{paddingTop:"2em",height:W<760?240:300,marginLeft:f&&z<430?"-2rem":0}},o.createElement(y.h,{width:f&&z<430?"110%":"100%",height:"100%"},o.createElement(E.w,{syncId:"lineChartId_"+t,data:O,margin:{top:5,right:30,left:20,bottom:5}},o.createElement(b.q,{strokeDasharray:"3 3"}),o.createElement(k.K,{dataKey:"year",tick:{fontSize:"0.7em"}}),o.createElement(_.B,{tick:{fontSize:"0.7em"},width:32,domain:M,tickCount:3,tickFormatter:function(e){return"Deelname NT2-cursus"===t?parseInt(e):p(e)}}),o.createElement(w.u,{content:o.createElement(A,null)}),(0,r.Z)(c[d]).map((function(e,t){return o.createElement(x.x,{animationDuration:500,isAnimationActive:1!==O.length,key:t,type:"linear",dataKey:e,stroke:Y(e),strokeOpacity:q(e),activeDot:{r:0},dot:{r:1===O.length?8:U(e),stroke:"white",strokeWidth:2,fill:Y(e),opacity:q(e)},strokeWidth:(n=e,m.includes(n)?""===N?3:N===n?5:3:3)});var n}))))))},O="MobileDataGrid-module--padding-left-2--rR0hK",L=n(820),Z=n(4998),j=function(e){var t=e.dimension,n=(0,s.et)(),i=n.dimensions,c=n.categories,d=n.selectedCategory,u=n.colors,m=n.highlightedCategories,f=n.selectedYear,h=n.percentFormatter,p=n.selectedRegio,g=n.selectedCategories,v=n.Tablet,y=n.Mobile,E=n.setHoveredCategory,b=n.categoryField,k=n.selectedIndicator,_=n.getColorForCategory,w=n.setPayloadIndex,x=n.data,I=n.hoveredCategory,S=n.isMobile,N=(0,o.useState)([]),D=N[0],j=N[1],B=(0,o.useState)({}),J=(B[0],B[1]),T=C().height<780?30:36,F=(T-18)/2,H=(0,o.useRef)(),M=function(){var e=(0,a.Z)(l().mark((function e(t,n){var a,i,o,s,h,p,g;return l().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:a=f,i=f,o=f,t&&0!==t.length&&(s=u[0],h=t.filter((function(e){return n===e.Dimensie&&c[d].includes(e.Soort_waarde)})),(p=(0,r.Z)(new Set(h.map((function(e){return e.Soort_waarde}))))).includes("Nederlands")&&p.sort((function(e,t){return e<t?-1:e>t?1:0})),g=p.map((function(e,l){var h;s=_(u,m,e,l);var p=((h={id:l})[b]=e,h);if("meest recente jaar"===f){var g=t.filter((function(t){return t.Dimensie===n&&t.Soort_waarde===e})),v=(0,r.Z)(new Set(g.map((function(e){return e.Jaar}))));i=v&&0!==v.length&&v.reduce((function(e,t){return e>t?e:t}));var y=t.filter((function(e){return e.Dimensie===n})),E=(0,r.Z)(new Set(y.map((function(e){return e.Jaar}))));a=E&&0!==E.length&&E.reduce((function(e,t){return e>t?e:t}))}var k=t.filter((function(e){return e.Dimensie===n&&parseInt(e.Jaar)>parseInt(a)-10})),w=(0,r.Z)(new Set(k.map((function(e){return e.Jaar}))));o=w&&0!==w.length&&w.reduce((function(e,t){return e<t?e:t}));var x=t.filter((function(t){return t.Jaar===i&&t.Dimensie===n&&t.Soort_waarde===e}));x.color=s,x.valueY=parseFloat(x.Verhouding),x.unit="Deelname NT2-cursus"===n?"":"%";var I=t.filter((function(e){return parseInt(e.Jaar)>parseInt(a)-10&&parseInt(e.Jaar)<=parseInt(a)&&e.Dimensie===n&&c[d].includes(e.Soort_waarde)})),S=(0,r.Z)(new Set(I.map((function(e){return e.Verhouding})))),N=S&&0!==S.length&&S.reduce((function(e,t){return e>t?e:t})),C=t.filter((function(t){return parseInt(t.Jaar)>parseInt(a)-10&&parseInt(t.Jaar)<=parseInt(a)&&t.Dimensie===n&&t.Soort_waarde===e}));

1if(C&&0!==C.length){for(var D=(0,r.Z)(new Set(C.map((function(e){return parseInt(e.Jaar)})))),O=D&&0!==D.length&&D.reduce((function(e,t){return e>t?e:t})),L=D&&0!==D.length&&D.reduce((function(e,t){return e<t?e:t})),Z=O+1;Z<=a;Z++)C.push({Dimensie:n,Jaar:Z,Verhouding:null});for(var j=o;j<L;j++)C.push({Dimensie:n,Jaar:j,Verhouding:null})}else C.push({Dimensie:n,Jaar:a,Verhouding:null});C.sort((function(e,t){var n=parseInt(e.Jaar),r=parseInt(t.Jaar);return n<r?-1:n>r?1:0})),C.color=s,C.max=parseInt(N),C.unit="Deelname NT2-cursus"===n?"":"%";var B=null;if(t&&0!==t.length){var J=t.filter((function(t){return parseInt(t.Jaar)===parseInt(i)-1&&t.Dimensie===n&&t.Soort_waarde===e})),T=t.filter((function(t){return parseInt(t.Jaar)===parseInt(i)&&t.Dimensie===n&&t.Soort_waarde===e}));T&&T.length>0&&J&&J.length>0&&(B=T[0].Verhouding-J[0].Verhouding)}var F=B;return p[n]={bar:x,line:C,mark:F},p})),j(g));case 4:case"end":return e.stop()}}),e)})));return function(t,n){return e.apply(this,arguments)}}();(0,o.useEffect)((function(){R(),M(x,t)}),[m,f,d,p,c,i,k,x]);var R=function(){var e={};g.forEach((function(t){e[t]=!!m.includes(t)})),J(e)},V=function(e,t){return e[t]?e[t].line.color:u[0]},G=function(e,t){return e[t]?e[t].bar.color:u[0]},K=function(e,t){return m.includes(e[b])?""===I||I===e[b]?1:m.includes(I)?.4:1:.05},z=function(e){return m.includes(e[b])?""===I||I===e[b]?1:m.includes(I)?.4:1:.2},W=function(e){return m.includes(e[b])?1:.3},P=function(e){var t=(0,r.Z)(c[d]).indexOf(I);w(t)},A=function(e){var t=e.currentTarget.id.substring(3);E(I===t?"":t)};return void 0!==t?o.createElement("div",null,o.createElement("div",{className:"vl-col--1-1}",ref:H},o.createElement("table",{className:"vl-data-table vl-data-table--grid"},o.createElement("caption",{className:"vl-info-tile__header__title",style:{width:"100%",textAlign:"left"}},"Situatie ",f),o.createElement("tbody",null,D.map((function(e,n){if(void 0!==e[t])return o.createElement("tr",{key:e.id,id:"tr_"+e[b],onClick:A,style:{cursor:"pointer"}},o.createElement("td",{id:"tr_"+e[b],"data-title":"Categorisatie",style:{minWidth:S?140:160,width:S?140:160,padding:F+"px 0.2rem",verticalAlign:"middle"}},o.createElement("p",{style:{textDecorationLine:m.includes(e[b])?"underline":"none",textDecorationColor:G(e,t),opacity:W(e)}},o.createElement("span",{className:"MobileDataGrid-module--dot--nfBWV",style:{backgroundColor:G(e,t),opacity:z(e)}}),e[b])),o.createElement("td",{id:"tr_"+e[b],"data-title":t,key:t,className:"MobileDataGrid-module--padding-2--f9Yxa"},o.createElement(v,null,o.createElement("div",{id:"tr_"+e[b],className:"vl-col--8-12 vl-u-float-left "+O+" ",style:{height:T}},o.createElement(L.b,{element:e,dim:t,fill:G(e,t),opacity:K(e),dataKey:"Verhouding",barSize:16})),o.createElement("div",{id:"tr_"+e[b],className:"vl-col--2-12 vl-u-float-left "+O,style:{height:T},onMouseOver:P},o.createElement(Z.t,{element:e,dim:t,dataKey:"Verhouding",stroke:V(e,t),opacity:K(e)})),o.createElement("div",{id:"tr_"+e[b],className:"vl-col--2-12 vl-u-float-left "+O+" ",style:{height:T}},o.createElement("div",{id:"tr_"+e[b],style:{height:T,textAlign:"end",paddingTop:F,paddingRight:6}},e[t]?null===e[t].mark?"/":"Deelname NT2-cursus"===t?e[t].mark>0?"+"+parseInt(e[t].mark):parseInt(e[t].mark):e[t].mark>0?"+"+h(e[t].mark):h(e[t].mark):null))),o.createElement(y,null,o.createElement("div",{id:"tr_"+e[b],className:"vl-col--9-12 vl-u-float-left "+O+" ",style:{height:T}},o.createElement(L.b,{element:e,dim:t,fill:G(e,t),opacity:K(e),dataKey:"Verhouding",barSize:14})),o.createElement("div",{id:"tr_"+e[b],className:"vl-col--3-12 vl-u-float-left "+O+" ",style:{height:T}},o.createElement("div",{id:"tr_"+e[b],style:{height:T,textAlign:"end",paddingTop:F,paddingRight:6}},e[t]?null===e[t].mark?"/":"Deelname NT2-cursus"===t?e[t].mark>0?"+"+parseInt(e[t].mark):parseInt(e[t].mark):e[t].mark>0?"+"+h(e[t].mark):h(e[t].mark):null)))))})))))):o.createElement("div",null)},B=function(e){var t=e.isLoading,n=e.sources,r=(0,s.et)(),a=r.dimensions,i=r.data,l=r.selectedRegio,d=(0,s.dd)(),u=d.toggle,m=d.setSelectedDimension,f=C().height;return o.createElement("div",{className:"vl-col--1-1",style:{minHeight:f>950?890:f-60}},o.createElement(g.j,null),t?o.createElement(h,{viewBox:"0 0 380 700"},o.createElement("rect",{x:"0",y:"4",rx:"0",ry:"0",width:"380",height:"10"}),o.createElement("rect",{x:"0",y:"24",rx:"0",ry:"0",width:"380",height:"10"}),o.createElement("rect",{x:"0",y:"44",rx:"0",ry:"0",width:"380",height:"10"})):i&&i.length>0?a.map((function(e,t){var r,a,s;return i.filter((function(t){return e===t.Dimensie})).length>0?o.createElement("div",{key:t,style:{paddingTop:"2rem",paddingBottom:"2rem",borderBottom:"1px solid gray",marginTop:"2rem",minHeight:f>950?890:f-60}},o.createElement("div",{className:"vl-grid",style:{paddingBottom:"12px"}},o.createElement("div",{className:"vl-col--10-12"},o.createElement("p",{className:"vl-introduction"},e),o.createElement("p",{className:"vl-info-tile__header__subtitle",dangerouslySetInnerHTML:{__html:null===(s=e,r=n.find((function(e){return e.title===s})))||void 0===r||null===(a=r.field_definitie_content)||void 0===a?void 0:a.processed}})),o.createElement("div",{className:"vl-col--2-12",style:{display:"flex",justifyContent:"end",alignItems:"start",paddingLeft:"0px"}},o.createElement(c.zx,{label:"Bron",variant:"secondary",onClick:function(){return function(e){m(e),u()}(e)}}))),o.createElement("div",{className:"vl-info-tile",style:{border:"1px solid rgba(100,100,100,0)",marginBottom:"8px",minHeight:f<700?200:270}},o.createElement(j,{dimension:e})),o.createElement("div",{className:"vl-info-tile",style:{border:"1px solid rgba(100,100,100,0)",marginTop:f>=820?"5rem":0}},o.createElement(D,{dimension:e}

1))):o.createElement("p",{className:"vl-u-spacer-top"},"Vlaanderen"===l?"Geen data beschikbaar voor het Vlaams Gewest.":"Geen data beschikbaar voor het Brussels Hoofdstedelijk Gewest.")})):o.createElement("p",{className:"vl-u-spacer-top"},"Vlaanderen"===l?"Geen data beschikbaar voor het Vlaams Gewest.":"Geen data beschikbaar voor het Brussels Hoofdstedelijk Gewest."))},J=n(686),T=n(3835),F=n(2797),H=n(1021),M=n(5414),R=n(1593);function V(e){var t,n,i,d,u,m,f=e.data,h=(0,H.P)(f.nodeIndicator),p=(0,F.c)(f.nodePage),g=(0,s.et)(),v=g.selectedIndicator,y=g.setSelectedIndicator,E=g.setSelectedIndicatorLong,b=g.selectedRegio,k=g.highlightedDimension,_=g.setDimensions,w=g.setHighlightedDimension,x=g.setSelectedYear,I=g.isBigScreen,N=g.isDesktop,D=g.isTablet,O=g.isMobile,L=g.setAllDimensions,Z=g.setCategoryField,j=g.data,V=g.setData,G=g.setCategories,K=g.setSelectedCategory,z=g.dropdownCategories,W=g.dropdownCategoriesDefault,P=g.setHighlightedCategories,A=g.setXlsLink,Y=(g.selectedCategories,g.selectedCategory),q=g.categories,U=C().height,Q=(0,s.dd)(),X=Q.isOpen,$=Q.selectedDimension,ee=(0,o.useState)(!0),te=ee[0],ne=ee[1],re=(0,s.yT)().isDrawerOpen,ae=(0,J.useQuery)(v+"_"+b,(function(){return""!==v?(0,T.Y)(v+"_"+b+".json"):[]})),ie=ae.data,le=ae.isLoading,oe=(ae.error,(0,J.useQuery)("indicatoren",(function(){return(0,T.Y)("Indicatoren.json")}))),ce=oe.data,se=oe.isLoading,de=function(){var e=(0,a.Z)(l().mark((function e(){var t,n;return l().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:""!==v?(t={},ce&&ce.length>0&&te&&(n=ce.filter((function(e){return e.Indicator_kort===v})).sort((function(e,t){return parseInt(e.Sortering)-parseInt(t.Sortering)})),(t=n.reduce((function(e,t){return e[t.Soort]?e[t.Soort].push(t.Dimensie):e[t.Soort]=[t.Dimensie],e}),{}))[n[0].Soort].includes(k)||w(t[n[0].Soort][0]),n&&0!==n.length?(Z(n[0].Soort),L(t),_(t[n[0].Soort]),G(z[n[0].Soort]),K(W[n[0].Soort]),P((0,r.Z)(z[n[0].Soort][W[n[0].Soort]]))):Z("")),ie&&ie.length>0?V(ie):V([]),te&&x(String("meest recente jaar"))):(V([]),L({}),_([]));case 1:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),ue=function(e){return h.sources.find((function(t){return t.title===e}))};return(0,o.useEffect)((function(){if(ce){var e=ce.find((function(e){return e.Indicator_kort===f.nodeIndicator.field_titel_kort}));e?(y(e.Indicator_kort),E(e.Indicator)):(y(""),E(""))}}),[se]),(0,o.useEffect)((function(){le||de()}),[ie]),(0,o.useEffect)((function(){ne(!1)}),[b]),(0,o.useEffect)((function(){ne(!0)}),[v]),(0,o.useEffect)((function(){A(h.file.localFile.publicURL)}),[]),(0,o.useEffect)((function(){(O||D)&&P(q[Y])}),[O,D]),o.createElement("section",{className:"vl-region",style:{paddingBottom:"0"}},o.createElement(M.q,null,o.createElement("title",null,"De cijfers | Barometer samenleven"),o.createElement("link",{rel:"icon",type:"image/png",href:R.Z,sizes:"16x16"})),o.createElement("div",{style:{margin:"0 3rem"}},o.createElement("div",{className:"vl-u-spacer-bottom",style:{paddingBottom:20}},o.createElement("h1",{className:"vl-title vl-title--h2"},p.title),o.createElement("p",{className:"vl-typography "+((N||I)&&"vl-col--8-12"),dangerouslySetInnerHTML:{__html:p.body}})),o.createElement("div",{style:{minHeight:I?936:N?752:U}},(I||N)&&o.createElement("div",{className:"vl-grid"},I&&o.createElement("div",{style:{background:"#E8EBEE",width:"300px",marginLeft:"3rem",paddingRight:"3rem"}},o.createElement(c.GY,{currentIndicator:h})),o.createElement("div",{style:{width:I?"calc(100% - 300px - 3rem)":"100%"},className:I?"":"vl-u-float-left"},o.createElement(S,{isLoading:le,sources:h.sources}))),(O||D)&&o.createElement(B,{sources:h.sources,isLoading:le}))),X&&o.createElement(c.u_,{title:$,bronHtml:null===(t=ue($))||void 0===t||null===(n=t.field_bron_content)||void 0===n?void 0:n.processed,definitieHtml:null===(i=ue($))||void 0===i||null===(d=i.field_definitie_content)||void 0===d?void 0:d.processed,bodyHtml:null===(u=ue($))||void 0===u||null===(m=u.body)||void 0===m?void 0:m.processed}),!I&&o.createElement(c.dy,{isOpen:re,currentIndicator:h,data:j}))}}}]);
2//# sourceMappingURL=component---src-templates-indicator-details-indicator-details-tsx-d7a00fba2baffb4ce077.js.map