https://www.brottsoffermyndigheten.se/Dist/brom/vue-map.359b796e5763bbab45fb.js

1"use strict";(globalThis.webpackChunkbrom_web=globalThis.webpackChunkbrom_web||[]).push([[924],{3785:(e,a,l)=>{l.r(a),l.d(a,{default:()=>S});var s=l(8257),t=l(7786),n=l(7885);const r=["id"],i={key:0},p={class:"h3"},u=["value"],o=["innerHTML"],m={class:"map__filter"},d={key:0,class:"h3"},v=["aria-label"],c=["value","data-expand","name"],k={class:"parameter parameter-yes"},g={class:"parameter-yes-value"},f={class:"parameter parameter-no"},h={class:"parameter-no-value"},L={class:"parameter parameter-missingdata"},w={class:"parameter-value-missing"},_={key:2},b={key:0},y={class:"parameter-details"},C={class:"parameter parameter-yes"},x={class:"parameter-yes-value"},E={class:"parameter parameter-no"},X={class:"parameter-no-value"},F={class:"parameter parameter-missingdata"},R={class:"parameter-value-missing"},K={key:3},O="#381e44",T="#b4769f",S={__name:"_map",props:{mapid:{type:String,default:""},enableDownload:{type:Boolean,default:!1},mapdata:{type:Object,default:null},heading:{type:String,default:""},textmissinginfo:{type:String,default:""}},setup(e){const a=e,l=(0,t.Ubj)("(min-width: 720px)"),S=(0,s.Kh)({items:[],map:"",loaded:!1,parameters:[],values:[],itemslength:0}),V=(0,s.KR)(-1),j=(0,s.KR)(null),M=(0,s.KR)(null),Q=(0,s.KR)("");(0,s.wB)(V,(e=>{const a=S.parameters[e];H(e,a)}));const I=(0,s.KR)("");(0,s.sV)((()=>{I.value=a.heading,Q.value=a.textmissinginfo,B()}));const U=(0,s.EW)((()=>null!==n.H.value("UMB_PREVIEW")));function A(e){const a=e.getBoundingClientRect();return{left:a.left+window.scrollX,top:a.top+window.scrollY}}const B=()=>{S.parameters=a.mapdata.parameters,fetch("/svg/sverige-kommuner.svg").catch((e=>{console.error("Error:",e)})).then((e=>e.text())).then((e=>{S.map=e,setTimeout((()=>{q(),S.loaded=!0,V.value=0}),500)}))},H=(e,a)=>{l.value||j.value&&window.scrollTo({top:A(j.value).top-20,left:0,behavior:"smooth"});const s=S.items.filter((e=>e.parameterValues.some((e=>e.name===a&&e.value)))).map((e=>e.id)),t=S.items.filter((e=>e.parameterValues.some((e=>e.name===a&&0==e.value)))).map((e=>e.id));N(),J(s,O),J(t,T)},q=()=>{j.value.querySelectorAll(" .kommun > path").forEach((e=>{const l=e.getAttribute("class").replace("k",""),s={id:l,obj:e},t=a.mapdata.data.find((e=>e.id===l));S.items.push({...s,...t})})),S.itemslength=S.items.length,a.mapdata.parameters.forEach((e=>{S.values.push(z(e))}))},z=e=>{const a={name:e},l=S.items.filter((a=>a.parameterValues.some((a=>a.name===e&&a.value)))).map((e=>e.id)),s=S.items.filter((a=>a.parameterValues.some((a=>a.name===e&&0==a.value)))).map((e=>e.id));return a.nrOfTrue=(100*(l.length/S.itemslength).toFixed(3)).toFixed(1),a.nrOfFalse=(100*(s.length/S.itemslength).toFixed(3)).toFixed(1),a.nrOfMissing=(100*((S.itemslength-(l.length+s.length))/S.itemslength).toFixed(3)).toFixed(1),a},J=(e,a)=>{S.items.forEach((l=>{e.includes(l.id)&&l.obj.setAttribute("fill",a)}))},N=()=>{S.items.forEach((e=>{e.obj.removeAttribute("fill")}))};return(a,t)=>((0,s.uX)(),(0,s.CE)("div",{id:"map-"+e.mapid,class:(0,s.C4)(["map",{"map--loaded":S.loaded}])},[(0,s.R1)(l)?(0,s.Q3)("v-if",!0):((0,s.uX)(),(0,s.CE)("div",i,[(0,s.Lk)("h2",p,(0,s.v_)(I.value),1),(0,s.bo)((0,s.Lk)("select",{"onUpdate:modelValue":t[0]||(t[0]=e=>V.value=e),class:"map__select"},[((0,s.uX)(!0),(0,s.CE)(s.FK,null,(0,s.pI)(S.parameters,((e,a)=>((0,s.uX)(),(0,s.CE)("option",{value:a,key:a},(0,s.v_)(e),9,u)))),128))],512),[[s.u1,V.value]])])),(0,s.Lk)("div",{innerHTML:S.map,class:"map__svg",ref_key:"map",ref:j},null,8,o),(0,s.Lk)("div",m,[(0,s.R1)(l)?((0,s.uX)(),(0,s.CE)("h2",d,(0,s.v_)(I.value),1)):(0,s.Q3)("v-if",!0),(0,s.R1)(l)?((0,s.uX)(!0),(0,s.CE)(s.FK,{key:1},(0,s.pI)(S.values,((a,l)=>((0,s.uX)(),(0,s.CE)("div",{key:l,class:"container-input"},[(0,s.Lk)("label",{"aria-label":a+" - checka i för mer information"},[(0,s.bo)((0,s.Lk)("input",{type:"radio","onUpdate:modelValue":t[1]||(t[1]=e=>V.value=e),"data-color":O,"data-colorfalse":T,value:l,"data-expand":"parameter-"+l,name:"group-"+e.mapid},null,8,c),[[s.XL,V.value]]),(0,s.Lk)("span",null,(0,s.v_)(a.name),1)],8,v),(0,s.Lk)("div",{class:(0,s.C4)(["parameter-details parameter-details--border",l==V.value?"":"hidden"])},[(0,s.Lk)("div",null,[(0,s.Lk)("div",k,[(0,s.Lk)("span",null,[t[3]||(t[3]=(0,s.Lk)("span",{class:"icon-check"},null,-1)),t[4]||(t[4]=(0,s.Lk)("span",null,"Ja: ",-1)),(0,s.Lk)("span",g,(0,s.v_)(a.nrOfTrue)+"%",1)])]),(0,s.Lk)("div",f,[(0,s.Lk)("span",null,[t[5]||(t[5]=(0,s.Lk)("span",{class:"icon-close"},null,-1)),t[6]||(t[6]=(0,s.Lk)("span",null,"Nej: ",-1)),(0,s.Lk)("span",h,(0,s.v_)(a.nrOfFalse)+"%",1)])]),(0,s.Lk)("div",L,[(0,s.Lk)("span",null,[t[7]||(t[7]=(0,s.Lk)("span",{class:""},"? ",-1)),(0,s.Lk)("span",null,(0,s.v_)(Q.value)+": ",1),(0,s.Lk)("span",w,(0,s.v_)(a.nrOfMissing)+"%",1)])])])],2)])))),128)):(0,s.Q3)("v-if",!0),(0,s.R1)(l)?(0,s.Q3)("v-if",!0):((0,s.uX)(),(0,s.CE)("div",_,[((0,s.uX)(!0),(0,s.CE)(s.FK,null,(0,s.pI)(S.values,((e,a)=>((0,s.uX)(),(0,s.CE)(s.FK,{key:a},[a==V.value?((0,s.uX)(),(0,s.CE)("div",b,[(0,s.Lk)("div",y,[(0,s.Lk)("div",null,[(0,s.Lk)("div",C,[(0,s.Lk)("span",null,[t[8]||(t[8]=(0,s.Lk)("span",{class:"icon-check"},null,-1)),t[9]||(t[9]=(0,s.Lk)("span",null,"Ja: ",-1)),(0,s.Lk)("span",x,(0,s.v_)(e.nrOfTrue)+"%",1)])]),(0,s.Lk)("div",E,[(0,s.Lk)("span",null,[t[10]||(t[10]=(0,s.Lk)("span",{class:"icon-close"},null,-1)),t[11]||(t[11]=(0,s.Lk)("span",null,"Nej: ",-1)),(0,s.Lk)("span",X,(0,s.v_)(e.nrOfFalse)+"%",1)])]),(0,s.Lk)("div",F,[(0,s.Lk)("span",null,[t[12]||(t[12]=(0,s.Lk)("span",{class:""},"? ",-1)),(0,s.Lk)("span",null,(0,s.v_)(Q.value)+": ",1),(0,s.Lk)("span",R,(0,s.v_)(e.nrOfMissing)+"%",1)])])])])])):(0,s.Q3)("v-if",!0)],64)))),128))])),U.value?((0,s.uX)(),(0,s.CE)("div",K,[(0,s.Lk)("button",{onClick:t[2]||(t[2]=e=>(()=>{const e=j.value.querySelector("svg");var a=(new XMLSerializer).serializeToString(e);a.match(/^<svg[^>]+xmlns="http:\/\/www.w3.org\/2000\/svg"/)||(a=a.replace(/^<svg/,'<svg xmlns="http://www.w3.org/2000/svg"')),a.match(/^<svg[^>]+"http:\/\/www.w3.org\/1999\/xlink"/)||(a=a.replace(/^<svg/,'<svg xmlns:xlink="http://www.w3.org/1999/xlink"')),a='<?xml version="1.0" standalone="no"?>\r\n'+a;var l="data:image/svg+xml;charset=utf-8,"+encodeURIComponent(a),s=document.createElement("a");s.href=l,s.download="map_sweden_svg.svg",s.textContent="Ladda ner karta",M.value.appendChild(s)})()),class:"btn"},"Spara karta"),(0,s.Lk)("p",{ref_key:"downloadLinkContainer",ref:M},null,512)])):(0,s.Q3)("v-if",!0)])],10,r))}}}}]);