{"version":3,"sources":["App.js","reportWebVitals.js","index.js"],"names":["App","props","changeActive","bind","state","type","text","x","this","substance","findActive","data","filter","d","toString","toLowerCase","setState","active","particlesrendered","particles","map","p","className","particle","split","join","onClick","subtypes","subt","dangerouslySetInnerHTML","__html","symbol","name","antiparticles","changeMode","Component","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.a64f6484.chunk.js","sourcesContent":["import './App.scss';\nimport React, { Component } from 'react'\nimport * as data from './data/text.json';\nimport * as particles from './data/particles.json';\nimport * as antiparticles from './data/antiparticles.json';\n\nclass App extends Component {\n  constructor(props) {\n    super(props);\n    this.changeActive = this.changeActive.bind(this);\n    this.state = { \n      \"active\": {\n        type: \"Standard model of particle physics\",\n        text: \"Tap the colored sections for more on each particle type.<br/><br/>Tap the matter/antimatter switch to see matter's antimatter partners.\"\n      },\n      \"substance\": \"matter\"\n    };\n  }\n\n  changeActive(x) {\n    if (this.state.substance === \"matter\") {\n      let findActive = data.default.filter(d => (d.type.toString().toLowerCase() === x.toString().toLowerCase()))[0];\n      this.setState({\n        active: findActive\n      })\n    }\n  }\n\n  changeMode() {\n    if (this.state.substance === \"matter\") {\n      this.setState({\n        substance: \"antimatter\",\n        active: {\n          type: \"Antimatter\",\n          text: \"Many of the standard model particles have antimatter partners. Antiparticles have the opposite electric charge, but the same mass as their alter egos. Physicists are still <a target='_blank' href='https://www.sciencenews.org/article/mounting-evidence-suggests-neutrinos-are-key-why-antimatter-is-rare'>trying to understand</a> why matter is more prevalent than antimatter. For example, negatively charged electrons are much more prevalent in our cosmos than their positively charged antiparticle, positrons. Because neutrinos have no electric charge, scientists are puzzling over whether neutrinos and antineutrinos are <a target='_blank' href='https://www.sciencenews.org/article/quest-identify-nature-neutrinos-alter-ego-heating'>distinct particles</a>, or the same thing.\"\n        }\n      })\n    } else {\n      this.setState({\n        substance: \"matter\",\n        active: {\n          type: \"Standard model of particle physics\",\n          text: \"Tap the colored sections for more on each particle type.<br/><br/>Tap the matter/antimatter switch to see matter's antimatter partners.\"\n        }\n      })\n    }\n  }\n\n  render() {\n    let particlesrendered;\n\n    // this if-else statement renders our different boxes depending whether we're looking at matter or antimatter particles\n    if (this.state.substance === \"matter\") {\n      particlesrendered = particles.default.map(p => (\n        <section className={\n          (\n            (this.state.active[\"type\"].toLowerCase() === p.particle.toLowerCase()) ||\n            (this.state.substance === \"antimatter\") ||\n            (this.state.active[\"type\"] == \"Standard model of particle physics\")\n          ) ?\n            \"area-\" + p.particle.split(' ').join('-') + \" zone active\" :\n            \"area-\" + p.particle.split(' ').join('-') + \" zone\"\n          } onClick={() => this.changeActive(p.particle)}>\n            <div className=\"particle-container\">\n              {p.subtypes.map(subt => (\n                <div className=\"particle\">\n                  <div className=\"particle-content\">\n                    <div className=\"symbol\" dangerouslySetInnerHTML={{ __html: subt.symbol}}></div>\n                    <div className=\"name\">{subt.name}</div>\n                  </div>\n                </div>\n              ))}\n            </div>\n          </section>\n        ))\n      \n    } else {\n      particlesrendered = antiparticles.default.map(p => (\n        <section className={\n          (\n            (this.state.active[\"type\"].toLowerCase() === p.particle.toLowerCase()) ||\n            ((this.state.substance === \"antimatter\") && (p.particle.toLowerCase() !== \"force-carrying particles\")) ||\n            (this.state.active[\"type\"] == \"Standard model of particle physics\")\n          ) ?\n            \"area-\" + p.particle.split(' ').join('-') + \" zone active\" :\n            \"area-\" + p.particle.split(' ').join('-') + \" zone\"\n        } onClick={() => this.changeActive(p.particle)}>\n          <div className=\"particle-container\">\n            {p.subtypes.map(subt => (\n              <div className=\"particle\">\n                <div className=\"particle-content\">\n                  <div className=\"symbol\" dangerouslySetInnerHTML={{ __html: subt.symbol }}></div>\n                  <div className=\"name\">{subt.name}</div>\n                </div>\n              </div>\n            ))}\n          </div>\n        </section>\n      ))\n      \n    }\n    return (\n      <div className=\"App\">\n        <div className={\"grid-container mode-\" + this.state.substance}>\n          {particlesrendered}\n          <section className=\"controller\" onClick={() => this.changeMode()}>\n            <div className={this.state.substance === \"matter\" ? 'controller-item active' : 'controller-item'}>matter</div>\n            <div className={this.state.substance === \"antimatter\" ? 'controller-item active' : 'controller-item'}>antimatter</div>\n          </section>\n          <section className={\n              (\n                (this.state.active[\"type\"].toLowerCase() === \"higgs boson\") ||\n                (this.state.active[\"type\"] == \"Standard model of particle physics\")\n              ) ?\n              \"area-higgs-boson zone active\" :\n              \"area-higgs-boson zone\"\n           } onClick={() => this.changeActive(\"higgs boson\")}>\n            <div className=\"particle\">\n              <div className=\"particle-content\">\n                <div className=\"symbol\">H</div>\n                <div className=\"name\">Higgs boson</div>\n              </div>\n            </div>\n          </section>\n          <section className=\"infobox\">\n            <h3>{this.state.active.type}</h3>\n            <p dangerouslySetInnerHTML={ { __html: this.state.active.text} }></p>\n          </section>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default App;\n","const reportWebVitals = onPerfEntry => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}