\r\n {fixedValue}\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n );\r\n};\r\nEmptySpace.defaultProps = {\r\n scroll: null\r\n};\r\n\r\nexport default EmptySpace;\r\n","import React from \"react\";\r\nimport BlockLayout from \"./../Layout/BlockLayout\";\r\nimport SvgLayout from \"./../Layout/SvgLayout\";\r\nimport ComponentHeader from \"../Header/ComponentHeader\";\r\nimport DoubleBarSvg from \"../Charts/DoubleBarSvg\";\r\nimport { primaryColor, secondaryColor } from \"../../Util/Colors\";\r\nimport {\r\n Line,\r\n FiguresWrapper,\r\n HeadingMunicipality\r\n} from \"../../Util/StyleProps\";\r\nimport EmptySpace from \"../Elements/EmptySpace\";\r\nimport { valuePairToPercent, isCurrentYear } from \"../../Helpers/CommonHelper\";\r\nimport { useInView } from \"react-intersection-observer\";\r\n\r\nconst BirthPlaceContainer = props => {\r\n const { data, sweden, blockColor, scroll } = props;\r\n const [ref, inView, entry] = useInView({\r\n /* Optional options */\r\n threshold: 0,\r\n triggerOnce: true\r\n });\r\n let valueData = [];\r\n let valueArr = [];\r\n let swedenArr, swedenString;\r\n const lastYear = sweden.birthplace.year;\r\n\r\n swedenArr = valuePairToPercent(\r\n sweden.birthplace,\r\n [\"borninsweden\", \"bornabroud\"],\r\n 1\r\n );\r\n swedenString = `Av hela Sveriges befolkning är ${swedenArr.pstring1} procent födda i Sverige och ${swedenArr.pstring2} procent födda utomlands (${lastYear}).`;\r\n\r\n data.forEach((item, i) => {\r\n if (item) {\r\n valueData.push(\r\n valuePairToPercent(item, [\"borninsweden\", \"bornabroud\"], 1)\r\n );\r\n valueArr.push(valueData[i].value1);\r\n valueArr.push(valueData[i].value2);\r\n }\r\n });\r\n\r\n let municipality1 = valueData[0];\r\n let municipality2 = valueData[1];\r\n const max = Math.max(...valueArr);\r\n const maxColumnPairIdx = valueArr.indexOf(Math.max(...valueArr));\r\n const maxIsEven = maxColumnPairIdx % 2 == 0;\r\n\r\n const maxOffset = max;\r\n const height = 120;\r\n const width = 100;\r\n const topSpace = 63;\r\n\r\n let captions = [\"födda i Sverige\", \"födda utomlands\"];\r\n\r\n // Accessibility\r\n const ariaLabel = municipality => {\r\n const str = municipality\r\n ? isCurrentYear(municipality.year)\r\n ? \"är\"\r\n : \"var\"\r\n : \"\";\r\n\r\n return municipality\r\n ? `I ${municipality.name} kommun så ${str} ${municipality.value1} procent av befolkningen födda i Sverige och ${municipality.value2} procent födda utomlands. (år ${municipality.year})`\r\n : \"\";\r\n };\r\n\r\n const svgAriaLabel = municipality =>\r\n municipality\r\n ? `Det här stapeldiagramet gör jämförelser i procent för antal personer födda i Sverge och utomlands. För ${municipality.name} kommun.`\r\n : \"\";\r\n\r\n return (\r\n Välj kommun att jämföra med
\r\n \r\n \r\n {municipality1 ? (\r\n \r\n \r\n {municipality1.name}\r\n \r\n \r\n \r\n \r\n ) : (\r\n \r\n )}\r\n \r\n \r\n {municipality2.name}\r\n \r\n \r\n \r\n \r\n ) : (\r\n \r\n \r\n )}\r\n \r\n
\r\n ) : null}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {periodToComma(value)}\r\n {unit}\r\n \r\n {subText}\r\n \r\n
\r\n \r\n \r\n \r\n {municipality1 ? (\r\n \r\n \r\n {municipality1.name}\r\n \r\n \r\n \r\n \r\n \r\n ) : (\r\n \r\n )}\r\n \r\n \r\n {municipality2.name}\r\n \r\n \r\n \r\n \r\n \r\n ) : (\r\n \r\n \r\n )}\r\n \r\n
\r\n \r\n \r\n {municipality1Change ? (\r\n \r\n \r\n {municipality1.name}\r\n \r\n \r\n ) : (\r\n \r\n )}\r\n \r\n \r\n {municipality2.name}\r\n \r\n \r\n ) : (\r\n \r\n \r\n )}\r\n \r\n
\r\n \r\n {municipality1 ? (\r\n \r\n \r\n \r\n \r\n ) : (\r\n \"\"\r\n )}\r\n
\r\n \r\n
\r\n \r\n {heading}\r\n
\r\n \r\n \r\n {periodToComma(value)}\r\n {unit == \"%\" ? (\r\n \r\n ) : (\r\n unit\r\n )}\r\n \r\n
\r\n \r\n {subText}\r\n
\r\n \r\n \r\n {municipality1 ? (\r\n \r\n \r\n {municipality1.name}\r\n \r\n \r\n ) : (\r\n \r\n )}\r\n\r\n \r\n \r\n {municipality2.name}\r\n \r\n \r\n ) : (\r\n \r\n \r\n )}\r\n \r\n
\r\n ) : null}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {props.message}
\r\n\r\n \r\n \r\n {\" \"}\r\n {value}\r\n {isPercent ? \"%\" : \"\"}\r\n \r\n {unit}\r\n \r\n {subText ? subText : \"\"} \r\n
\r\n \r\n \r\n {municipality1 ? (\r\n \r\n \r\n {municipality1.name}\r\n \r\n \r\n \r\n \r\n ) : (\r\n \r\n )}\r\n \r\n \r\n {municipality2.name}\r\n \r\n \r\n \r\n \r\n ) : (\r\n \r\n \r\n )}\r\n \r\n
\r\n ) : null}\r\n \r\n \r\n {municipality1 ? (\r\n \r\n \r\n {municipality1.name}\r\n \r\n \r\n \r\n \r\n ) : (\r\n \r\n )}\r\n \r\n \r\n {municipality2.name}\r\n \r\n \r\n \r\n \r\n ) : (\r\n \r\n \r\n )}\r\n \r\n
\r\n ) : null}\r\n \r\n {municipality1 ? (\r\n <>\r\n \r\n {municipality1 ? (\r\n \r\n \r\n {municipality1.name}\r\n \r\n \r\n \r\n \r\n \r\n ) : (\r\n \r\n )}\r\n \r\n \r\n {municipality2.name}\r\n \r\n \r\n \r\n \r\n \r\n ) : (\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n \r\n ) : null}\r\n
\r\n \r\n \r\n {municipality1 ? (\r\n \r\n \r\n {municipality1.name}\r\n \r\n \r\n ) : (\r\n \r\n )}\r\n\r\n \r\n \r\n {municipality2.name}\r\n \r\n \r\n ) : (\r\n \r\n \r\n )}\r\n \r\n
\r\n ) : null}\r\n \r\n \r\n {municipality1 ? (\r\n \r\n \r\n {municipality1.name}\r\n \r\n\r\n \r\n \r\n \r\n ) : (\r\n \r\n )}\r\n\r\n \r\n \r\n {municipality2.name}\r\n \r\n\r\n \r\n \r\n \r\n ) : (\r\n \r\n \r\n )}\r\n \r\n
\r\n ) : null}\r\n \r\n \r\n {municipality1 ? (\r\n \r\n \r\n {municipality1.name}\r\n \r\n\r\n \r\n ) : (\r\n \r\n )}\r\n \r\n \r\n {municipality2.name}\r\n \r\n\r\n \r\n ) : (\r\n \r\n \r\n )}\r\n \r\n
\r\n ) : null}\r\n \r\n \r\n {municipality1 ? (\r\n \r\n \r\n {municipality1.name}\r\n \r\n \r\n ) : (\r\n \r\n )}\r\n\r\n \r\n \r\n {municipality2.name}\r\n \r\n \r\n ) : (\r\n \r\n \r\n )}\r\n \r\n
\r\n ) : null}\r\n \r\n \r\n {municipality1 ? (\r\n \r\n \r\n {municipality1.name}\r\n \r\n\r\n \r\n \r\n \r\n ) : (\r\n \r\n )}\r\n\r\n \r\n \r\n {municipality2.name}\r\n \r\n\r\n \r\n \r\n \r\n ) : (\r\n \r\n \r\n )}\r\n \r\n
\r\n ) : null}\r\n \r\n
\r\n