https://www.gemeinwohlatlas.de/_next/static/chunks/643.882dadffcb0ccd49.js

1!function(){try{var e="u">typeof window?window:"u">typeof global?global:"u">typeof globalThis?globalThis:"u">typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="2ef43b71-ee69-4852-9ff8-16da438dfa69",e._sentryDebugIdIdentifier="sentry-dbid-2ef43b71-ee69-4852-9ff8-16da438dfa69")}catch(e){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[643],{767:(e,t,s)=>{s.r(t),s.d(t,{default:()=>j});var i=s(384),o=s(9340),l=s(3990),n=s(7300),a=s(2199),r=s(5097);class d{atlasH;onChanged;constructor(e,t,s){this.atlasH=(0,n.UV)(e,t),this.onChanged=s}fetchData=()=>{this.atlasH.fetchData(1).catch(e=>{console.error(e)}).then(()=>{this.onChanged()})};get rootResource(){if(this.atlasH.isLoading)return(0,n.rw)();{let e=this.atlasH.root;return e?(0,n.f9)(e):(0,n.Si)("Unexpected error")}}get organizationsResource(){let e=this.rootResource;if("RDone"!==e.type)return(0,n.rw)();{let t=e.data.visibleOrganizations;return(0,n.f9)((0,r.z_)(t,a.gC))}}}var h=s(2080),u=s(3054),m=s(6530),c=s(8821),g=s(963),p=s(9920),f=s(1322);let _=400/p.GT;class x extends o.PureComponent{state={tooltip:null};ref=null;refFn=e=>{this.ref=e};_tooltipTimeout=null;render(){let{width:e,height:t}=this.props,s=this.findSelectedIndex(),{violinWidth:o,violinHeight:l}=this.getSize(),n=this.ref;return(0,i.jsxs)("div",{ref:this.refFn,className:"intro__violin__grid intro__violin__grid--"+this.props.extClass,children:[(0,i.jsx)(g.A,{...this.props,className:"intro__violin__grid__inner violin__grid",violinClassName:this.props.useGradientFade?(e,t)=>{let i=Math.abs(s-t);return"intro__violin__fade-"+(i>3?"max":i)}:void 0,selectedViolinId:this.props.selectedId,violinWidth:o,violinHeight:l,offsetY:this.getOffsetY()}),(0,i.jsx)(y,{}),(0,i.jsx)("div",{className:"intro__violin__grid__input",style:{width:e,height:t}}),null!=this.props.onSelectNode&&null!=this.state.tooltip&&n&&(0,i.jsx)(c.A,{anchor:"south",classModifier:"dim--public_value",value:f.ml(this.getSelectedOrgName(),30),position:()=>{let e=f.cP(this.getTooltipTargetNode(),n);return[e.left+e.width/2,e.top+8]}})]})}getSelectedOrgName(){let e=f.SL(this.props.organizationsData,e=>e.id===this.props.selectedId);return"number"==typeof e?this.props.organizationsData[e].name:""}getTooltipTargetNode(){let e=this.state.tooltip.key;return m.select(this.ref).selectAll(".violin").filter(function(){return m.select(this).attr("data-key")===e}).select(".violin__avg-dot").node()}showTooltipFor(e){let{key:t,value:s}=e;this.setState({tooltip:{key:t,value:s}})}updateTooltip(e){null!=this.props.onSelectNode&&(null!=this._tooltipTimeout&&clearTimeout(this._tooltipTimeout),this._tooltipTimeout=setTimeout(()=>{this.showTooltipFor(w(this.getDots(),this.props.selectedId))},e))}getSize(){let e=this.props.width,t=this.props.height,s=Math.max(400,e),i=s/p.G8,o=Math.max(_,(t-30)/5);return{width:e,height:t,violinWidth:Math.min(s,o*p.G8),violinHeight:Math.min(i,o)}}findSelectedIndex(){return f.SL(this.props.organizationsData,e=>e.id===this.props.selectedId)||0}getOffsetY(){let e,{violinHeight:t}=this.getSize();return"list"===this.props.mode&&null!=this.props.selectedId?(this.props.height-t)/2-this.findSelectedIndex()*t:(e=(()=>{switch(this.props.mode){case"list":return this.props.organizationsData.length*t;case"overlay":return t;default:return 0}})(),(this.props.height-e)/2)}componentWillUnmount(){null!=this._tooltipTimeout&&(clearTimeout(this._tooltipTimeout),this._tooltipTimeout=null)}componentDidMount(){this.initMouseListeners(),this.updateTooltip(250)}componentDidUpdate(){this.updateTooltip(1e3)}initMouseListeners(){if(this.ref){let e=m.select(this.ref);e.select(".intro__violin__grid__input").on("mousemove",()=>{let t=e.select(".violin__svg").node();t&&this.selectDot(v(this.getDots(),m.mouse(t)))})}}getDots(){if(!this.ref)return[];{let e=m.select(this.ref),t=e.select(".violin__svg").node(),s=[];return e.selectAll(".violin").each(function(){let e=m.select(this),i=e.select(".violin__avg-dot"),o=f.cP(i.node(),t);s.push({key:e.attr("data-key"),node:i.node(),value:i.datum().avg,pos:[o.left+o.width/2,o.top+o.height/2]})}),s}}selectDot(e){null!=this.props.onSelectNode&&null!=e&&(this.props.onSelectNode(e.key),this.showTooltipFor(e))}}let w=(e,t)=>u.I6(e,e=>e.key===t),v=function(e,t){let s=arguments.length>

12&&void 0!==arguments[2]?arguments[2]:40,i=e.reduce((e,s)=>{var i;let o,l,n=(i=s.pos,o=t[0]-i[0],o*o+(l=t[1]-i[1])*l);return n<e.ds&&(e.ds=n,e.dot=s),e},{ds:2e308,dot:null});return null!=i&&Math.sqrt(i.ds)<=s?i.dot:null};function y(){let e=(0,l.s9)();return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{className:"intro__vis__axis-label is-left",children:e.t("frontend.intro.weak")}),(0,i.jsx)("div",{className:"intro__vis__axis-label is-right",children:e.t("frontend.intro.robust")})]})}let D=a.S6(a.Vh(),a.gC);function T(e){let t,{deployment:s,targetStep:n,organizations:a}=e,r=(0,l.s9)(),[d,m]=o.useState({selectedDatum:a[~~(Math.random()*a.length)],dimensions:{width:0,height:0}}),c=e=>{let t=u.I6(a,t=>t.id===e);t&&m({...d,selectedDatum:t})},g=e=>d.selectedDatum===e,p=(t=d.selectedDatum).dimensions.map(e=>({id:e.key,name:r.t(`frontend.dimensions.${e.key}`),dimKey:e.key,dimensions:[e],delta:t.delta})),{width:f,height:_}=d.dimensions;return(0,i.jsx)(h.A,{bounds:!0,onResize:e=>{e.bounds&&m({...d,dimensions:e.bounds})},children:e=>{let{measureRef:t}=e;return(0,i.jsx)("div",{className:"intro__vis",ref:t,children:(0,i.jsx)("div",{className:"intro__slide intro__slide"+n,children:0===n?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(x,{deployment:s,mode:"overlay",extClass:"dims",dims:S,showSummaryDimAsOutline:!0,showAvgValueText:!0,showAxisTicks:A,organizationsData:p,width:f,height:_},"dims"),(0,i.jsx)(x,{deployment:s,mode:"overlay",extClass:"orgs",dims:D,selectedId:d.selectedDatum.id,organizationsData:a,showSummaryDimAsOutline:!0,showRanks:!1,showAxisTicks:!1,showAvgValueText:g,showAxisLabels:!0,onSelectNode:c,width:f,height:_},"orgs")]}):1===n?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(x,{deployment:s,mode:"overlay",extClass:"dims",dims:S,showSummaryDimAsOutline:!0,showAvgValueText:!0,showAxisTicks:A,organizationsData:p,width:f,height:_},"dims"),(0,i.jsx)(x,{deployment:s,mode:"list",extClass:"orgs",dims:D,selectedId:d.selectedDatum.id,organizationsData:a,showSummaryDimAsOutline:!0,showRanks:!0,showAxisTicks:g,showAvgValueText:g,useGradientFade:!0,width:f,height:_},"orgs")]}):2===n?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(x,{deployment:s,mode:"overlay",extClass:"dims",dims:S,showSummaryDimAsOutline:!0,showAvgValueText:!0,showAxisTicks:A,organizationsData:p,width:f,height:_},"dims"),(0,i.jsx)(x,{deployment:s,mode:"list",extClass:"orgs",dims:D,selectedId:d.selectedDatum.id,organizationsData:a,showSummaryDimAsOutline:!0,showRanks:!0,showAxisTicks:!1,showAvgValueText:g,useGradientFade:!0,width:f,height:_},"orgs")]}):3===n?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(x,{deployment:s,mode:"list",extClass:"dims",dims:S,showSummaryDimAsOutline:!0,showAvgValueText:!0,showAxisTicks:A,organizationsData:p,width:f,height:_},"dims"),(0,i.jsx)(x,{deployment:s,mode:"away",extClass:"orgs",dims:D,selectedId:d.selectedDatum.id,organizationsData:a,showSummaryDimAsOutline:!0,showRanks:!0,showAxisTicks:g,showAvgValueText:g,width:f,height:_},"orgs")]}):4===n?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(x,{deployment:s,mode:"overlay",extClass:"dims",dims:S,showSummaryDimAsOutline:!0,showAvgValueText:!0,showAxisTicks:A,organizationsData:p,width:f,height:_},"dims"),(0,i.jsx)(x,{deployment:s,mode:"list",extClass:"orgs",dims:D,selectedId:d.selectedDatum.id,organizationsData:a,showSummaryDimAsOutline:!0,showRanks:!0,showAxisTicks:!1,showAvgValueText:g,useGradientFade:!0,width:f,height:_},"orgs")]}):null})})}})}let A=e=>"public_value"===e.id,S=e=>a.S6(a.Vh(),e.dimKey);function j(e){let{deployment:t,targetStep:s}=e,a=(0,l.s9)(),[r,h]=o.useState({res:(0,n.oA)()});o.useEffect(()=>{let e=new d(t,a.locale,()=>{h({res:e.organizationsResource})});e.fetchData()},[a,t]);let{res:u}=r;return"REmpty"===u.type||"RLoading"===u.type?(0,i.jsx)("div",{className:"loading loading--vc"}):"RFailed"===u.type?(0,i.jsx)("div",{className:"error",children:u.error}):(0,i.jsx)("div",{className:"intro__slides",children:(0,i.jsx)(T,{targetStep:s,organizations:u.data,deployment:t})})}},4969:(e,t,s)=>{s.d(t,{Aw:()=>n,VN:()=>a,ag:()=>l,eF:()=>o,ft:()=>i});let i=(e,t)=>{let s=t.length;if(0===s)return[];{if(1===s)return t.slice(0);let i=[t[0]];for(let o=1;o<s;++o)i.push(e,t[o]);return i}},o=e=>null!=e?e[0]:void 0,l=e=>null!=e?e.length:0,n=e=>e.filter(e=>null!=e);function a(e,t){let s=[];for(let i=0;i<t.length;i+=e)s.push(t.slice(i,i+e));return s}}}]);
2//# sourceMappingURL=643.882dadffcb0ccd49.js.map