{"version":3,"sources":["contexts/ComponentContext.js","components/svg/Header.js","components/Component0.js","components/Component1.js","components/Component2.js","components/Component3.js","App.js","serviceWorker.js","index.js"],"names":["ComponentContext","createContext","SvgHeader","props","useContext","component","setComponent","handleClick","nb","id","className","viewBox","preserveAspectRatio","fill","d","data-name","stroke","strokeWidth","strokeDasharray","opacity","height","x","y","strokeLinecap","strokeLinejoin","strokeMiterlimit","transform","cx","cy","r","onClick","newId","handleNext","clipPath","handlePrev","fontSize","fontFamily","letterSpacing","Component0","Component1","src","process","Component2","Component3","App","title","Header","active","Boolean","window","location","hostname","match","ReactDOM","render","useState","Provider","value","children","document","getElementById","navigator","serviceWorker","ready","then","registration","unregister","catch","error","console","message"],"mappings":"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","file":"static/js/main.c57d4f96.chunk.js","sourcesContent":["import React, {useState, createContext} from 'react';\n\nexport const ComponentContext = createContext();\nexport const ComponentProvider = props => {\n    const [component, setComponent] = useState({ id: 1 });\n    \n    return (\n        <ComponentContext.Provider value={[component, setComponent]}>\n            {props.children}\n        </ComponentContext.Provider>\n    );\n}","import React, { useContext } from \"react\";\nimport { ComponentContext } from '../../contexts/ComponentContext';\n\nconst SvgHeader = (props) => {\n  const [component, setComponent] = useContext(ComponentContext);\n\n  const handleClick = (nb) => {\n    setComponent( { id: nb } );\n  }\n  const handleNext = () => {\n    let newId = ((component.id)+1 < 4 ? (component.id)+1 : 0);\n    setComponent( { id: newId } );\n  }\n  const handlePrev = () => {\n    let newId = ((component.id)-1 >= 0 ? (component.id)-1 : 3);\n    setComponent( { id: newId } );\n  }\n\n  return (\n    <header className={`header active active${component.id}`} >\n      <svg  {...props} viewBox=\"0 0 1236.346 190.338\" preserveAspectRatio=\"xMinYMin meet\">\n        <defs>\n          <clipPath id=\"header_svg__a\">\n            <path fill=\"none\" d=\"M0 0h26.346v21.338H0z\" />\n          </clipPath>\n        </defs>\n         <g data-name=\"Groupe 1900\">\n          <path\n            data-name=\"Trac\\xE9 4877\"\n            d=\"M74.136 67V18.6H1156.8V67\"\n            fill=\"none\"\n            stroke=\"#707070\"\n            strokeWidth={2}\n            strokeDasharray={3}\n          />\n          \n          <path data-name=\"Rectangle 321\" fill=\"#fff\" d=\"M376 0h98v32h-98z\" />\n          <path data-name=\"Rectangle 322\" fill=\"#fff\" d=\"M503 0h131v64H503z\" />\n          <path data-name=\"Rectangle 323\" fill=\"#fff\" d=\"M665 0h60v32h-60z\" />\n          <path data-name=\"Rectangle 324\" fill=\"#fff\" d=\"M851 0h156v32H851z\" />\n          <rect\n            data-name=\"Ligne indic\"\n            className=\"indicateur\"\n            opacity={1}\n            stroke=\"#8D0687\"\n            strokeWidth={3}\n            fill=\"#fff\"\n    \n            height=\".1\"\n            x=\"50\"\n            y=\"158.5\"\n          \n          />\n\n          { \n          /* \n          M49.5 158.857h20\n          M49.5 158.857h370\n          M49.5 158.857h640\n          M49.5 158.857h1120 \n          */}\n          <path\n            data-name=\"Ligne 27409\"\n            opacity={0.36}\n            stroke=\"#191919\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={3}\n            fill=\"#fff\"\n            d=\"M49.5 158.857h1142\"\n          />\n          \n      <g id=\"Oval_2\" fill=\"#8d0687\" stroke=\"#8d0687\" strokeMiterlimit=\"10\" strokeWidth=\"3\" transform=\"translate(1506.23 1674.88)\" data-name=\"Oval 2\">\n        <circle stroke=\"none\" cx=\"6.991\" cy=\"6.991\" r=\"6.991\" />\n        <circle fill=\"none\" cx=\"6.991\" cy=\"6.991\" r=\"5.491\" />\n      </g><g id=\"Oval_3\" fill=\"none\" stroke=\"#8d0687\" strokeMiterlimit=\"10\" strokeWidth=\"1\" transform=\"translate(1488 1657.65)\" data-name=\"Oval 3\">\n        <circle stroke=\"none\" cx=\"25.225\" cy=\"25.225\" r=\"25.225\" />\n        <circle fill=\"none\" cx=\"25.225\" cy=\"25.225\" r=\"24.725\" />\n      </g>\n          <g\n            className=\"\"\n            data-name=\"Oval 2 Copy\"\n            transform=\"translate(67.145 151.883)\"\n            fill=\"#fff\"\n            stroke=\"#9b9b9b\"\n            strokeMiterlimit={10}\n            strokeWidth={3}\n            // onClick= {() => handleClick(0) } \n          >\n            <g className=\"round0_active\">\n                <circle cx={6.991} cy={6.991} r={25.491} strokeWidth=\"1\" stroke=\"#8D0687\" fill=\"none\" />\n               <circle cx={6.991} cy={6.991} r={5.491} stroke=\"none\" fill=\"#8D0687\" />\n            </g>\n            <g className=\"round0_default\">\n              <circle cx={6.991} cy={6.991} r={6.991} stroke=\"none\" />\n              <circle cx={6.991} cy={6.991} r={5.491} fill=\"none\" />\n            </g>\n            \n          </g>\n          <g\n            className=\"round1\"\n            data-name=\"Oval 2 Copy 3\"\n            transform=\"translate(416.307 151.883)\"\n            fill=\"#fff\"\n            stroke=\"#9b9b9b\"\n            strokeMiterlimit={10}\n            strokeWidth={3}\n            onClick= {() => handleClick(1) } \n          >\n            <g className=\"round1_active\">\n                <circle cx={6.991} cy={6.991} r={25.491} strokeWidth=\"1\" stroke=\"#8D0687\" fill=\"none\" />\n               <circle cx={6.991} cy={6.991} r={5.491} stroke=\"none\" fill=\"#8D0687\" />\n            </g>\n            <g className=\"round1_default\">\n              <circle cx={6.991} cy={6.991} r={6.991} stroke=\"none\" />\n              <circle cx={6.991} cy={6.991} r={5.491} fill=\"none\" />\n            </g>\n          </g>\n          <g\n            className=\"round3\"\n            data-name=\"Oval 2 Copy 4\"\n            transform=\"translate(1160.218 151.883)\"\n            fill=\"#fff\"\n            stroke=\"#9b9b9b\"\n            strokeMiterlimit={10}\n            strokeWidth={3}\n            onClick= {() => handleClick(3) } \n          >\n            <g className=\"round3_active\">\n                <circle cx={6.991} cy={6.991} r={25.491} strokeWidth=\"1\" stroke=\"#8D0687\" fill=\"none\" />\n               <circle cx={6.991} cy={6.991} r={5.491} stroke=\"none\" fill=\"#8D0687\" />\n            </g>\n            <g className=\"round3_default\">\n              <circle cx={6.991} cy={6.991} r={6.991} stroke=\"none\" />\n              <circle cx={6.991} cy={6.991} r={5.491} fill=\"none\" />\n            </g>\n          </g>\n          \n          <g\n            onClick= {() => handleNext() }\n            data-name=\"Symbole 21 \\u2013 16\"\n            transform=\"translate(1210 148)\"\n            opacity={0.82}\n            clipPath=\"url(#header_svg__a)\"\n             \n          >\n            <g data-name=\"icons/arrow_right-black big copy\">\n              <path\n                data-name=\"Combined Shape\"\n                d=\"M16.742 21.338l-1.484-1.341 7.525-8.329H0v-2h22.727l-7.471-8.33L16.745.002l9.6 10.708z\"\n                fill=\"#6c6c6c\"\n                stroke=\"#6c6c6c\"\n              />\n            </g>\n          </g>\n          <g\n            onClick = { () => { handlePrev() }}\n            data-name=\"Symbole 21 \\u2013 17\"\n            transform=\"rotate(180 13.173 84.669)\"\n            opacity={0.82}\n            clipPath=\"url(#header_svg__a)\"\n          >\n            <g data-name=\"icons/arrow_right-black big copy\">\n              <path\n                data-name=\"Combined Shape\"\n                d=\"M16.742 21.338l-1.484-1.341 7.525-8.329H0v-2h22.727l-7.471-8.33L16.745.002l9.6 10.708z\"\n                fill=\"#6c6c6c\"\n                stroke=\"#6c6c6c\"\n              />\n            </g>\n          </g>\n          <g\n            className=\"\"\n            data-name=\"Oval 2\"\n            transform=\"translate(786.234 151.883)\"\n            fill=\"#8d0687\"\n            stroke=\"#8d0687\"\n            strokeMiterlimit={10}\n            strokeWidth={3}\n            onClick= {() => handleClick(2) } \n          >\n            <g className=\"round2_active\">\n                <circle cx={6.991} cy={6.991} r={25.491} strokeWidth=\"1\" stroke=\"#8D0687\" fill=\"none\" />\n               <circle cx={6.991} cy={6.991} r={5.491} stroke=\"none\" fill=\"#8D0687\" />\n            </g>\n            <g className=\"round2_default\">\n              <circle cx={6.991} cy={6.991} r={6.991} stroke=\"none\" />\n              <circle cx={6.991} cy={6.991} r={5.491} fill=\"none\" />\n            </g>\n          </g>\n          <text\n            data-name=\"changement d'échelle\"\n            transform=\"translate(511 24)\"\n            fill=\"#282828\"\n            fontSize={24}\n            fontFamily=\"SolexBold\"\n            letterSpacing=\".02em\"\n          >\n            <tspan x={0} y={0}>\n              {\"CHANGEMENT\"}\n            </tspan>\n            <tspan x={0} y={26}>\n              {\" D'ÉCHELLE\"}\n            </tspan>\n          </text>\n          <text\n            data-name=\"g\\xE9n\\xE9ralisation\"\n            transform=\"translate(856 24)\"\n            fontSize={24}\n            fontFamily=\"SolexBold\"\n            letterSpacing=\".02em\"\n          >\n            <tspan x={0} y={0}>\n              {\"G\\xC9N\\xC9RALISATION\"}\n            </tspan>\n          </text>\n          <text\n            data-name=\"\\xE9valuation\"\n            transform=\"translate(379 25)\"\n            fontSize={24}\n            fontFamily=\"SolexBold\"\n            letterSpacing=\".02em\"\n          >\n            <tspan x={0} y={0}>\n              {\"\\xC9valuation\"}\n            </tspan>\n          </text>\n          <text\n            data-name=\"Bilan\"\n            transform=\"translate(673 25)\"\n            fontSize={24}\n            fontFamily=\"SolexBold\"\n            letterSpacing=\".02em\"\n          >\n            <tspan x={0} y={0}>\n              {\"Bilan\"}\n            </tspan>\n          </text>\n          <path\n            data-name=\"Trac\\xE9 4878\"\n            d=\"M101.8 10l7.3 8.2-7.3 7.2\"\n            fill=\"none\"\n            stroke=\"#707070\"\n            strokeLinecap=\"round\"\n            strokeWidth={2}\n          />\n          <path\n            data-name=\"Trac\\xE9 4879\"\n            d=\"M1165.15 33.05l-8.2 7.3-7.2-7.3\"\n            fill=\"none\"\n            stroke=\"#707070\"\n            strokeLinecap=\"round\"\n            strokeWidth={2}\n          />\n          <path data-name=\"Rectangle 320\" fill=\"#fff\" d=\"M151 0h177v32H151z\" />\n          <text\n            data-name=\"exp\\xE9rimentations\"\n            transform=\"translate(155 24)\"\n            fill=\"#282828\"\n            fontSize={24}\n            fontFamily=\"SolexBold\"\n            letterSpacing=\".02em\"\n          >\n            <tspan x={0} y={0}>\n              {\"EXP\\xC9RIMENTATIONS\"}\n            </tspan>\n          </text>\n          <text\n            className=\"link_inactive\"\n            data-name={2020}\n            transform=\"translate(46 117)\"\n            fontSize={32}\n            fontFamily=\"SolexBold\"\n            letterSpacing=\".02em\"\n            // onClick= {() => handleClick(0) } \n          >\n            <tspan x={0} y={0}>\n              {\"2020\"}\n            </tspan>\n          </text>\n          <text\n            className=\"link\"\n            data-name={2030}\n            transform=\"translate(395 117)\"\n            fontSize={32}\n            fontFamily=\"SolexBold\"\n            letterSpacing=\".02em\"\n            onClick= {() => handleClick(1) } \n          >\n            <tspan x={0} y={0}>\n              {\"2030\"}\n            </tspan>\n          </text>\n          <text\n            className=\"link_inactive\"\n            data-name={2040}\n            transform=\"translate(764 117)\"\n            fontSize={32}\n            fontFamily=\"SolexBold\"\n            letterSpacing=\".02em\"\n            // onClick= {() => handleClick(2) }\n          >\n            <tspan x={0} y={0}>\n              {\"2040\"}\n            </tspan>\n          </text>\n          <text\n            className=\"link\"\n            data-name={2050}\n            transform=\"translate(1134 117)\"\n            fontSize={32}\n            fontFamily=\"SolexBold\"\n            letterSpacing=\".02em\"\n            onClick= {() => handleClick(3) }\n          >\n            <tspan x={0} y={0}>\n              {\"2050\"}\n            </tspan>\n          </text>\n          <g\n            className=\"\"\n            data-name=\"Oval 2 Copy 3\"\n            transform=\"translate(786.308 151.883)\"\n            fill=\"#fff\"\n            stroke=\"#9b9b9b\"\n            strokeMiterlimit={10}\n            strokeWidth={3}\n            onClick= {() => handleClick(2) }\n          >\n            <circle cx={6.991} cy={6.991} r={6.991} stroke=\"none\" />\n            <circle cx={6.991} cy={6.991} r={5.491} fill=\"none\" />\n          </g>\n        </g>\n      </svg>\n    </header>\n  );\n}\n\nexport default SvgHeader;\n{\n/*\n <Row className=\"subheader\" wrap horizontal=\"spaced\">\n    <Column flex=\"1\" ><span>expérimentations</span></Column>\n    <Column flex=\"1\" ><span>évaluation</span></Column>\n    <Column flex=\"1\" ><span>changement<br/>d'échelle</span></Column>\n    <Column flex=\"2\" ><span>généralisation</span></Column>\n</Row>\n\n<header className={`header active${active} `} >\n    <Row wrap horizontal=\"spaced\">\n        <Column flex=\"1\"  onClick= {() => this.handleClick(0) } className={ `${(active === 0 ? 'active':'')} cursor-pointer`}>\n            2020   \n        </Column>\n        <Column flex=\"1\"  onClick= {() => this.handleClick(1) } className={ `${(active === 1 ? 'active':'')} cursor-pointer`}>\n            2025\n        </Column>\n        <Column flex=\"1\"  onClick= {() => this.handleClick(2) } className={ `${(active === 2 ? 'active':'')} cursor-pointer`}>\n            2030\n        </Column>\n        <Column flex=\"1\"  horizontal=\"end\" onClick= {() => this.handleClick(3) } className={ `${(active === 3 ? 'active':'')}  cursor-pointer`}>\n            2050\n        </Column>\n    </Row>\n    <div style={styleRep} className=\"rep\" id=\"rep0\"></div>\n    <div style={styleRep} className=\"rep\" id=\"rep1\"></div>\n    <div style={styleRep} className=\"rep\" id=\"rep2\"></div>\n    <div style={styleRep} className=\"rep\" id=\"rep3\"></div>\n</header>\n*/\n}","\nimport React, { Fragment } from 'react';\nimport { Column, Row } from \"simple-flexbox\";\n\n\nconst Component0 = () => {\n    return(\n        <Fragment>\n            <h2>Nos objectifs<br/><b>2030</b></h2>\n        </Fragment>\n    );\n}\nexport default Component0;","import React from \"react\";\nimport { Column, Row } from \"simple-flexbox\";\n\nconst Component1 = () => {\n    return (\n        <>\n            <div className=\"row objectifs2030\">\n                <div className=\"column col1\">\n                    <h3>Recommandations<br/>de l'OMS pour la<br/>qualité de l'air</h3>\n                    <img\n                        className=\"my-2\"\n                        src={process.env.REACT_APP_API_URL + \"/img/air.svg\"}\n                    />\n                    <p className=\"mt-2\">\n                        RESPECTER<br/>LES RECOMMANDATIONS FIXÉES<br/>PAR L'ORGANISATION\n                        MONDIALE<br/>DE LA SANTÉ.\n                    </p>\n                </div>\n                <div className=\"column col2\">\n                    <h4>Gaz à effet de serre</h4>\n                    <div className=\"row row1\">\n                        <div className=\"column\">\n                            <img\n                                src={\n                                    process.env.REACT_APP_API_URL +\n                                    \"/img/gaz.svg\"\n                                }\n                            />\n                        </div>\n                        <div className=\"column pl-3\">\n                            <span>-50%</span>\n                            <br />\n                            des émissions de gaz à effet de serre sur notre\n                            parc.\n                        </div>\n                    </div>\n                    <h4 className=\"mt-2\">Empreinte carbone</h4>\n                    <div className=\"row\">\n                        <div className=\"column\">\n                            <img\n                                src={\n                                    process.env.REACT_APP_API_URL +\n                                    \"/img/emp.svg\"\n                                }\n                            />\n                        </div>\n                        <div className=\"column pl-3\">\n                            <span>-40%</span>\n                            <br />\n                            de l'empreinte carbone d'Elogie-Siemp.\n                        </div>\n                    </div>\n                </div>\n                <div className=\"column col3\">\n                    <h4>EnR</h4>\n                    <div className=\"row row1\">\n                        <div className=\"column\">\n                            <img\n                                src={\n                                    process.env.REACT_APP_API_URL +\n                                    \"/img/enr.svg\"\n                                }\n                            />\n                        </div>\n                        <div className=\"column pl-3\">\n                            <span>+45%</span>\n                            <br />\n                            dans la consommation du parc Elogie-Siemp dont 10 % produites localement.\n                        </div>\n                    </div>\n                    <h4 className=\"mt-2\">Consommations énergétiques</h4>\n                    <div className=\"row\">\n                        <div className=\"column\">\n                            <img\n                                src={\n                                    process.env.REACT_APP_API_URL +\n                                    \"/img/conso.svg\"\n                                }\n                            />\n                        </div>\n                        <div className=\"column pl-3\">\n                            <span>-35%</span>\n                            <br />\n                            de consommations énergétiques sur le parc Elogie-Siemp par rapport à 2018.\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </>\n    );\n};\nexport default Component1;\n","import React from 'react';\nconst Component2 = () => {\n    return(\n        <div>\n            <h2>Nos objectifs<br/><b>2030</b></h2>\n            <div className=\"row\">\n                <div className=\"col-4\">\n                    <h3>Recommandations de l'OMS pour la qualité de l'air</h3>\n                    <p>respecter les recommandations fixées par l'organisation mondiale de la santé.</p>\n                </div>\n                <div className=\"col-4\">\n                    <h4>Gaz à effet de serre</h4>\n                    <p>Légende Légende : lorem ipsum sed iristium copis arrivam iscidendur.</p>\n                    <div className=\"row\">\n                        <div className=\"col-6\">\n\n                        </div>\n                        <div className=\"col-6\">\n                            <b>-50%</b><br/>\n                            des émissions de gaz à effet de serre sur notre parc.\n                        </div>\n                    </div>\n                    <h4>Empreinte carbone</h4>\n                    <p>Légende Légende : lorem ipsum sed iristium copis arrivam iscidendur.</p>\n                    <div className=\"row\">\n                        <div className=\"col-6\">\n\n                        </div>\n                        <div className=\"col-6\">\n                            <b>-50%</b><br/>\n                            des émissions de gaz à effet de serre sur notre parc.\n                        </div>\n                    </div>\n                </div>\n                <div className=\"col-4\">\n                    <h4>Enr</h4>\n                    <p>Légende Légende : lorem ipsum sed iristium copis arrivam iscidendur.</p>\n                    <div className=\"row\">\n                        <div className=\"col-6\">\n\n                        </div>\n                        <div className=\"col-6\">\n                            <b>-50%</b><br/>\n                            des émissions de gaz à effet de serre sur notre parc.\n                        </div>\n                    </div>\n                    <h4>Consommations énergétiques</h4>\n                    <p>Légende Légende : lorem ipsum sed iristium copis arrivam iscidendur.</p>\n                    <div className=\"row\">\n                        <div className=\"col-6\">\n\n                        </div>\n                        <div className=\"col-6\">\n                            <b>-50%</b><br/>\n                            des émissions de gaz à effet de serre sur notre parc.\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n}\nexport default Component2;","import React from \"react\";\nimport { Column, Row } from \"simple-flexbox\";\n\nconst Component3 = () => {\n    return (\n        <>\n            <div className=\"row objectifs2050\">\n                <div className=\"column col1\">\n                    <h3>\n                        Compenser\n                        <br />\n                        les 20 % d'émissions\n                        <br />\n                        résiduelles\n                    </h3>\n                    <img\n                        className=\"my-2\"\n                        src={\n                            process.env.REACT_APP_API_URL + \"/img/immeuble.svg\"\n                        }\n                    />\n                </div>\n                <div className=\"column col2\">\n                    <h4>Gaz à effet de serre</h4>\n                    <div className=\"row row1\">\n                        <div className=\"column\">\n                            <img\n                                src={\n                                    process.env.REACT_APP_API_URL +\n                                    \"/img/gaz2.svg\"\n                                }\n                            />\n                        </div>\n                        <div className=\"column pl-3\">\n                            <span>Zéro</span>\n                            <br />\n                            émission de gaz à effet de serre sur notre parc.\n                        </div>\n                    </div>\n                    <h4 className=\"\">Empreinte carbone</h4>\n                    <div className=\"row\">\n                        <div className=\"column\">\n                            <img\n                                src={\n                                    process.env.REACT_APP_API_URL +\n                                    \"/img/emp2.svg\"\n                                }\n                            />\n                        </div>\n                        <div className=\"column pl-3\">\n                            <span>-80%</span>\n                            <br />\n                            de l'empreinte carbone d'Élogie-Siemp.\n                        </div>\n                    </div>\n                </div>\n                <div className=\"column col3\">\n                    <h4>EnR</h4>\n                    <div className=\"row row1\">\n                        <div className=\"column\">\n                            <img\n                                src={\n                                    process.env.REACT_APP_API_URL +\n                                    \"/img/enr2.svg\"\n                                }\n                            />\n                        </div>\n                        <div className=\"column pl-3\">\n                            <span>100%</span>\n                            <br />\n                            dans la consommation du parc d'Élogie-Siemp dont 20%\n                            produites localement.\n                        </div>\n                    </div>\n                    <h4 className=\"\">Consommations énergétiques</h4>\n                    <div className=\"row\">\n                        <div className=\"column\">\n                            <img\n                                src={\n                                    process.env.REACT_APP_API_URL +\n                                    \"/img/conso2.svg\"\n                                }\n                            />\n                        </div>\n                        <div className=\"column pl-3\">\n                            <span>-50%</span>\n                            <br />\n                            de consommations énergétiques sur le parc\n                            Élogie-Siemp par rapport à 2018.\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </>\n    );\n};\nexport default Component3;\n","import React, { useContext, useState }  from 'react';\n\nimport Header from './components/svg/Header';\nimport Component0 from './components/Component0';\nimport Component1 from './components/Component1';\nimport Component2 from './components/Component2';\nimport Component3 from './components/Component3';\nimport { Column, Row } from \"simple-flexbox\";\n\nimport { ComponentContext, ComponentProvider } from './contexts/ComponentContext';\nimport './App.scss';\n\n\n\n\nconst App = (props) => {\n    // const [id, setId] = useState(1);\n    \n   const [component, setComponent] = useContext(ComponentContext);\n    const styleRep = {\n        backgroundImage: 'url('+process.env.REACT_APP_API_URL+'/img/elements/indic.svg)',\n    };\n    const styleActive = {\n        backgroundImage: 'url('+process.env.REACT_APP_API_URL+'/img/elements/indic_active.svg)',  \n    }\n    const title = (component.id === 1 ? '2030':'2050');\n\n    const LoadComponent = (props) => {\n        switch(props.active) {\n            case 0: {\n                return <Component0 />\n            }\n            case 1: {\n                return <Component1 />\n            }\n            case 2: {\n                return <Component2 />\n            }\n            case 3: {\n                return <Component3 />\n            }\n            default: {\n                return <Component1 />\n            }\n        }\n    }\n\n    return ( \n        <>\n            <h2>Nos objectifs <b>{ title }</b></h2>\n            <Header />\n            <section>\n                <LoadComponent active ={component.id} /> \n            </section>\n        </>\n    );\n}\n\nexport default App;\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n  window.location.hostname === 'localhost' ||\n    // [::1] is the IPv6 localhost address.\n    window.location.hostname === '[::1]' ||\n    // 127.0.0.0/8 are considered localhost for IPv4.\n    window.location.hostname.match(\n      /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n    )\n);\n\nexport function register(config) {\n  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n    // The URL constructor is available in all browsers that support SW.\n    const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n    if (publicUrl.origin !== window.location.origin) {\n      // Our service worker won't work if PUBLIC_URL is on a different origin\n      // from what our page is served on. This might happen if a CDN is used to\n      // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n      return;\n    }\n\n    window.addEventListener('load', () => {\n      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n      if (isLocalhost) {\n        // This is running on localhost. Let's check if a service worker still exists or not.\n        checkValidServiceWorker(swUrl, config);\n\n        // Add some additional logging to localhost, pointing developers to the\n        // service worker/PWA documentation.\n        navigator.serviceWorker.ready.then(() => {\n          console.log(\n            'This web app is being served cache-first by a service ' +\n              'worker. To learn more, visit https://bit.ly/CRA-PWA'\n          );\n        });\n      } else {\n        // Is not localhost. Just register service worker\n        registerValidSW(swUrl, config);\n      }\n    });\n  }\n}\n\nfunction registerValidSW(swUrl, config) {\n  navigator.serviceWorker\n    .register(swUrl)\n    .then(registration => {\n      registration.onupdatefound = () => {\n        const installingWorker = registration.installing;\n        if (installingWorker == null) {\n          return;\n        }\n        installingWorker.onstatechange = () => {\n          if (installingWorker.state === 'installed') {\n            if (navigator.serviceWorker.controller) {\n              // At this point, the updated precached content has been fetched,\n              // but the previous service worker will still serve the older\n              // content until all client tabs are closed.\n              console.log(\n                'New content is available and will be used when all ' +\n                  'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n              );\n\n              // Execute callback\n              if (config && config.onUpdate) {\n                config.onUpdate(registration);\n              }\n            } else {\n              // At this point, everything has been precached.\n              // It's the perfect time to display a\n              // \"Content is cached for offline use.\" message.\n              console.log('Content is cached for offline use.');\n\n              // Execute callback\n              if (config && config.onSuccess) {\n                config.onSuccess(registration);\n              }\n            }\n          }\n        };\n      };\n    })\n    .catch(error => {\n      console.error('Error during service worker registration:', error);\n    });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n  // Check if the service worker can be found. If it can't reload the page.\n  fetch(swUrl, {\n    headers: { 'Service-Worker': 'script' }\n  })\n    .then(response => {\n      // Ensure service worker exists, and that we really are getting a JS file.\n      const contentType = response.headers.get('content-type');\n      if (\n        response.status === 404 ||\n        (contentType != null && contentType.indexOf('javascript') === -1)\n      ) {\n        // No service worker found. Probably a different app. Reload the page.\n        navigator.serviceWorker.ready.then(registration => {\n          registration.unregister().then(() => {\n            window.location.reload();\n          });\n        });\n      } else {\n        // Service worker found. Proceed as normal.\n        registerValidSW(swUrl, config);\n      }\n    })\n    .catch(() => {\n      console.log(\n        'No internet connection found. App is running in offline mode.'\n      );\n    });\n}\n\nexport function unregister() {\n  if ('serviceWorker' in navigator) {\n    navigator.serviceWorker.ready\n      .then(registration => {\n        registration.unregister();\n      })\n      .catch(error => {\n        console.error(error.message);\n      });\n  }\n}\n","import 'react-app-polyfill/ie11';\nimport 'react-app-polyfill/stable';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport App from './App';\nimport { ComponentProvider } from './contexts/ComponentContext';\nimport * as serviceWorker from './serviceWorker';\n\nReactDOM.render(<ComponentProvider><App /></ComponentProvider>, document.getElementById('cie-root'));\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: https://bit.ly/CRA-PWA\nserviceWorker.unregister();\n"],"sourceRoot":""}