{"version":3,"sources":["webpack:///./src/components/Products/Indoor_Cameras/IN-6001/in6001-overview-card.jsx","webpack:///./src/components/Products/Indoor_Cameras/IN-6001/Radar_Graphs/in6001-radargraph-8015.jsx","webpack:///./src/components/Products/Indoor_Cameras/IN-6001/Radar_Graphs/in6001-radargraph-3011.jsx","webpack:///./src/components/Products/Indoor_Cameras/IN-6001/Radar_Graphs/in6001-radargraph-grid.jsx","webpack:///./src/pages/Indoor_Cameras/IN-6001_HD/index.jsx","webpack:///./src/components/Products/Usermanuals/CameraNightvision/nightvision-min-max-graph.jsx","webpack:///./src/components/Products/Usermanuals/CameraNightvision/nightvision-min-max-card.jsx","webpack:///./src/components/Products/Usermanuals/CameraAngleOfView/aov-graph.jsx","webpack:///./src/components/Products/Usermanuals/CameraAngleOfView/aov-card.jsx","webpack:///./node_modules/@material-ui/core/esm/CardActions/CardActions.js","webpack:///./node_modules/@material-ui/core/esm/Grid/Grid.js"],"names":["withStyles","card","maxWidth","imagebox","marginTop","button","float","background","color","boxShadow","props","classes","overviewImage","Card","className","CardContent","Typography","gutterBottom","variant","component","Button","style","textDecoration","href","target","rel","fluid","alt","CardActions","DATA","name","nightvision","megapixel","power","focal","irleds","FlexibleRadarChart","makeWidthFlexible","RadarChart","IN8015RadarIN6012","state","crosshairValues","render","Fragment","data","startingAngle","domains","domain","margin","left","right","width","height","React","Component","cardmedia","display","justifyContent","Grid","container","spacing","item","xs","md","seodata","SEOHelmet","title","description","image","location","id","pills","pill","link","file","childImageSharp","to","previousTitle","previousLink","nextTitle","nextLink","x","y","Example","onMouseLeave","setState","xType","stackBy","onNearestX","value","index","map","d","cluster","values","this","orientation","items","paddingTop","paddingBottom","paddingLeft","paddingRight","Paper","ref","_props$disableSpacing","disableSpacing","other","root","alignItems","padding","marginLeft","SPACINGS","GRID_SIZES","getOffset","val","div","arguments","length","undefined","parse","parseFloat","concat","String","replace","_props$alignContent","alignContent","_props$alignItems","classNameProp","_props$component","_props$container","_props$direction","direction","_props$item","_props$justify","justify","_props$lg","lg","_props$md","_props$sm","sm","_props$spacing","_props$wrap","wrap","_props$xl","xl","_props$xs","_props$zeroMinWidth","zeroMinWidth","StyledGrid","theme","boxSizing","flexWrap","minWidth","flexDirection","breakpoint","styles","forEach","themeSpacing","generateGutter","breakpoints","keys","reduce","accumulator","key","globalStyles","size","Math","round","flexBasis","flexGrow","up","generateGrid"],"mappings":"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","file":"component---src-pages-indoor-cameras-in-6001-hd-index-jsx-3f587dcc2ebde2eae47a.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport Img from 'gatsby-image'\n\nimport { withStyles } from '@material-ui/core/styles'\n\nimport Card from '@material-ui/core/Card'\nimport CardActions from '@material-ui/core/CardActions'\nimport CardContent from '@material-ui/core/CardContent'\nimport Button from '@material-ui/core/Button'\nimport Typography from '@material-ui/core/Typography'\n\nconst styles = {\n  card: {\n    maxWidth: 860\n  },\n  imagebox: {\n    marginTop: 15\n  },\n  button: {\n    float: 'right',\n    background: '#06d',\n    color: '#fff',\n    boxShadow: '0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12)',\n  }\n}\n\nfunction OverviewCard(props) {\n  const { classes, overviewImage } = props;\n  return (\n    <div>\n      <Card className={classes.card}>\n        <CardContent>\n          <Typography gutterBottom variant=\"h5\" component=\"h2\">\n            IN-6001HD\n          </Typography>\n          <Button variant=\"contained\" color=\"primary\" style={{ textDecoration: 'none', color: 'white' }}\n            className={classes.button} href=\"https://www.instar.de/ip-innenkameras-videoueberwachung-ueberwachungskameras-innenbereich-netzwerkkameras-sicherheitskameras-baby-fon-babymonitor/in-6001hd-serie-starre-ip-kamera-innenkamera-wlan-lan-netzwerkkamera-drahtlos-videoueberwachung-webcam-smarthome-kamera.html\" target=\"_blank\" rel=\"noopener noreferrer\">\n            Go to Shop\n          </Button>\n          <Typography component=\"p\">\n            Indoor surveillance in 720p resolution\n            </Typography>\n        </CardContent>\n        <CardContent className={classes.imagebox}>\n          <Img fluid={overviewImage} alt=\"INSTAR IN-6001 HD IP Camera\" />\n        </CardContent>\n        <CardActions>\n          <Typography component=\"p\">\n            <strong>1.)</strong> Photodiode for twilight switch, <strong>2.)</strong> Infrared LED´s for night vision, <strong>3.)</strong> Standard 8mm F/1.2 infrared lense, <strong>4.)</strong> Remote controlled camera head, <strong>5.)</strong> High quality ABS housing and Internal microphone, <strong>6.)</strong> SD card, <strong>7.)</strong> DC power supply connector, <strong>8.)</strong> WiFi antenna, <strong>9.)</strong> Camera Reset, <strong>10.)</strong> RJ45 Ethernet connector, <strong>11.)</strong> Audio In/Out for external Speaker and Microphones, <strong>12.)</strong> Alarm I/O connector for external devices\n          </Typography>\n        </CardActions>\n      </Card>\n    </div>\n  );\n}\n\nOverviewCard.propTypes = {\n  classes: PropTypes.object.isRequired,\n}\n\n// export default withRoot(withStyles(styles)(OverviewCard))\nexport default withStyles(styles)(OverviewCard)\n","import React from 'react'\nimport '../../../../../../node_modules/react-vis/dist/style.css'\nimport {\n  RadarChart,\n  makeWidthFlexible\n} from 'react-vis'\n\nconst DATA = [\n  { name: 'IN6001', nightvision: 7, megapixel: 1, power: 7, focal: 4.2, irleds: 4 },\n  { name: 'IN8015', nightvision: 10, megapixel: 2, power: 10, focal: 4.2, irleds: 12 }\n]\n\nconst FlexibleRadarChart = makeWidthFlexible(RadarChart)\n\nexport default class IN8015RadarIN6012 extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      crosshairValues: []\n    };\n  }\n\n  render() {\n    return (\n      <React.Fragment>\n\n        <div className=\"chart\">\n          <FlexibleRadarChart\n            data={DATA}\n            startingAngle={0}\n            domains={[\n              { name: 'focal', domain: [4, 5] },\n              { name: 'megapixel', domain: [1, 2] },\n              { name: 'power', domain: [6, 10] },\n              { name: 'nightvision', domain: [6, 10] },\n              { name: 'irleds', domain: [3, 12] }\n            ]}\n            margin={{\n              left: 50,\n              right: 50\n            }}\n            width={400}\n            height={275} />\n        </div>\n\n      </React.Fragment>\n    );\n  }\n}\n\n","import React from 'react'\nimport '../../../../../../node_modules/react-vis/dist/style.css'\nimport {\n  RadarChart,\n  makeWidthFlexible\n} from 'react-vis'\n\nconst DATA = [\n  { name: 'IN6001', nightvision: 7, megapixel: 1, power: 7, focal: 4.2, irleds: 4 },\n  { name: 'IN3011', nightvision: 12, megapixel: 0.3, power: 7.6, focal: 6, irleds: 10 }\n]\n\nconst FlexibleRadarChart = makeWidthFlexible(RadarChart)\n\nexport default class IN8015RadarIN6012 extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      crosshairValues: []\n    };\n  }\n\n  render() {\n    return (\n      <React.Fragment>\n\n        <div className=\"chart\">\n          <FlexibleRadarChart\n            data={DATA}\n            startingAngle={0}\n            domains={[\n              { name: 'focal', domain: [4, 6] },\n              { name: 'megapixel', domain: [0, 1] },\n              { name: 'power', domain: [6, 8] },\n              { name: 'nightvision', domain: [6, 12] },\n              { name: 'irleds', domain: [3, 10] }\n            ]}\n            margin={{\n              left: 50,\n              right: 50\n            }}\n            width={400}\n            height={275} />\n        </div>\n\n      </React.Fragment>\n    );\n  }\n}","import React from \"react\"\nimport PropTypes from 'prop-types'\n\nimport { withStyles } from '@material-ui/core/styles'\n// import withRoot from '../../../../../utils/withRoot'\nimport Grid from '@material-ui/core/Grid'\nimport Typography from '@material-ui/core/Typography'\n\nimport IN6001RadarIN8015 from \"./in6001-radargraph-8015\"\nimport IN6001RadarIN3011 from \"./in6001-radargraph-3011\"\n\nconst styles = {\n  cardmedia: {\n    height: 275,\n    display: 'flex',\n    justifyContent: 'center'\n  }\n}\n\nfunction IN6014RadarGrid(props) {\n  const { classes } = props;\n\n  return (\n    <Grid container spacing={10}>\n      <Grid item xs={12} md={6}>\n        <Typography variant=\"subtitle1\">\n          IN-6001HD vs IN-8015FHD\n        </Typography>\n        <div className={classes.cardmedia}>\n          <IN6001RadarIN8015 />\n        </div>\n      </Grid>\n      <Grid item xs={12} md={6}>\n        <Typography variant=\"subtitle1\">\n          IN-6001HD vs IN-3011\n        </Typography>\n        <div className={classes.cardmedia}>\n          <IN6001RadarIN3011 />\n        </div>\n      </Grid>\n    </Grid>\n  );\n}\n\nIN6014RadarGrid.propTypes = {\n  classes: PropTypes.object.isRequired,\n}\n\n// export default withRoot(withStyles(styles)(IN6014RadarGrid))\nexport default withStyles(styles)(IN6014RadarGrid)","import React from \"react\"\nimport { graphql } from 'gatsby'\nimport { Link } from 'gatsby'\n\nimport { OutboundLink } from 'gatsby-plugin-google-analytics'\n\nimport OverviewCard from \"../../../components/Products/Indoor_Cameras/IN-6001/in6001-overview-card\"\nimport IN6001RadarGrid from \"../../../components/Products/Indoor_Cameras/IN-6001/Radar_Graphs/in6001-radargraph-grid\"\nimport NightvisionCard from \"../../../components/Products/Usermanuals/CameraNightvision/nightvision-min-max-card\"\nimport AOVCard from \"../../../components/Products/Usermanuals/CameraAngleOfView/aov-card\"\n\nimport SEOHelmet from '../../../components/Layout/SEOHelmet'\nimport Footer from \"../../../components/Layout/footer\"\nimport BreadCrumbs from '../../../components/Layout/breadcrumbs/breadcrumbs'\n\nconst seodata = {\n  title: 'INSTAR IN-6001 HD',\n  description: 'The successor of the IN-3001 VGA camera - compact, inconspicuous, IR night vision capable with a video resolution of 720p HD and integrated SD card.',\n  image: '/images/Search/P_SearchThumb_IN-6001HD.png'\n}\n\nexport default ({ data }) => (\n  <React.Fragment>\n    <SEOHelmet title={seodata.title} description={seodata.description} image={seodata.image} location='/Indoor_Cameras/IN-6001_HD/' />\n    <h1 id=\"introduction\" style={{ marginTop: 0 }}>\n      Product Overview\n    </h1>\n\n    <BreadCrumbs\n      pills={\n        [\n          {\n            pill: \"Products\",\n            link: \"/fr/Products/\"\n          },\n          {\n            pill: \"Indoor Cameras\",\n            link: \"/fr/Indoor_Cameras/\"\n          },\n          {\n            pill: \"Usermanual\",\n            link: \"/fr/Indoor_Cameras/IN-6001_HD/Usermanual/\"\n          },\n          {\n            pill: \"Overview\",\n            link: \"/fr/Indoor_Cameras/IN-6001_HD/\"\n          },\n        ]\n      } />\n\n    <OverviewCard overviewImage={data.file.childImageSharp.fluid} />\n    <br />\n    <br />\n    <table>\n      <thead>\n        <tr>\n          <th>WiFi Variant</th>\n          <th>\n            <Link to=\"/Quick_Installation/Power_over_Ethernet/\">\n              PoE Variant\n            </Link>\n          </th>\n          <th>\n            <OutboundLink href=\"https://www.instar.de/tools/calc_lens\">Field of View</OutboundLink>\n          </th>\n          <th>Pan & Tilt</th>\n          <th>Zoom</th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr>\n          <td>\n            <OutboundLink href=\"https://www.instar.de/ip-innenkameras/in-6001hd-series/in-6001hd-white.html\">\n              White\n            </OutboundLink>{\" \"}\n            /{\" \"}\n            <OutboundLink href=\"https://www.instar.de/ip-innenkameras/in-6001hd-series/in-6001hd-black.html\">\n              Black\n            </OutboundLink>\n          </td>\n          <td>not available</td>\n          <td>approx. 90°</td>\n          <td>not available</td>\n          <td>digital</td>\n        </tr>\n      </tbody>\n    </table>\n    <br />\n    <p>\n      The IN-6001 HD is the smallest INSTAR HD 720p camera for indoor\n      surveillance inside your office or house. The camera can easily be\n      controlled through your smartphone from inside your network and also over\n      the internet. The camera can easily be connected to your network by using\n      its 108MBit (802.11b/g/n) Wi-Fi module (WPA/WPA2) or through the 100MBit\n      network interface to ensure a fluid video stream. The camera can also see\n      during the night thanks to 8 Infrared LEDs operating at a wavelength of\n      850nm. The max. indoor range for the cameras night vision is around 5-10\n      meters. The spiritual successor of the IN-3001 will bring you all the\n      features that you are used to from our VGA series, combined with a\n      superior resolution of 1280x720 Pixel and the possibility to record videos\n      on an integrated SD card. If an alarm is triggered the camera can send an\n      email to notify you. Each email also has 4 pictures attached. This way it\n      will be very easy to check quickly what caused the motion to make sure\n      your home is safe.\n    </p>\n    <br />\n    <NightvisionCard />\n    <h3>Hardware</h3>\n    <ul>\n      <li>\n        Wide Dynamic Range (WDR) 720p{\" \"}\n        <Link to=\"/Indoor_Cameras/IN-6001_HD/Technical_Specifications/\">\n          Omnivision CMOS Sensor\n        </Link>\n      </li>\n      <li>Automatic IRcut filter for natural colours</li>\n      <li>4 Infrared LEDs (850nm) for nightvision</li>\n      <li>2-Way audio via an integrated microphone and speakers</li>\n    </ul>\n    <h3>Network</h3>\n    <ul>\n      <li>\n        RJ-45 Ethernet port for an easy integration into your 100Mbit home\n        network\n      </li>\n      <li>\n        Compatible with{\" \"}\n        <Link to=\"/Quick_Installation/Set_Up_A_Wireless_Connection/\">\n          2.4 GHz WiFi\n        </Link>{\" \"}\n        IEEE 802.11 b/g/n up to 54Mbit networks with WEP, WPA and WPA2 security\n      </li>\n      <li>\n        <Link to=\"/Web_User_Interface/720p_Series/Network/IP_Configuration/\">\n          DHCP\n        </Link>{\" \"}\n        and <Link to=\"/Web_User_Interface/720p_Series/Network/UPnP/\">UPnP</Link>{\" \"}\n        support for an automatic network integration\n      </li>\n      <li>\n        Integrated personal, free{\" \"}\n        <Link to=\"/Internet_Access/The_DDNS_Service/\">\n          DDNS (&quot;Internet&quot;) Address\n        </Link>{\" \"}\n        and{\" \"}\n        <Link to=\"/Web_User_Interface/720p_Series/Network/P2P/\">\n          P2P User ID\n        </Link>{\" \"}\n        to access your camera through the Internet\n      </li>\n    </ul>\n    <h3>Software</h3>\n    <ul>\n      <li>\n        Free <Link to=\"/Software/Android/\">Android</Link>,{\" \"}\n        <Link to=\"/Software/iOS/\">iPhone</Link> and{\" \"}\n        <Link to=\"/Software/Windows/\">Windows Phone</Link> App\n      </li>\n      <li>\n        <Link to=\"/Web_User_Interface/720p_Series/\">Web user interface</Link>{\" \"}\n        allows an easy configuration and camera control through your default web\n        browser (Chrome, Safari, Firefox, Internet Explorer)\n      </li>\n      <li>\n        <Link to=\"/Web_User_Interface/720p_Series/System/User/\">\n          Multi user management\n        </Link>{\" \"}\n        and simultaneous login for 3 users\n      </li>\n      <li>\n        <Link to=\"/Web_User_Interface/720p_Series/Alarm/Areas/\">\n          Software-based motion\n        </Link>{\" \"}\n        detection and{\" \"}\n        <Link to=\"/Motion_Detection/Alarm_Notification/\">\n          email notification\n        </Link>{\" \"}\n        with attached snapshots\n      </li>\n      <li>\n        Record videos directly to an{\" \"}\n        <Link to=\"/Motion_Detection/SD_Card_Access/\">Internal SD Card</Link>\n      </li>\n    </ul>\n    <br />\n    <br />\n    <AOVCard />\n    <br />\n    <p>\n      The 1/3 inch WDR sensor is built on a 4.3 micron OmniPixel3-HS™ Pixel\n      enabling 720p HD at unparalleled low-light sensitivity and a dynamic range\n      in colour of 115 dB – compared to the 60 db of a regular VGA IP Camera.\n      WDR allows you to capture high detailed colour videos even in\n      high-contrast environmental lighting conditions.\n    </p>\n    <br />\n    <IN6001RadarGrid />\n    <br />\n    <br />\n    <Footer\n      previousTitle=\"Usermanual\"\n      previousLink=\"/fr/Indoor_Cameras/IN-6001_HD/Usermanual/\"\n      nextTitle=\"Technical Specifications\"\n      nextLink=\"/fr/Indoor_Cameras/IN-6001_HD/Technical_Specifications/\" />\n  </React.Fragment>\n)\n\nexport const query = graphql`\n  query {\n    file(relativePath: { eq: \"Indoor_Cameras/IN-6001_HD/IN-6001_Overview_width1650.png\" }) {\n      childImageSharp {\n        fluid(maxWidth: 695) {\n         ...GatsbyImageSharpFluid_withWebp_tracedSVG\n        }\n      }\n    }\n  }\n`;","import React from 'react'\nimport '../../../../../node_modules/react-vis/dist/style.css'\nimport {\n  FlexibleWidthXYPlot,\n  XAxis,\n  VerticalGridLines,\n  HorizontalGridLines,\n  VerticalBarSeries,\n  DiscreteColorLegend,\n  Crosshair\n} from 'react-vis'\n\nconst DATA = [\n  [\n    { x: 'IN-6001 HD', y: 5 },\n    { x: 'IN-6014 HD', y: 5 },\n    { x: 'IN-5905 HD', y: 12 },\n    { x: 'IN-5907 HD', y: 18 },\n    { x: 'IN-7011 HD', y: 8 },\n    { x: 'IN-8003 FHD', y: 8 },\n    { x: 'IN-8015 FHD', y: 5 },\n    { x: 'IN-9008 FHD', y: 12 },\n    { x: 'IN-9020 FHD', y: 15 }\n  ],\n  [\n    { x: 'IN-6001 HD', y: 7 },\n    { x: 'IN-6014 HD', y: 10 },\n    { x: 'IN-5905 HD', y: 20 },\n    { x: 'IN-5907 HD', y: 25 },\n    { x: 'IN-7011 HD', y: 12 },\n    { x: 'IN-8003 FHD', y: 12 },\n    { x: 'IN-8015 FHD', y: 10 },\n    { x: 'IN-9008 FHD', y: 20 },\n    { x: 'IN-9020 FHD', y: 25 }\n  ]\n];\n\nexport default class Example extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      crosshairValues: []\n    };\n  }\n\n  render() {\n    return (\n      <React.Fragment>\n\n        <div className=\"chart\">\n          <FlexibleWidthXYPlot\n            onMouseLeave={() => this.setState({ crosshairValues: [] })}\n            height={300}\n            xType=\"ordinal\"\n            stackBy=\"y\">\n            \n            <VerticalGridLines />\n\n            <HorizontalGridLines />\n\n            <XAxis />\n\n            <VerticalBarSeries\n              onNearestX={(value, { index }) =>\n                this.setState({ crosshairValues: DATA.map(d => d[index]) })}\n              cluster=\"nightvision\"\n              color=\"#1274d3\"\n              data={DATA[0]} />\n\n            <VerticalBarSeries\n              cluster=\"nightvision\"\n              color=\"#efac59\"\n              data={DATA[1]} />\n\n            <Crosshair values={this.state.crosshairValues} />\n\n          </FlexibleWidthXYPlot>\n        </div>\n\n        <div className=\"legend\">\n          <DiscreteColorLegend\n            orientation=\"horizontal\"\n            items={[\n              {\n                title: '[0] min [m]',\n                color: '#1274d3'\n              },\n              {\n                title: '[1] max [m]',\n                color: '#efac59'\n              }\n            ]}\n          />\n        </div>\n\n      </React.Fragment>\n    );\n  }\n}","import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport { withStyles } from '@material-ui/core/styles'\n// import withRoot from '../../../../utils/withRoot'\nimport Paper from '@material-ui/core/Paper'\nimport Typography from '@material-ui/core/Typography'\n\nimport PowerGraph from \"./nightvision-min-max-graph\"\n\nconst styles = {\n  container: {\n    paddingTop: 20,\n    paddingBottom: 10,\n    paddingLeft: 10,\n    paddingRight: 35\n  },\n};\n\nfunction PowerCard(props) {\n  const { classes } = props;\n  return (\n    <Paper>\n      <div className={classes.container}>\n        <Typography variant=\"h5\" >\n          Nightvision Distance\n        </Typography>\n        <br />\n        <PowerGraph />\n      </div>\n    </Paper>\n  );\n}\n\nPowerCard.propTypes = {\n  classes: PropTypes.object.isRequired,\n}\n\n// export default withRoot(withStyles(styles)(PowerCard))\nexport default withStyles(styles)(PowerCard)","import React from 'react'\nimport '../../../../../node_modules/react-vis/dist/style.css'\nimport {\n  FlexibleWidthXYPlot,\n  XAxis,\n  VerticalGridLines,\n  HorizontalGridLines,\n  VerticalBarSeries,\n  DiscreteColorLegend,\n  Crosshair\n} from 'react-vis'\n\nconst DATA = [\n  [\n    { x: 'IN-6001 HD', y: 75.3 },\n    { x: 'IN-6012 HD', y: 44.1 },\n    { x: 'IN-6014 HD', y: 75.3 },\n    { x: 'IN-5905 HD', y: 78.1 },\n    { x: 'IN-5907 HD', y: 44.1 },\n    { x: 'IN-7011 HD', y: 56.8 },\n    { x: 'IN-8003 FHD', y: 72.3 },\n    { x: 'IN-8015 FHD', y: 72.3 },\n    { x: 'IN-9008 FHD', y: 72.3 }\n  ],\n  [\n    { x: 'IN-6001 HD', y: 64 },\n    { x: 'IN-6012 HD', y: 37.5 },\n    { x: 'IN-6014 HD', y: 64 },\n    { x: 'IN-5905 HD', y: 66.3 },\n    { x: 'IN-5907 HD', y: 37.5 },\n    { x: 'IN-7011 HD', y: 48.2 },\n    { x: 'IN-8003 FHD', y: 61.4 },\n    { x: 'IN-8015 FHD', y: 61.4 },\n    { x: 'IN-9008 FHD', y: 61.4 }\n  ],\n  [\n    { x: 'IN-6001 HD', y: 39.7 },\n    { x: 'IN-6012 HD', y: 23.3 },\n    { x: 'IN-6014 HD', y: 39.7 },\n    { x: 'IN-5905 HD', y: 41.2 },\n    { x: 'IN-5907 HD', y: 23.3 },\n    { x: 'IN-7011 HD', y: 29.9 },\n    { x: 'IN-8003 FHD', y: 38.1 },\n    { x: 'IN-8015 FHD', y: 38.1 },\n    { x: 'IN-9008 FHD', y: 38.1 }\n  ]\n];\n\nexport default class Example extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      crosshairValues: []\n    };\n  }\n\n  render() {\n    return (\n      <React.Fragment>\n\n        <div className=\"chart\">\n          <FlexibleWidthXYPlot\n            onMouseLeave={() => this.setState({ crosshairValues: [] })}\n            height={300}\n            xType=\"ordinal\"\n            stackBy=\"y\">\n\n            <VerticalGridLines />\n\n            <HorizontalGridLines />\n\n            <XAxis />\n\n            <VerticalBarSeries\n              onNearestX={(value, { index }) =>\n                this.setState({ crosshairValues: DATA.map(d => d[index]) })}\n              cluster=\"aov\"\n              color=\"#1274d3\"\n              data={DATA[2]} />\n\n            <VerticalBarSeries\n              cluster=\"aov\"\n              color=\"#efac59\"\n              data={DATA[1]} />\n\n            <VerticalBarSeries\n              cluster=\"aov\"\n              color=\"#dd706e\"\n              data={DATA[0]} />\n\n            <Crosshair values={this.state.crosshairValues} />\n\n          </FlexibleWidthXYPlot>\n        </div>\n\n        <div className=\"legend\">\n          <DiscreteColorLegend\n            orientation=\"horizontal\"\n            items={[\n              {\n                title: '[0] diagonal [°]',\n                color: '#dd706e'\n              },\n              {\n                title: '[1] horizontal [°]',\n                color: '#efac59'\n              },\n              {\n                title: '[2] vertical [°]',\n                color: '#1274d3'\n              }\n            ]}\n          />\n        </div>\n\n      </React.Fragment>\n    );\n  }\n}","import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport { withStyles } from '@material-ui/core/styles'\n// import withRoot from '../../../../utils/withRoot'\nimport Paper from '@material-ui/core/Paper'\nimport Typography from '@material-ui/core/Typography'\n\nimport AOVGraph from \"./aov-graph\"\n\nconst styles = {\n  container: {\n    paddingTop: 20,\n    paddingBottom: 10,\n    paddingLeft: 10,\n    paddingRight: 35\n  },\n};\n\nfunction AOVCard(props) {\n  const { classes } = props;\n  return (\n    <Paper className={classes.container}>\n      <Typography variant=\"h5\">\n        Field of View\n      </Typography>\n      <br />\n      <AOVGraph />\n    </Paper>\n  );\n}\n\nAOVCard.propTypes = {\n  classes: PropTypes.object.isRequired,\n}\n\n// export default withRoot(withStyles(styles)(AOVCard))\nexport default withStyles(styles)(AOVCard)\n","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport withStyles from '../styles/withStyles';\nexport var styles = {\n  /* Styles applied to the root element. */\n  root: {\n    display: 'flex',\n    alignItems: 'center',\n    padding: 8\n  },\n\n  /* Styles applied to the root element if `disableSpacing={false}`. */\n  spacing: {\n    '& > :not(:first-child)': {\n      marginLeft: 8\n    }\n  }\n};\nvar CardActions = /*#__PURE__*/React.forwardRef(function CardActions(props, ref) {\n  var _props$disableSpacing = props.disableSpacing,\n      disableSpacing = _props$disableSpacing === void 0 ? false : _props$disableSpacing,\n      classes = props.classes,\n      className = props.className,\n      other = _objectWithoutProperties(props, [\"disableSpacing\", \"classes\", \"className\"]);\n\n  return /*#__PURE__*/React.createElement(\"div\", _extends({\n    className: clsx(classes.root, className, !disableSpacing && classes.spacing),\n    ref: ref\n  }, other));\n});\nprocess.env.NODE_ENV !== \"production\" ? void 0 : void 0;\nexport default withStyles(styles, {\n  name: 'MuiCardActions'\n})(CardActions);","import \"core-js/modules/es.array.reduce.js\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\"; // A grid component using the following libs as inspiration.\n//\n// For the implementation:\n// - https://getbootstrap.com/docs/4.3/layout/grid/\n// - https://github.com/kristoferjoseph/flexboxgrid/blob/master/src/css/flexboxgrid.css\n// - https://github.com/roylee0704/react-flexbox-grid\n// - https://material.angularjs.org/latest/layout/introduction\n//\n// Follow this flexbox Guide to better understand the underlying model:\n// - https://css-tricks.com/snippets/css/a-guide-to-flexbox/\n\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport withStyles from '../styles/withStyles';\nimport requirePropFactory from '../utils/requirePropFactory';\nvar SPACINGS = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];\nvar GRID_SIZES = ['auto', true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];\n\nfunction generateGrid(globalStyles, theme, breakpoint) {\n  var styles = {};\n  GRID_SIZES.forEach(function (size) {\n    var key = \"grid-\".concat(breakpoint, \"-\").concat(size);\n\n    if (size === true) {\n      // For the auto layouting\n      styles[key] = {\n        flexBasis: 0,\n        flexGrow: 1,\n        maxWidth: '100%'\n      };\n      return;\n    }\n\n    if (size === 'auto') {\n      styles[key] = {\n        flexBasis: 'auto',\n        flexGrow: 0,\n        maxWidth: 'none'\n      };\n      return;\n    } // Keep 7 significant numbers.\n\n\n    var width = \"\".concat(Math.round(size / 12 * 10e7) / 10e5, \"%\"); // Close to the bootstrap implementation:\n    // https://github.com/twbs/bootstrap/blob/8fccaa2439e97ec72a4b7dc42ccc1f649790adb0/scss/mixins/_grid.scss#L41\n\n    styles[key] = {\n      flexBasis: width,\n      flexGrow: 0,\n      maxWidth: width\n    };\n  }); // No need for a media query for the first size.\n\n  if (breakpoint === 'xs') {\n    _extends(globalStyles, styles);\n  } else {\n    globalStyles[theme.breakpoints.up(breakpoint)] = styles;\n  }\n}\n\nfunction getOffset(val) {\n  var div = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;\n  var parse = parseFloat(val);\n  return \"\".concat(parse / div).concat(String(val).replace(String(parse), '') || 'px');\n}\n\nfunction generateGutter(theme, breakpoint) {\n  var styles = {};\n  SPACINGS.forEach(function (spacing) {\n    var themeSpacing = theme.spacing(spacing);\n\n    if (themeSpacing === 0) {\n      return;\n    }\n\n    styles[\"spacing-\".concat(breakpoint, \"-\").concat(spacing)] = {\n      margin: \"-\".concat(getOffset(themeSpacing, 2)),\n      width: \"calc(100% + \".concat(getOffset(themeSpacing), \")\"),\n      '& > $item': {\n        padding: getOffset(themeSpacing, 2)\n      }\n    };\n  });\n  return styles;\n} // Default CSS values\n// flex: '0 1 auto',\n// flexDirection: 'row',\n// alignItems: 'flex-start',\n// flexWrap: 'nowrap',\n// justifyContent: 'flex-start',\n\n\nexport var styles = function styles(theme) {\n  return _extends({\n    /* Styles applied to the root element. */\n    root: {},\n\n    /* Styles applied to the root element if `container={true}`. */\n    container: {\n      boxSizing: 'border-box',\n      display: 'flex',\n      flexWrap: 'wrap',\n      width: '100%'\n    },\n\n    /* Styles applied to the root element if `item={true}`. */\n    item: {\n      boxSizing: 'border-box',\n      margin: '0' // For instance, it's useful when used with a `figure` element.\n\n    },\n\n    /* Styles applied to the root element if `zeroMinWidth={true}`. */\n    zeroMinWidth: {\n      minWidth: 0\n    },\n\n    /* Styles applied to the root element if `direction=\"column\"`. */\n    'direction-xs-column': {\n      flexDirection: 'column'\n    },\n\n    /* Styles applied to the root element if `direction=\"column-reverse\"`. */\n    'direction-xs-column-reverse': {\n      flexDirection: 'column-reverse'\n    },\n\n    /* Styles applied to the root element if `direction=\"row-reverse\"`. */\n    'direction-xs-row-reverse': {\n      flexDirection: 'row-reverse'\n    },\n\n    /* Styles applied to the root element if `wrap=\"nowrap\"`. */\n    'wrap-xs-nowrap': {\n      flexWrap: 'nowrap'\n    },\n\n    /* Styles applied to the root element if `wrap=\"reverse\"`. */\n    'wrap-xs-wrap-reverse': {\n      flexWrap: 'wrap-reverse'\n    },\n\n    /* Styles applied to the root element if `alignItems=\"center\"`. */\n    'align-items-xs-center': {\n      alignItems: 'center'\n    },\n\n    /* Styles applied to the root element if `alignItems=\"flex-start\"`. */\n    'align-items-xs-flex-start': {\n      alignItems: 'flex-start'\n    },\n\n    /* Styles applied to the root element if `alignItems=\"flex-end\"`. */\n    'align-items-xs-flex-end': {\n      alignItems: 'flex-end'\n    },\n\n    /* Styles applied to the root element if `alignItems=\"baseline\"`. */\n    'align-items-xs-baseline': {\n      alignItems: 'baseline'\n    },\n\n    /* Styles applied to the root element if `alignContent=\"center\"`. */\n    'align-content-xs-center': {\n      alignContent: 'center'\n    },\n\n    /* Styles applied to the root element if `alignContent=\"flex-start\"`. */\n    'align-content-xs-flex-start': {\n      alignContent: 'flex-start'\n    },\n\n    /* Styles applied to the root element if `alignContent=\"flex-end\"`. */\n    'align-content-xs-flex-end': {\n      alignContent: 'flex-end'\n    },\n\n    /* Styles applied to the root element if `alignContent=\"space-between\"`. */\n    'align-content-xs-space-between': {\n      alignContent: 'space-between'\n    },\n\n    /* Styles applied to the root element if `alignContent=\"space-around\"`. */\n    'align-content-xs-space-around': {\n      alignContent: 'space-around'\n    },\n\n    /* Styles applied to the root element if `justify=\"center\"`. */\n    'justify-xs-center': {\n      justifyContent: 'center'\n    },\n\n    /* Styles applied to the root element if `justify=\"flex-end\"`. */\n    'justify-xs-flex-end': {\n      justifyContent: 'flex-end'\n    },\n\n    /* Styles applied to the root element if `justify=\"space-between\"`. */\n    'justify-xs-space-between': {\n      justifyContent: 'space-between'\n    },\n\n    /* Styles applied to the root element if `justify=\"space-around\"`. */\n    'justify-xs-space-around': {\n      justifyContent: 'space-around'\n    },\n\n    /* Styles applied to the root element if `justify=\"space-evenly\"`. */\n    'justify-xs-space-evenly': {\n      justifyContent: 'space-evenly'\n    }\n  }, generateGutter(theme, 'xs'), theme.breakpoints.keys.reduce(function (accumulator, key) {\n    // Use side effect over immutability for better performance.\n    generateGrid(accumulator, theme, key);\n    return accumulator;\n  }, {}));\n};\nvar Grid = /*#__PURE__*/React.forwardRef(function Grid(props, ref) {\n  var _props$alignContent = props.alignContent,\n      alignContent = _props$alignContent === void 0 ? 'stretch' : _props$alignContent,\n      _props$alignItems = props.alignItems,\n      alignItems = _props$alignItems === void 0 ? 'stretch' : _props$alignItems,\n      classes = props.classes,\n      classNameProp = props.className,\n      _props$component = props.component,\n      Component = _props$component === void 0 ? 'div' : _props$component,\n      _props$container = props.container,\n      container = _props$container === void 0 ? false : _props$container,\n      _props$direction = props.direction,\n      direction = _props$direction === void 0 ? 'row' : _props$direction,\n      _props$item = props.item,\n      item = _props$item === void 0 ? false : _props$item,\n      _props$justify = props.justify,\n      justify = _props$justify === void 0 ? 'flex-start' : _props$justify,\n      _props$lg = props.lg,\n      lg = _props$lg === void 0 ? false : _props$lg,\n      _props$md = props.md,\n      md = _props$md === void 0 ? false : _props$md,\n      _props$sm = props.sm,\n      sm = _props$sm === void 0 ? false : _props$sm,\n      _props$spacing = props.spacing,\n      spacing = _props$spacing === void 0 ? 0 : _props$spacing,\n      _props$wrap = props.wrap,\n      wrap = _props$wrap === void 0 ? 'wrap' : _props$wrap,\n      _props$xl = props.xl,\n      xl = _props$xl === void 0 ? false : _props$xl,\n      _props$xs = props.xs,\n      xs = _props$xs === void 0 ? false : _props$xs,\n      _props$zeroMinWidth = props.zeroMinWidth,\n      zeroMinWidth = _props$zeroMinWidth === void 0 ? false : _props$zeroMinWidth,\n      other = _objectWithoutProperties(props, [\"alignContent\", \"alignItems\", \"classes\", \"className\", \"component\", \"container\", \"direction\", \"item\", \"justify\", \"lg\", \"md\", \"sm\", \"spacing\", \"wrap\", \"xl\", \"xs\", \"zeroMinWidth\"]);\n\n  var className = clsx(classes.root, classNameProp, container && [classes.container, spacing !== 0 && classes[\"spacing-xs-\".concat(String(spacing))]], item && classes.item, zeroMinWidth && classes.zeroMinWidth, direction !== 'row' && classes[\"direction-xs-\".concat(String(direction))], wrap !== 'wrap' && classes[\"wrap-xs-\".concat(String(wrap))], alignItems !== 'stretch' && classes[\"align-items-xs-\".concat(String(alignItems))], alignContent !== 'stretch' && classes[\"align-content-xs-\".concat(String(alignContent))], justify !== 'flex-start' && classes[\"justify-xs-\".concat(String(justify))], xs !== false && classes[\"grid-xs-\".concat(String(xs))], sm !== false && classes[\"grid-sm-\".concat(String(sm))], md !== false && classes[\"grid-md-\".concat(String(md))], lg !== false && classes[\"grid-lg-\".concat(String(lg))], xl !== false && classes[\"grid-xl-\".concat(String(xl))]);\n  return /*#__PURE__*/React.createElement(Component, _extends({\n    className: className,\n    ref: ref\n  }, other));\n});\nprocess.env.NODE_ENV !== \"production\" ? void 0 : void 0;\nvar StyledGrid = withStyles(styles, {\n  name: 'MuiGrid'\n})(Grid);\n\nif (process.env.NODE_ENV !== 'production') {\n  var requireProp = requirePropFactory('Grid');\n  StyledGrid.propTypes = _extends({}, StyledGrid.propTypes, {\n    alignContent: requireProp('container'),\n    alignItems: requireProp('container'),\n    direction: requireProp('container'),\n    justify: requireProp('container'),\n    lg: requireProp('item'),\n    md: requireProp('item'),\n    sm: requireProp('item'),\n    spacing: requireProp('container'),\n    wrap: requireProp('container'),\n    xs: requireProp('item'),\n    zeroMinWidth: requireProp('item')\n  });\n}\n\nexport default StyledGrid;"],"sourceRoot":""}