{"version":3,"sources":["icons/flam.png","icons/cheese.png","icons/buzz.png","AppBar.js","Controls.js","App.js","serviceWorker.js","index.js","../node_modules/pdfjs-dist/build sync","icons/triplets.png","icons/sixteenths.png","icons/fivelets.png","icons/accent.png","icons/diddle.png"],"names":["module","exports","useStyles","makeStyles","theme","root","flexGrow","menuButton","marginRight","spacing","title","appBar","ButtonAppBar","classes","className","AppBar","position","Toolbar","Typography","variant","Controls","props","generateRudimentButtonClicked","state","numBeats","setState","numBeatsError","generateRudiment","handleChange","type","e","newVal","handleCheckboxChange","event","target","name","checked","isGenerateDisabled","triplets","sixteenths","fivelets","accents","rights","buzzes","diddles","flams","cheeses","this","Fragment","FormControl","error","TextField","numBeatsTextField","id","label","value","onChange","currentTarget","FormHelperText","Grid","container","direction","item","FormGroup","FormControlLabel","control","Checkbox","color","src","Triplets","noteTypeImage","Sixteenths","Fivelets","style","opacity","stickingTypog","Slider","horizontalSliderRoot","aria-labelledby","Accent","icon","Diddle","xs","verticalSliderDiv","orientation","Flam","Cheese","Button","generateButton","onClick","disabled","React","Component","withStyles","width","height","margin","display","App","loading","axios","get","params","beats","oldFileName","filename","then","response","console","log","file","data","catch","onLoadError","alert","message","gridRoot","sm","md","lg","CircularProgress","noData","onLoadSuccess","pageNumber","scale","Boolean","window","location","hostname","match","createMuiTheme","palette","primary","main","secondary","status","danger","ReactDOM","render","StrictMode","ThemeProvider","document","getElementById","navigator","serviceWorker","ready","registration","unregister","webpackEmptyContext","req","Error","code","keys","resolve"],"mappings":"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","file":"static/js/main.f223b7ad.chunk.js","sourcesContent":["module.exports = \"data:image/png;base64,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\"","module.exports = \"data:image/png;base64,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\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANcAAAEaCAAAAACnF523AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAJb0ZGcwAABOgAAAIsAO7HtPIAAAAJdnBBZwAAB4AAAAQ4AN5Tg3gAAASWSURBVHja7d1PbBRlHMbxZ4gnsw0bswVNNMRqsI3ScBGNbT3YBEsR4cTRGCIBE/WAjbFwVg7WUw9eJJqQGC9qCekSjsRtlYQENSbbyL9wo8zUQq0HDux6KDHdFpZ5392ded+X73MBtvPO9JP3N79O3x12orqCzIYwWbhw4cKFCxcuXLhw4cKFCxcuXLhw4cKFCxcuXLhw4cKFC1eqPObDN5molEilwFwV/bpYlKJXhsJylXVckvR+YK7o3p9Fk0H0Q1y4UqYQqGuZOsSFq2Ohb1CHnsaD695ioK5b1CEuXLiMw/UGdYgLl2noG9QhLlymoW9Qh7hwmYa+QR26k3OBumaDcxUkKTq28o87d9J8ZEjk2ueKRCYb10OoQ6PgwuVCvLj/8AEZfQTny+c+X2uyscd1eD4Ksg5P7PCqDtfnmD5f99qIzjQfRJ93KSPlIF0j5SgA17/aUDNledA34n7daFApBYu+kdt0jd5Y2zKiAFzx6AXjc8t9VyxLltuueFQXzFsGfcOZcyv9bzEO//xay+q5bPC7mbPzta5laL/J0qKrrrUtQ4YrpvSNXM+tIFw1LbTKcrIf1lOdHYtF3+br+1RbPd70q6yLZpa76WqoFvk1X7WX2rEX51y3X5wLsg5TX1X4VoftCS5cLaW+LkePrtz3Nd74cuT/fHHfFy5cnQv3i1KHuHCZhr5BHeLCZRr6BnWIC5dp6BvUIS5cpqFvUIe4cJmGvkEd4sJlGvoGdYgLl2noG9QhLlymoW9Qh7hwmYa+QR3iwmUa+gZ1iAuXaegb1CEup+LY/zePldz7W/eq534Xlv11xYmShUtX9Wc9kuqRhvRcaWukXvqGe/OVKP7r7Kx+X/1aRdKml3Xwhd6ip644mdSP8/f7ys1pTfd8e81HV6zZiUqzDa6+XvCvbyQzX2jmYRst2+yZvtGBVMfK4bmSb/RJgPM1N3auk7vPy/XzB390dP/0jXbmlA7NB+iaOqwOs3JxTR2Z7/gxcji/Th2xuuLTouOuTJJ5HVY0YTdduu206ytVLEcuuew6cTrIOqxO/mM99hmTjVk/bEsmr9iPfcJd19zMsvXYzT3uuk5esx/7/Gvuuqbtu4a29Tl8fmWWLPt8xexHa+PZpTeddf3y/5sK5nlDg866Lsr69CoMr3p7xTWXfRVqz9sOn19V+7Nrf7fhCK6j8szH+0xHZFmHBduBh9+Vy66nZbUWOqCPup12bbF5I0s9x9VnPorrqNazUz+Yz1fhyz7XXYN68qbxmLG9zs9XSQOGjWO3Ph20O1a2n9M+996Myebj76zcl2KRUPvGfT5nu5P5aVP676z/6xYOlPH64b6/x5WqdxQ+1K6hFg6U9Xrvgbo+e/jiTdee4QOtHSeH5ztMTTRvHs++quG9pRYPwnNh2pfqyXLjvWurClD9/TsHVfLSJVX03fVq0rjc0aXup7Zs11t9bTlCfs9Pmbqk324tLUlSpK6NG7dr60CpbXvP+7kwVUkLvSq1e7/0Db/CehQuXLhw4cKFCxcuXLhw4cKFCxcuXLhw4cKFCxcuXLhw4cKFCxcuXOnzH2rKrAlQs0DaAAAAAElFTkSuQmCC\"","import React from \"react\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport AppBar from \"@material-ui/core/AppBar\";\nimport Toolbar from \"@material-ui/core/Toolbar\";\nimport Typography from \"@material-ui/core/Typography\";\nimport Button from \"@material-ui/core/Button\";\nimport IconButton from \"@material-ui/core/IconButton\";\n// import MenuIcon from '@material-ui/icons/Menu';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    flexGrow: 1,\n  },\n  menuButton: {\n    marginRight: theme.spacing(2),\n  },\n  title: {\n    flexGrow: 1,\n  },\n  appBar: {}\n}));\n\nexport default function ButtonAppBar() {\n  const classes = useStyles();\n\n  return (\n    <div className={classes.root}>\n      <AppBar position=\"static\" className={classes.appBar}>\n        <Toolbar>\n          <Typography variant=\"h6\" className={classes.title}>\n            Rudiment Generator\n          </Typography>\n        </Toolbar>\n      </AppBar>\n    </div>\n  );\n}\n","import React from \"react\";\nimport { withStyles } from \"@material-ui/core/styles\";\n\nimport Typography from \"@material-ui/core/Typography\";\nimport Button from \"@material-ui/core/Button\";\nimport TextField from \"@material-ui/core/TextField\";\nimport FormControl from \"@material-ui/core/FormControl\";\nimport FormHelperText from \"@material-ui/core/FormHelperText\";\nimport FormGroup from \"@material-ui/core/FormGroup\";\nimport FormControlLabel from \"@material-ui/core/FormControlLabel\";\nimport Checkbox from \"@material-ui/core/Checkbox\";\nimport Grid from \"@material-ui/core/Grid\";\nimport Slider from \"@material-ui/core/Slider\";\nimport VolumeDown from \"@material-ui/icons/VolumeDown\";\nimport VolumeUp from \"@material-ui/icons/VolumeUp\";\n\nimport Triplets from \"./icons/triplets.png\";\nimport Sixteenths from \"./icons/sixteenths.png\";\nimport Fivelets from \"./icons/fivelets.png\";\nimport Accent from \"./icons/accent.png\";\nimport Buzz from \"./icons/buzz.png\";\nimport Diddle from \"./icons/diddle.png\";\nimport Flam from \"./icons/flam.png\";\nimport Cheese from \"./icons/cheese.png\";\n\nconst styles = {\n  numBeatsTextField: {\n    width: 200,\n  },\n  icon: {\n    width: 40,\n    height: 40,\n  },\n  generateButton: {\n    margin: 25,\n  },\n  horizontalSliderRoot: {\n    width: 150,\n  },\n  verticalSliderDiv: {\n    height: 200,\n  },\n  stickingTypog: {\n    display: \"inline\",\n    margin: \"0px 10px\",\n  },\n  noteTypeImage: {\n    width: 60,\n    height: 50,\n  },\n};\n\nclass Controls extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      numBeats: 8,\n      numBeatsError: false,\n      accents: 30,\n      rights: 50,\n      buzzes: 50,\n      diddles: 40,\n      flams: 30,\n      cheeses: 20,\n      triplets: true,\n      sixteenths: true,\n      fivelets: true,\n    };\n  }\n\n  generateRudimentButtonClicked = () => {\n    if (this.state.numBeats < 1 || this.state.numBeats > 32) {\n      this.setState({ numBeatsError: true });\n    } else {\n      this.props.generateRudiment(this.state);\n    }\n  };\n\n  handleChange = (type) => (e, newVal) => {\n    this.setState({ [type]: newVal });\n  };\n\n  handleCheckboxChange = (event) => {\n    this.setState({ [event.target.name]: event.target.checked });\n  };\n\n  isGenerateDisabled = () => {\n    const { triplets, sixteenths, fivelets } = this.state;\n    return !triplets && !sixteenths && !fivelets;\n  };\n\n  render() {\n    const { classes } = this.props;\n\n    return (\n      <React.Fragment>\n        <FormControl error={this.state.numBeatsError}>\n          <TextField\n            className={classes.numBeatsTextField}\n            id=\"outlined-basic\"\n            label=\"Number of Beats\"\n            variant=\"outlined\"\n            type=\"number\"\n            value={this.state.numBeats}\n            error={this.state.numBeatsError}\n            onChange={(e) =>\n              this.setState({\n                numBeatsError: false,\n                numBeats: e.currentTarget.value,\n              })\n            }\n          />\n          <FormHelperText id=\"component-error-text\">\n            Must be between 1 and 32\n          </FormHelperText>\n        </FormControl>\n        <Grid container direction={\"column\"} spacing={1}>\n          <Grid item>\n            <FormGroup>\n              <FormControlLabel\n                control={\n                  <Checkbox\n                    checked={this.state.triplets}\n                    onChange={this.handleCheckboxChange}\n                    name=\"triplets\"\n                    color=\"secondary\"\n                  />\n                }\n                label={<img src={Triplets} className={classes.noteTypeImage} />}\n              />\n              <FormControlLabel\n                control={\n                  <Checkbox\n                    checked={this.state.sixteenths}\n                    onChange={this.handleCheckboxChange}\n                    name=\"sixteenths\"\n                    color=\"secondary\"\n                  />\n                }\n                label={\n                  <img src={Sixteenths} className={classes.noteTypeImage} />\n                }\n              />\n              <FormControlLabel\n                control={\n                  <Checkbox\n                    checked={this.state.fivelets}\n                    onChange={this.handleCheckboxChange}\n                    name=\"fivelets\"\n                    color=\"secondary\"\n                  />\n                }\n                label={<img src={Fivelets} className={classes.noteTypeImage} />}\n              />\n            </FormGroup>\n          </Grid>\n          <Grid item>\n            <Grid container>\n              <Grid item>\n                <Typography\n                  style={{ opacity: 0 }}\n                  className={classes.stickingTypog}\n                >\n                  _\n                </Typography>\n              </Grid>\n              <Grid item>\n                <Slider\n                  classes={{ root: classes.horizontalSliderRoot }}\n                  value={this.state.accents}\n                  onChange={this.handleChange(\"accents\")}\n                  aria-labelledby=\"continuous-slider\"\n                />\n              </Grid>\n\n              <Grid item>\n                <img src={Accent} className={classes.icon} />\n              </Grid>\n            </Grid>\n          </Grid>\n\n          <Grid item>\n            <Grid container>\n              <Grid item>\n                <Typography className={classes.stickingTypog}>L</Typography>\n              </Grid>\n              <Grid item>\n                <Slider\n                  classes={{ root: classes.horizontalSliderRoot }}\n                  value={this.state.rights}\n                  onChange={this.handleChange(\"rights\")}\n                  aria-labelledby=\"continuous-slider\"\n                />\n              </Grid>\n              <Grid item>\n                <Typography className={classes.stickingTypog}>R</Typography>\n              </Grid>\n            </Grid>\n          </Grid>\n          <Grid item>\n            <Grid container spacing={2}>\n              {/* <Grid item>\n                <Grid container direction={\"column\"} spacing={2}>\n                  <Grid item>\n                    <img src={Buzz} className={classes.icon} />\n                  </Grid>\n                  <Grid item xs>\n                    <div className={classes.verticalSliderDiv}>\n                      <Slider\n                        value={this.state.buzzes}\n                        onChange={this.handleChange(\"buzzes\")}\n                        aria-labelledby=\"continuous-slider\"\n                        orientation={\"vertical\"}\n                      />\n                    </div>\n                  </Grid>\n                </Grid>\n              </Grid> */}\n              <Grid item>\n                <Grid container direction={\"column\"} spacing={2}>\n                  <Grid item>\n                    <img src={Diddle} className={classes.icon} />\n                  </Grid>\n                  <Grid item xs>\n                    <div className={classes.verticalSliderDiv}>\n                      <Slider\n                        value={this.state.diddles}\n                        onChange={this.handleChange(\"diddles\")}\n                        aria-labelledby=\"continuous-slider\"\n                        orientation={\"vertical\"}\n                      />\n                    </div>\n                  </Grid>\n                </Grid>\n              </Grid>\n              <Grid item>\n                <Grid container direction={\"column\"} spacing={2}>\n                  <Grid item>\n                    <img src={Flam} className={classes.icon} />\n                  </Grid>\n                  <Grid item xs>\n                    <div className={classes.verticalSliderDiv}>\n                      <Slider\n                        value={this.state.flams}\n                        onChange={this.handleChange(\"flams\")}\n                        aria-labelledby=\"continuous-slider\"\n                        orientation={\"vertical\"}\n                      />\n                    </div>\n                  </Grid>\n                </Grid>\n              </Grid>\n              <Grid item>\n                <Grid container direction={\"column\"} spacing={2}>\n                  <Grid item>\n                    <img src={Cheese} className={classes.icon} />\n                  </Grid>\n                  <Grid item xs>\n                    <div className={classes.verticalSliderDiv}>\n                      <Slider\n                        value={this.state.cheeses}\n                        onChange={this.handleChange(\"cheeses\")}\n                        aria-labelledby=\"continuous-slider\"\n                        orientation={\"vertical\"}\n                      />\n                    </div>\n                  </Grid>\n                </Grid>\n              </Grid>\n            </Grid>\n          </Grid>\n          <Grid item>\n            <Button\n              className={classes.generateButton}\n              variant=\"contained\"\n              color=\"primary\"\n              onClick={this.generateRudimentButtonClicked}\n              disabled={this.isGenerateDisabled()}\n            >\n              Generate\n            </Button>\n          </Grid>\n        </Grid>\n      </React.Fragment>\n    );\n  }\n}\n\nexport default withStyles(styles)(Controls);\n","import React from \"react\";\n// import { Page, Text, View, Document, StyleSheet } from \"@react-pdf/renderer\";\nimport { Document, Page } from \"react-pdf\";\nimport { withStyles } from \"@material-ui/core/styles\";\n\nimport AppBar from \"./AppBar\";\nimport Controls from \"./Controls\";\nimport axios from \"axios\";\nimport Grid from \"@material-ui/core/Grid\";\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\n\nconst styles = {\n  gridRoot: {\n    margin: 20,\n    width: \"calc(100% - 40px)\",\n  },\n};\n\nclass App extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      file: null,\n      filename: null,\n    };\n  }\n\n  generateRudiment = (state) => {\n    this.setState({\n      loading: true,\n    });\n\n    axios\n      .get(\"/rudiment\", {\n        params: {\n          beats: state.numBeats,\n          accents: state.accents,\n          rights: state.rights,\n          buzzes: state.buzzes,\n          diddles: state.diddles,\n          flams: state.flams,\n          cheeses: state.cheeses,\n          triplets: state.triplets,\n          sixteenths: state.sixteenths,\n          fivelets: state.fivelets,\n          oldFileName: this.state.filename,\n        },\n      })\n      .then((response) => {\n        console.log(response);\n        this.setState({\n          file: \"/rudiments/\" + response.data,\n          // file: \"\" + Math.random() + \".pdf\",\n          filename: response.data,\n        });\n      })\n      .catch(function (error) {\n        console.log(error);\n        this.setState({\n          loading: false,\n        });\n      });\n  };\n\n  onLoadError = (error) => {\n    this.setState({ loading: false }, () => alert(error.message));\n  };\n\n  render() {\n    const { classes } = this.props;\n    return (\n      <React.Fragment>\n        <AppBar />\n\n        <Grid\n          container\n          spacing={3}\n          classes={{\n            root: classes.gridRoot,\n          }}\n        >\n          <Grid item xs={12} sm={5} md={4} lg={3}>\n            <Grid container orientation=\"vertical\">\n              <Grid item>\n                <Controls generateRudiment={this.generateRudiment} />\n              </Grid>\n              <Grid item>\n                {this.state.loading ? <CircularProgress /> : null}\n              </Grid>\n            </Grid>\n          </Grid>\n          <Grid item xs={12} sm={7} md={8} lg={9}>\n            <div>\n              <div\n                style={{\n                  width: \"fit-content\",\n                  height: 500,\n                  margin: \"0 auto\",\n                }}\n              >\n                <Document\n                  file={this.state.file}\n                  noData={\"\"}\n                  onLoadError={this.onLoadError}\n                  onLoadSuccess={() => this.setState({ loading: false })}\n                >\n                  <Page pageNumber={1} scale={1.85} />\n                </Document>\n              </div>\n            </div>\n          </Grid>\n        </Grid>\n      </React.Fragment>\n    );\n  }\n}\n\nexport default withStyles(styles)(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 from \"react\";\nimport ReactDOM from \"react-dom\";\nimport \"./index.css\";\nimport App from \"./App\";\nimport { createMuiTheme, ThemeProvider } from \"@material-ui/core/styles\";\nimport purple from \"@material-ui/core/colors/purple\";\nimport green from \"@material-ui/core/colors/green\";\nimport * as serviceWorker from \"./serviceWorker\";\n\nconst theme = createMuiTheme({\n  palette: {\n    primary: {\n      main: \"#275dad\"\n    },\n    secondary: {\n      main: \"#a7fff6\"\n    }\n  },\n  status: {\n    danger: \"orange\",\n  },\n});\n\nReactDOM.render(\n  <React.StrictMode>\n    <ThemeProvider theme={theme}>\n      <App />\n    </ThemeProvider>\n  </React.StrictMode>,\n  document.getElementById(\"root\")\n);\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","function webpackEmptyContext(req) {\n\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\te.code = 'MODULE_NOT_FOUND';\n\tthrow e;\n}\nwebpackEmptyContext.keys = function() { return []; };\nwebpackEmptyContext.resolve = webpackEmptyContext;\nmodule.exports = webpackEmptyContext;\nwebpackEmptyContext.id = 52;","module.exports = __webpack_public_path__ + \"static/media/triplets.8322da5b.png\";","module.exports = __webpack_public_path__ + \"static/media/sixteenths.edfaf462.png\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAtAAAALQCAYAAAC5V0ecAAAABHNCSVQICAgIfAhkiAAAHM9JREFUeJzt3X+M3XWd7/H3zLQDbZdW6gUVEcMP/7CF2hKqK5S0aOSHYpa1vRGRlcRNWNQE0Bjjj+t2N+v9B65olLAsortxb8wSLwi7C3jVRZd6HX4Ii1wquCA/FYsGZBRoocyc+4fXhkoL51XOfM/3nPN4/Dlz5nzfzued+pwvZ86MdTqdTgEAAF0Z7/cAAAAwSAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENABd63Q69cQTT/R7DIC+EtAAdGVmZqa++MUv1sqVK2vLli39HgegbwQ0AC9q69at9dGPfrQ+8uEP17Pbt9c+++zT75EA+mZevwcAIDMzM1O33XZbbd++fU6v8/TTT9f044/Xj++8s/7nP/5j/fjHP66qqjPPPLMWLVo0p9cGaLOxTqfT6fcQAHRvamqq1q1dO+cBvSsLFi6se++9t17xilc0fm2AtvASDoAB0ul06sILL+xLPFdVvfe002r//ffvy7UB2sIdaIAB8tOf/rRWHHFEbd26tfFrT05O1k0331wrVqxo/NoAbeIONMAA+buLL+5LPFdVveWtb63ly5f35doAbeIONMCAmJ6erkMPOaQee+yxxq89NjZW//wv/1LveMc7Gr82QNu4Aw0wIL50ySV9ieeqqmXLl9cJJ5zQl2sDtI2ABhgATz75ZF1yySV9u/5Zf/EXNW+edz4FqBLQAAPhqquuqnvuuacv1166dGn92fve15drA7SR2wkALbd9+/b6/Oc+97yPT05O1tjYWM+vNzY2VnvttVeNj4/X0qVL6+Mf/3gtXry459cBGFQCGqDlpqam6pZbbtnpY/vss09dv2nTnP1FwEWLFtW8iYl62b771vz58+fkGgCDSkADtFin06nPXXBB/eEbJp111lm1YsWKObkDDcAL8zZ2AC22efPmWvmGN9TMzMyOjy1ZsqT+7x131IEHHtjHyQBGl18iBGixCy+8cKd4rqo644wz6tWvfnWfJgLAHWiAlnrooYdqxRFH1PT09I6PLVy4sG770Y/qsMMO6+NkAKPNHWiAlrrkkkt2iueqqlPf8x7xDNBn7kADtNBvfvObOnz58vrZz36242Pz5s2r2370o1q2bFkfJwPAHWiAFrrssst2iueqqg0bNtTrX//6Pk0EwO+5Aw3QMjMzM7XyDW+ozZs37/jY5ORk/WBqqo488sg+TgZAlTvQAK1z7bXX7hTPVVUnnXRSrVy5sk8TAfBcAhqgRWZnZ+uCCy543sf32muvuuyf/qk233FHTU9PP++t7QBojpdwALTI1NRUrVu7trZv377bx7z85S+vww47rFasWFFHrV5dRx55ZB122GG1ZMmSBicFGF0CGqAlOp1O/dnpp9fXvva16OvGx8dr6dKl9fply+roN7+51h13XK1Zs6YWLVo0R5MCjDYBDdAS9913Xy1ftqy2bdv2kp9r7733rjVr1tT6DRvq5JNPrgMOOKDGxsZ6MCUAAhqgJT72sY/V/zj//J4/7+LFi+vEE0+ss846q9Yce2zNmzev59cAGCUCGqAFpqen69BDDqnHHntszq4xMTFRRx11VH3ik5+sk08+ucbH/R45wJ7wrydAC1z6pS/NaTxX/e79pW+88cY65U/+pN5y3HF10403lnsoADl3oAH67Mknn6wjV62qu+++u9Hr7r333nX22WfXp//yL/3CIUDAHWiAPrvqqqsaj+eqqm3bttV5551X69aurbvuusvdaIAuCWiAPpqdna0vX3ppX2e45ZZb6tg1a+rqq68W0QBdENAAfTQzM1MHHXRQHXTQQbXffvvV4sWLa+HChY3P8eijj9Z/3bAhfg9qgFHkNdAAfTY7O1vPPPNMzc7OVqfTqU6nU0899VQ9/PDDdf9999Wdd91VP7rttrr11lvrwQcfrGeeeWbOZpmcnKy//4d/qFNPPdX7RgPshoAGGCAPPvhgTU1N1be/9a267rrr6oEHHuj5yy723nvvuuyyy+rkd75TRAPsgoAGGFBPPPFE3XjDDXXFFVfU/7r88vrVL3/Zs+fed9996/pNm2r58uU9e06AYSGgAYbAk08+WddcfXX93SWX1Kbrr6/t27e/5Oc8YsWK2rRpUy1evLgHEwIMDwENMGRu+4//qM9//vP19a9/vbZu3fqSnuvsc86pCy64wF8tBHgOAQ0whDqdTt1xxx31Vxs31pVXXrnHr5OenJysf7vuujrmmGN6PCHA4BLQAENsdna2vvOd79SHzz237rzzzj16jtWrV9f/+cEPat68eT2e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BAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABAQ0AAAEBDQAAAQENAAABP4f4KDCtagKXh8AAAAASUVORK5CYII=\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAADxCAMAAABGdHoCAAAACXBIWXMAAA7EAAAOxAGVKw4bAAABTVBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAvrZKJAAAAbnRSTlMADqv3BBRMAvvzCNXF/ZlmGhyLCnbNs3o8IlREKjRw6eUk7S4oVstuu99eoQaRtUaTYMdQ+Tp8JtPdXB7nhakyvaPrfoOXaFib77848Rit42KvuZ+P1+GJaiz1dNudQKexeCCH2T6Bw8lSNmQW0ah1mnsAAAK9SURBVHja7dxlU1RhGAbgZalFWpBulVAUaUVCJGzA7u46//+j4DgOIvGcGfzgnOv6Cffsvnvv80YuBwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQArlx983SCGmtidJii81Tw6L4kAryS8VZxs7y+Wxn41ku77bA8cFtud6NZTs1P2y9oRgdjOd7OrB3dFW4ez0JdnTu5qZOgFtdyvZ1/kzJ0uF9NtYcoDq/qNlRXL6abKQHKww9vbFEVnlcuM3k5DN3nqjJPNpfWuuKsTy2uytTxcyX8Ma2h/2V0cDa9Jbc0Vl5yqDeSWX87W9mf9Glp68OhQNrOf0qYuZD6x+dHE2GtiFmiuZ763lJ1bzfdHAKs+0Zb63lix0NVUE86o+prfmhlumBieCgRWq5toz31sb2ufCNaz4+lJL5ntrUdm9Y9ElrOKOeetmq6gJ17BrTQMdmQ+s/tTiut6aQutqvltvTVHDOuKtQm/dqmGdrweL9da4Iy3L4Vaht261ipGj4VZRqFrWW0vH48Od4sEpvbVuJj7ccU5gq1XUzj+Lzlv7Xj2y7V3S0fZh7X5s2Z/Nb/Q665Qb7mhbmj8fGlj0rNTLa+tTNj3efLr/yUFxdb8R1e++31rW+Hxsv83JNSHtiKx+pKvm47Xd+5fN7t3nFiNd567/9Uf8sWD2Nj31/Y+wJkXik/Uv1qwJa1b81zAvJD3r8Bv8+kp2B6n+G5o6HC7zrCCT0iAz+CC7O9FfPfuGwU5uRzraD5x1CM4MnKIJ9gPns4L9wMm/GGdKo8MDp5WDRco5+GCRcsMi2g/c3Yn2A7fCgv3AfcNgP3CTNeaWO9Jhn4MFwe177zqk8smLIfEFy1s0cTe8chTn/aw0fwO9zJbCqDf/UvCaZBpfvVOaZt3yAi4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMB/4wcoq1Sic4WbbQAAAABJRU5ErkJggg==\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKwAAADmCAAAAABtmTEOAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAJb0ZGcwAABP4AAAJFAI93hZoAAAAJdnBBZwAAB4AAAAQ4AN5Tg3gAAAQlSURBVHja7dyxTxNhGMfxp8TJlEBMCzHRENAg1diwGI2AgyQ4qK2TA4vUxCiJYUBiwl/AICwyyADaSHDUNgiJo1rQTRFNiUSII/YIWLvXBZC2V/q+d717nou/d4O+ffnk8m25a/vWlyfvjBoPWYEFFlhggQUWWGCBBRZYYIEFFlhggQUWWGDlYw2DDENp5iF2a+rjVj35znd5Ajs/QkTUr4Llz8BHRET1eID951i/l7A5ZAAsmkUGRIr/u6Rgt/FsAKzXsHieRQZoFs2iWTSLZoFFs8hAaTz3ULOxW/2eaTYWp4l+j2QQixOZaEViY3EiM63EZnespVqBze5ZS7TyMthnLdaKwxZYi7TSmi2yEk08FdtsiZV6b0vNwMQ6I7XZClZRzVaySmq2olVQBpWtcrAKVgGfNyB/joheL1e2imlWxSr2ssbMKhVrahV6DWZulXkNVsYqADurbOXHxpaVrUR53tFXelzLTyYPWZmxelZerKaVFatr5cRqWxmx+lY+rAUrG9aKlQtryZr3sXwnR+k1zOlvCnerkWGlKAnFmljVRo2HrAxY61b3sTasrmNLrWfEvndr8rpLVOp7tyqvEUnB2rS6ii1jFdlsueMqsVm7DbiJrYLVNewBVnHNPj7guIprdiBiuwEXM0hG7Fvde4AVaAusEp9n92kLj6vIc4M9rbUG3MXuai1b3T2RSUbMrFLPZ5MRk+Mq9rOIybEZG/d2+7JmkDyENRn4/Cz/ABbNIgM0i2bRLJpFs8CiWWSAZtEsmjUd7n/mO7PzTX3BwG6zOZHYjGFsrq59zfso76OuE4FWX5tWs+5hjcz3N4tL/35OETWcu3OqrV5eBhlj/OVG8S9/zc21xNelYTOLoynzW9Yu+WU1ayw8Wih/q3qybmDTQ/NVWslxrPHsYdXWchq7MvSWvIJ9f/8LeQWbvLtRzeUcPTdIVNfqKDYxWF2rk9jkoMY/py1ebGpUw0q/ebFPUjqzs6zYqdnqr+kUNj3+R2v+cU7s+A+9+UcYsSsLOa35jS2M2Ol1vfknLzJi5/SKpbMhPmwqqze/8Qrjs8EHQ2/+5U5G7Ce9CvzdAUasZgXXI8SITesVezPIidUbD24QJ9avM/leH7Fij2nM7RgI8mKb1A9ty0iIeLE9h5WDGQtprOvIrr9MWPGvdyZ0lnXmyAY61OZdHYlqrevMhsq0knY4rbeqU7tDXzVUpIYndRd1bCvrVAWtf/hdXgw2P9l8ALW2d8rCkg7uu02MlnsJuflCdzRgYUUnNwmnp+eXTA5qONzTGbC0oLM7mlMvfqaNfee2tcGjTe3XQlaXc3z7dWL183Y2S0S+2rq69taOgI213NkrnibabAvYXoZnY7vFgXfFgQUWWGCBBRZYYIEFFlhggQUWWGCBBRZYYIEFFliV8RcDg5MhdsE0SgAAAABJRU5ErkJggg==\""],"sourceRoot":""}