{"version":3,"sources":["webpack:///./node_modules/@material-ui/core/esm/Card/Card.js","webpack:///./src/assets/images/TOC_Icons/QL-Box_WebUI_1080p_Network_FTP.png","webpack:///./src/components/Web_User_Interface/1080p_Serie/Features/TocList.jsx","webpack:///./src/pages/Web_User_Interface/1080p_Series/Features.jsx","webpack:///./node_modules/@material-ui/core/esm/CardMedia/CardMedia.js","webpack:///./src/assets/images/TOC_Icons/QL-Box_WebUI_1080p_Features_SD_Card.png","webpack:///./src/assets/images/TOC_Icons/QL-Box_WebUI_1080p_Features_PTZ.png","webpack:///./src/assets/images/TOC_Icons/QL-Box_WebUI_1080p_System_Email.png","webpack:///./src/assets/images/TOC_Icons/QL-Box_WebUI_1080p_Features_PTZ_Tour.png","webpack:///./src/assets/images/TOC_Icons/QL-Box_WebUI_1080p_Features_Status_LED.png","webpack:///./src/assets/images/TOC_Icons/QL-Box_WebUI_1080p_Features_IR_LEDs.png","webpack:///./node_modules/@material-ui/core/esm/CardContent/CardContent.js"],"names":["Card","props","ref","classes","className","_props$raised","raised","other","root","elevation","overflow","name","module","exports","withStyles","card","display","marginBottom","cursor","details","flexDirection","content","flex","cover","minWidth","height","margin","onClick","navigate","role","tabIndex","onKeyDown","CardMedia","image","Email","title","CardContent","Typography","variant","color","FTPService","IRNightvision","PanTilt","PTTour","SDCard","StatusLED","seodata","FHDFeatures","Fragment","SEOHelmet","description","location","pathname","id","style","marginTop","pills","pill","link","TocList","previousTitle","previousLink","nextTitle","nextLink","MEDIA_COMPONENTS","children","_props$component","component","Component","src","isMediaComponent","indexOf","composedStyle","backgroundImage","concat","media","img","undefined","backgroundSize","backgroundRepeat","backgroundPosition","width","objectFit","padding","paddingBottom"],"mappings":"+FAAA,4EAYIA,EAAoB,cAAiB,SAAcC,EAAOC,GAC5D,IAAIC,EAAUF,EAAME,QAChBC,EAAYH,EAAMG,UAClBC,EAAgBJ,EAAMK,OACtBA,OAA2B,IAAlBD,GAAmCA,EAC5CE,EAAQ,YAAyBN,EAAO,CAAC,UAAW,YAAa,WAErE,OAAoB,gBAAoB,IAAO,YAAS,CACtDG,UAAW,YAAKD,EAAQK,KAAMJ,GAC9BK,UAAWH,EAAS,EAAI,EACxBJ,IAAKA,GACJK,OAGU,gBApBK,CAElBC,KAAM,CACJE,SAAU,WAiBoB,CAChCC,KAAM,WADO,CAEZX,I,uBC5BHY,EAAOC,QAAU,IAA0B,8E,iUC6L5BC,kBAzKA,CACbC,KAAM,CACJC,QAAS,OACTC,aAAc,GACdC,OAAQ,WAEVC,QAAS,CACPH,QAAS,OACTI,cAAe,UAEjBC,QAAS,CACPC,KAAM,YAERC,MAAO,CACLC,SAAU,GACVC,OAAQ,GACRC,OAAQ,qBAyJGZ,EArJf,SAAiBb,GAAQ,IACfE,EAAYF,EAAZE,QAER,OACE,6BACE,yBAAKwB,QAAS,kBAAMC,mBAAS,qDAAqDC,KAAK,SAASC,UAAW,EAAGC,UAAW,kBAAMH,mBAAS,sDACtI,kBAAC5B,EAAA,EAAD,CAAMI,UAAWD,EAAQY,MACvB,kBAACiB,EAAA,EAAD,CACE5B,UAAWD,EAAQoB,MACnBU,MAAOC,IACPC,MAAM,mBAER,yBAAK/B,UAAWD,EAAQgB,SACtB,kBAACiB,EAAA,EAAD,CAAahC,UAAWD,EAAQkB,SAC9B,kBAACgB,EAAA,EAAD,CAAYC,QAAQ,MAApB,kBACA,kBAACD,EAAA,EAAD,CAAYC,QAAQ,UAAUC,MAAM,iBAApC,sMAOR,yBAAKZ,QAAS,kBAAMC,mBAAS,mDAAmDC,KAAK,SAASC,UAAW,EAAGC,UAAW,kBAAMH,mBAAS,oDACpI,kBAAC5B,EAAA,EAAD,CAAMI,UAAWD,EAAQY,MACvB,kBAACiB,EAAA,EAAD,CACE5B,UAAWD,EAAQoB,MACnBU,MAAOO,IACPL,MAAM,iBAER,yBAAK/B,UAAWD,EAAQgB,SACtB,kBAACiB,EAAA,EAAD,CAAahC,UAAWD,EAAQkB,SAC9B,kBAACgB,EAAA,EAAD,CAAYC,QAAQ,MAApB,gBACA,kBAACD,EAAA,EAAD,CAAYC,QAAQ,UAAUC,MAAM,iBAApC,kKAOR,yBAAKZ,QAAS,kBAAMC,mBAAS,uDAAuDC,KAAK,SAASC,UAAW,EAAGC,UAAW,kBAAMH,mBAAS,wDACxI,kBAAC5B,EAAA,EAAD,CAAMI,UAAWD,EAAQY,MACvB,kBAACiB,EAAA,EAAD,CACE5B,UAAWD,EAAQoB,MACnBU,MAAOQ,IACPN,MAAM,mBAER,yBAAK/B,UAAWD,EAAQgB,SACtB,kBAACiB,EAAA,EAAD,CAAahC,UAAWD,EAAQkB,SAC9B,kBAACgB,EAAA,EAAD,CAAYC,QAAQ,MAApB,kBACA,kBAACD,EAAA,EAAD,CAAYC,QAAQ,UAAUC,MAAM,iBAApC,kMAOR,yBAAKZ,QAAS,kBAAMC,mBAAS,mDAAmDC,KAAK,SAASC,UAAW,EAAGC,UAAW,kBAAMH,mBAAS,oDACpI,kBAAC5B,EAAA,EAAD,CAAMI,UAAWD,EAAQY,MACvB,kBAACiB,EAAA,EAAD,CACE5B,UAAWD,EAAQoB,MACnBU,MAAOS,IACPP,MAAM,eAER,yBAAK/B,UAAWD,EAAQgB,SACtB,kBAACiB,EAAA,EAAD,CAAahC,UAAWD,EAAQkB,SAC9B,kBAACgB,EAAA,EAAD,CAAYC,QAAQ,MAApB,cACA,kBAACD,EAAA,EAAD,CAAYC,QAAQ,UAAUC,MAAM,iBAApC,qLAOR,yBAAKZ,QAAS,kBAAMC,mBAAS,wDAAwDC,KAAK,SAASC,UAAW,EAAGC,UAAW,kBAAMH,mBAAS,yDACzI,kBAAC5B,EAAA,EAAD,CAAMI,UAAWD,EAAQY,MACvB,kBAACiB,EAAA,EAAD,CACE5B,UAAWD,EAAQoB,MACnBU,MAAOU,IACPR,MAAM,oBAER,yBAAK/B,UAAWD,EAAQgB,SACtB,kBAACiB,EAAA,EAAD,CAAahC,UAAWD,EAAQkB,SAC9B,kBAACgB,EAAA,EAAD,CAAYC,QAAQ,MAApB,mBACA,kBAACD,EAAA,EAAD,CAAYC,QAAQ,UAAUC,MAAM,iBAApC,qLAOR,yBAAKZ,QAAS,kBAAMC,mBAAS,uDAAuDC,KAAK,SAASC,UAAW,EAAGC,UAAW,kBAAMH,mBAAS,wDACxI,kBAAC5B,EAAA,EAAD,CAAMI,UAAWD,EAAQY,MACvB,kBAACiB,EAAA,EAAD,CACE5B,UAAWD,EAAQoB,MACnBU,MAAOW,IACPT,MAAM,YAER,yBAAK/B,UAAWD,EAAQgB,SACtB,kBAACiB,EAAA,EAAD,CAAahC,UAAWD,EAAQkB,SAC9B,kBAACgB,EAAA,EAAD,CAAYC,QAAQ,MAApB,WACA,kBAACD,EAAA,EAAD,CAAYC,QAAQ,UAAUC,MAAM,iBAApC,sKAOR,yBAAKZ,QAAS,kBAAMC,mBAAS,0DAA0DC,KAAK,SAASC,UAAW,EAAGC,UAAW,kBAAMH,mBAAS,2DAC3I,kBAAC5B,EAAA,EAAD,CAAMI,UAAWD,EAAQY,MACvB,kBAACiB,EAAA,EAAD,CACE5B,UAAWD,EAAQoB,MACnBU,MAAOY,IACPV,MAAM,eAER,yBAAK/B,UAAWD,EAAQgB,SACtB,kBAACiB,EAAA,EAAD,CAAahC,UAAWD,EAAQkB,SAC9B,kBAACgB,EAAA,EAAD,CAAYC,QAAQ,MAApB,cACA,kBAACD,EAAA,EAAD,CAAYC,QAAQ,UAAUC,MAAM,iBAApC,iMCtJRO,EACG,qDADHA,EAES,0HAFTA,EAGG,gDA6CMC,UA1CK,SAAC9C,GAAD,OAClB,kBAAC,IAAM+C,SAAP,KACE,kBAACC,EAAA,EAAD,CAAWd,MAAOW,EAAeI,YAAaJ,EAAqBb,MAAOa,EAAeK,SAAUlD,EAAMkD,SAASC,WAClH,wBAAIC,GAAG,eAAeC,MAAO,CAAEC,UAAW,IAA1C,4BAIA,kBAAC,IAAD,CACEC,MACE,CACE,CACEC,KAAM,WACNC,KAAM,iBAER,CACED,KAAM,gBACNC,KAAM,iDAER,CACED,KAAM,eACNC,KAAM,wCAER,CACED,KAAM,WACNC,KAAM,oDAKd,6CACA,6BACA,kBAACC,EAAD,MACA,6BACA,6BACA,kBAAC,IAAD,CACEC,cAAc,cACdC,aAAa,uCACbC,UAAU,aACVC,SAAS,kD,kCCnDf,gEA0BIC,EAAmB,CAAC,QAAS,QAAS,UAAW,SAAU,OAC3DhC,EAAyB,cAAiB,SAAmB/B,EAAOC,GACtE,IAAI+D,EAAWhE,EAAMgE,SACjB9D,EAAUF,EAAME,QAChBC,EAAYH,EAAMG,UAClB8D,EAAmBjE,EAAMkE,UACzBC,OAAiC,IAArBF,EAA8B,MAAQA,EAClDjC,EAAQhC,EAAMgC,MACdoC,EAAMpE,EAAMoE,IACZf,EAAQrD,EAAMqD,MACd/C,EAAQ,YAAyBN,EAAO,CAAC,WAAY,UAAW,YAAa,YAAa,QAAS,MAAO,UAE1GqE,GAA4D,IAAzCN,EAAiBO,QAAQH,GAC5CI,GAAiBF,GAAoBrC,EAAQ,YAAS,CACxDwC,gBAAiB,QAASC,OAAOzC,EAAO,OACvCqB,GAASA,EACZ,OAAoB,gBAAoBc,EAAW,YAAS,CAC1DhE,UAAW,YAAKD,EAAQK,KAAMJ,EAAWkE,GAAoBnE,EAAQwE,OAA6C,IAAtC,cAAcJ,QAAQH,IAAqBjE,EAAQyE,KAC/H1E,IAAKA,EACLoD,MAAOkB,EACPH,IAAKC,EAAmBrC,GAASoC,OAAMQ,GACtCtE,GAAQ0D,MAGE,gBA5CK,CAElBzD,KAAM,CACJQ,QAAS,QACT8D,eAAgB,QAChBC,iBAAkB,YAClBC,mBAAoB,UAItBL,MAAO,CACLM,MAAO,QAITL,IAAK,CAEHM,UAAW,UA2BmB,CAChCvE,KAAM,gBADO,CAEZqB,I,uBCpDHpB,EAAOC,QAAU,IAA0B,mF,qBCA3CD,EAAOC,QAAU,IAA0B,+E,qBCA3CD,EAAOC,QAAU,IAA0B,+E,qBCA3CD,EAAOC,QAAU,IAA0B,oF,qBCA3CD,EAAOC,QAAU,IAA0B,sF,qBCA3CD,EAAOC,QAAU,IAA0B,mF,oCCA3C,gEAcIuB,EAA2B,cAAiB,SAAqBnC,EAAOC,GAC1E,IAAIC,EAAUF,EAAME,QAChBC,EAAYH,EAAMG,UAClB8D,EAAmBjE,EAAMkE,UACzBC,OAAiC,IAArBF,EAA8B,MAAQA,EAClD3D,EAAQ,YAAyBN,EAAO,CAAC,UAAW,YAAa,cAErE,OAAoB,gBAAoBmE,EAAW,YAAS,CAC1DhE,UAAW,YAAKD,EAAQK,KAAMJ,GAC9BF,IAAKA,GACJK,OAGU,gBAtBK,CAElBC,KAAM,CACJ2E,QAAS,GACT,eAAgB,CACdC,cAAe,MAiBa,CAChCzE,KAAM,kBADO,CAEZyB","file":"component---src-pages-web-user-interface-1080-p-series-features-jsx-0fe0e039eda95eb9b87f.js","sourcesContent":["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 Paper from '../Paper';\nimport withStyles from '../styles/withStyles';\nexport var styles = {\n  /* Styles applied to the root element. */\n  root: {\n    overflow: 'hidden'\n  }\n};\nvar Card = /*#__PURE__*/React.forwardRef(function Card(props, ref) {\n  var classes = props.classes,\n      className = props.className,\n      _props$raised = props.raised,\n      raised = _props$raised === void 0 ? false : _props$raised,\n      other = _objectWithoutProperties(props, [\"classes\", \"className\", \"raised\"]);\n\n  return /*#__PURE__*/React.createElement(Paper, _extends({\n    className: clsx(classes.root, className),\n    elevation: raised ? 8 : 1,\n    ref: ref\n  }, other));\n});\nprocess.env.NODE_ENV !== \"production\" ? void 0 : void 0;\nexport default withStyles(styles, {\n  name: 'MuiCard'\n})(Card);","module.exports = __webpack_public_path__ + \"static/QL-Box_WebUI_1080p_Network_FTP-daa1564741612461089ad9549b863f90.png\";","import React from 'react'\nimport { navigate } from 'gatsby'\nimport PropTypes from 'prop-types'\n\nimport { withStyles } from '@material-ui/core/styles'\n\nimport Card from '@material-ui/core/Card'\nimport CardContent from '@material-ui/core/CardContent'\nimport CardMedia from '@material-ui/core/CardMedia'\nimport Typography from '@material-ui/core/Typography'\n\nimport Email from \"../../../../assets/images/TOC_Icons/QL-Box_WebUI_1080p_System_Email.png\"\nimport FTPService from \"../../../../assets/images/TOC_Icons/QL-Box_WebUI_1080p_Network_FTP.png\"\nimport IRNightvision from \"../../../../assets/images/TOC_Icons/QL-Box_WebUI_1080p_Features_IR_LEDs.png\"\nimport PanTilt from \"../../../../assets/images/TOC_Icons/QL-Box_WebUI_1080p_Features_PTZ.png\"\nimport PTTour from \"../../../../assets/images/TOC_Icons/QL-Box_WebUI_1080p_Features_PTZ_Tour.png\"\n// import ManRecording from \"../../../../assets/images/TOC_Icons/QL-Box_WebUI_1080p_Multimedia_Video.png\"\nimport SDCard from \"../../../../assets/images/TOC_Icons/QL-Box_WebUI_1080p_Features_SD_Card.png\"\nimport StatusLED from \"../../../../assets/images/TOC_Icons/QL-Box_WebUI_1080p_Features_Status_LED.png\"\n\nconst styles = {\n  card: {\n    display: 'flex',\n    marginBottom: 10,\n    cursor: 'pointer',\n  },\n  details: {\n    display: 'flex',\n    flexDirection: 'column',\n  },\n  content: {\n    flex: '1 0 auto',\n  },\n  cover: {\n    minWidth: 75,\n    height: 75,\n    margin: '20px 10px 0 10px'\n  },\n}\n\nfunction TOCList(props) {\n  const { classes } = props;\n\n  return (\n    <div>\n      <div onClick={() => navigate('/Web_User_Interface/1080p_Series/Features/Email/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/Web_User_Interface/1080p_Series/Features/Email/')}>\n        <Card className={classes.card}>\n          <CardMedia\n            className={classes.cover}\n            image={Email}\n            title=\"Email Settings\"\n          />\n          <div className={classes.details}>\n            <CardContent className={classes.content}>\n              <Typography variant=\"h6\">Email Settings</Typography>\n              <Typography variant=\"caption\" color=\"textSecondary\">\n                Here you need to input the sender, the receivers, the subject as well as optional a short email text with a maximum 64 characters. The sender address should be in accordance with the SMTP...\n              </Typography>\n            </CardContent>\n          </div>\n        </Card>\n      </div>\n      <div onClick={() => navigate('/Web_User_Interface/1080p_Series/Features/FTP/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/Web_User_Interface/1080p_Series/Features/FTP/')}>\n        <Card className={classes.card}>\n          <CardMedia\n            className={classes.cover}\n            image={FTPService}\n            title=\"FTP Settings\"\n          />\n          <div className={classes.details}>\n            <CardContent className={classes.content}>\n              <Typography variant=\"h6\">FTP Settings</Typography>\n              <Typography variant=\"caption\" color=\"textSecondary\">\n                To use the video FTP Upload, you first have to set your ftp server address and login credentials.E.g.you can use your routers FTP service as FTP Server...\n              </Typography>\n            </CardContent>\n          </div>\n        </Card>\n      </div>\n      <div onClick={() => navigate('/Web_User_Interface/1080p_Series/Features/IR_LEDs/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/Web_User_Interface/1080p_Series/Features/IR_LEDs/')}>\n        <Card className={classes.card}>\n          <CardMedia\n            className={classes.cover}\n            image={IRNightvision}\n            title=\"IR Nightvision\"\n          />\n          <div className={classes.details}>\n            <CardContent className={classes.content}>\n              <Typography variant=\"h6\">IR Nightvision</Typography>\n              <Typography variant=\"caption\" color=\"textSecondary\">\n                Your camera´s IR LEDs are switched on and off automatically by the internal light sensor. If you want to use your camera behind a highly reflective window or you are using your camera...\n              </Typography>\n            </CardContent>\n          </div>\n        </Card>\n      </div>\n      <div onClick={() => navigate('/Web_User_Interface/1080p_Series/Features/PTZ/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/Web_User_Interface/1080p_Series/Features/PTZ/')}>\n        <Card className={classes.card}>\n          <CardMedia\n            className={classes.cover}\n            image={PanTilt}\n            title=\"Pan & Tilt\"\n          />\n          <div className={classes.details}>\n            <CardContent className={classes.content}>\n              <Typography variant=\"h6\">Pan & Tilt</Typography>\n              <Typography variant=\"caption\" color=\"textSecondary\">\n                Deactivate your camera´s calibration run at start-up (will also deactivate the saved positions). Let your camera go to a saved position after a restart or limit the range...\n              </Typography>\n            </CardContent>\n          </div>\n        </Card>\n      </div>\n      <div onClick={() => navigate('/Web_User_Interface/1080p_Series/Features/PTZ_Tour/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/Web_User_Interface/1080p_Series/Features/PTZ_Tour/')}>\n        <Card className={classes.card}>\n          <CardMedia\n            className={classes.cover}\n            image={PTTour}\n            title=\"Pan & Tilt Tour\"\n        />\n          <div className={classes.details}>\n            <CardContent className={classes.content}>\n              <Typography variant=\"h6\">Pan & Tilt Tour</Typography>\n              <Typography variant=\"caption\" color=\"textSecondary\">\n                Deactivate your camera´s calibration run at start-up (will also deactivate the saved positions). Let your camera go to a saved position after a restart or limit the range...\n              </Typography>\n            </CardContent>\n          </div>\n        </Card>\n      </div>\n      <div onClick={() => navigate('/Web_User_Interface/1080p_Series/Features/SD_Card/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/Web_User_Interface/1080p_Series/Features/SD_Card/')}>\n        <Card className={classes.card}>\n          <CardMedia\n            className={classes.cover}\n            image={SDCard}\n            title=\"SD Card\"\n          />\n          <div className={classes.details}>\n            <CardContent className={classes.content}>\n              <Typography variant=\"h6\">SD Card</Typography>\n              <Typography variant=\"caption\" color=\"textSecondary\">\n                Please check the corresponding box and click submit to either format or unmount your SD card. Your SD card might be unavailable after an unexpected restart...\n              </Typography>\n            </CardContent>\n          </div>\n        </Card>\n      </div>\n      <div onClick={() => navigate('/Web_User_Interface/1080p_Series/Features/Status_LED/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/Web_User_Interface/1080p_Series/Features/Status_LED/')}>\n        <Card className={classes.card}>\n          <CardMedia\n            className={classes.cover}\n            image={StatusLED}\n            title=\"Status LED\"\n          />\n          <div className={classes.details}>\n            <CardContent className={classes.content}>\n              <Typography variant=\"h6\">Status LED</Typography>\n              <Typography variant=\"caption\" color=\"textSecondary\">\n                Did you notice the blue and blinking LED on the camera? It can be very annoying in a dark room. But it can be used to troubleshoot your network connection or to make people aware...\n              </Typography>\n            </CardContent>\n          </div>\n        </Card>\n      </div>\n      {/* <div onClick={() => navigate('/Web_User_Interface/1080p_Series/Features/Manual_Recording/')}>\n        <Card className={classes.card}>\n          <CardMedia\n            className={classes.cover}\n            image={ManRecording}\n            title=\"Manual Recording\"\n          />\n          <div className={classes.details}>\n            <CardContent className={classes.content}>\n              <Typography variant=\"h6\">Manual Recording</Typography>\n              <Typography variant=\"caption\" color=\"textSecondary\">\n                Manual Recording Configuration\n              </Typography>\n            </CardContent>\n          </div>\n        </Card>\n      </div> */}\n    </div>\n  );\n}\n\nTOCList.propTypes = {\n  classes: PropTypes.object.isRequired,\n}\n\nexport default withStyles(styles)(TOCList)","import React from 'react'\n\nimport SEOHelmet from '../../../components/Layout/SEOHelmet'\nimport Footer from \"../../../components/Layout/footer\"\nimport BreadCrumbs from '../../../components/Layout/breadcrumbs/breadcrumbs'\nimport TocList from '../../../components/Web_User_Interface/1080p_Serie/Features/TocList'\n\nconst seodata = {\n  title: 'Features Menu :: INSTAR Full HD Web User Interface',\n  description: 'Change your camera´s System settings, adjust the status and IR LEDs or the Pan, Tilt and Zoom behaviour of your camera.',\n  image: '/images/Search/QI_SearchThumb_WebUI_1080p.png'\n};\n\nconst FHDFeatures = (props) => (\n  <React.Fragment>\n    <SEOHelmet title={seodata.title} description={seodata.description} image={seodata.image} location={props.location.pathname} />\n    <h1 id=\"introduction\" style={{ marginTop: 0 }}>\n      1080p Web User Interface\n    </h1>\n\n    <BreadCrumbs\n      pills={\n        [\n          {\n            pill: \"Software\",\n            link: \"/fr/Software/\"\n          },\n          {\n            pill: \"Web Interface\",\n            link: \"/fr/Web_User_Interface/1080p_Series/Overview/\"\n          },\n          {\n            pill: \"1080p Series\",\n            link: \"/fr/Web_User_Interface/1080p_Series/\"\n          },\n          {\n            pill: \"Features\",\n            link: \"/fr/Web_User_Interface/1080p_Series/Features/\"\n          },\n        ]\n      } />\n\n    <h2>Features Menu</h2>\n    <br />\n    <TocList />\n    <br />\n    <br />\n    <Footer\n      previousTitle=\"1080p WebUI\"\n      previousLink=\"/fr/Web_User_Interface/1080p_Series/\"\n      nextTitle=\"Alarm Menu\"\n      nextLink=\"/fr/Web_User_Interface/1080p_Series/Alarm/\" />\n  </React.Fragment>\n)\n\nexport default FHDFeatures","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 { chainPropTypes } from '@material-ui/utils';\nimport withStyles from '../styles/withStyles';\nexport var styles = {\n  /* Styles applied to the root element. */\n  root: {\n    display: 'block',\n    backgroundSize: 'cover',\n    backgroundRepeat: 'no-repeat',\n    backgroundPosition: 'center'\n  },\n\n  /* Styles applied to the root element if `component=\"video, audio, picture, iframe, or img\"`. */\n  media: {\n    width: '100%'\n  },\n\n  /* Styles applied to the root element if `component=\"picture or img\"`. */\n  img: {\n    // ⚠️ object-fit is not supported by IE 11.\n    objectFit: 'cover'\n  }\n};\nvar MEDIA_COMPONENTS = ['video', 'audio', 'picture', 'iframe', 'img'];\nvar CardMedia = /*#__PURE__*/React.forwardRef(function CardMedia(props, ref) {\n  var children = props.children,\n      classes = props.classes,\n      className = props.className,\n      _props$component = props.component,\n      Component = _props$component === void 0 ? 'div' : _props$component,\n      image = props.image,\n      src = props.src,\n      style = props.style,\n      other = _objectWithoutProperties(props, [\"children\", \"classes\", \"className\", \"component\", \"image\", \"src\", \"style\"]);\n\n  var isMediaComponent = MEDIA_COMPONENTS.indexOf(Component) !== -1;\n  var composedStyle = !isMediaComponent && image ? _extends({\n    backgroundImage: \"url(\\\"\".concat(image, \"\\\")\")\n  }, style) : style;\n  return /*#__PURE__*/React.createElement(Component, _extends({\n    className: clsx(classes.root, className, isMediaComponent && classes.media, \"picture img\".indexOf(Component) !== -1 && classes.img),\n    ref: ref,\n    style: composedStyle,\n    src: isMediaComponent ? image || src : undefined\n  }, other), children);\n});\nprocess.env.NODE_ENV !== \"production\" ? void 0 : void 0;\nexport default withStyles(styles, {\n  name: 'MuiCardMedia'\n})(CardMedia);","module.exports = __webpack_public_path__ + \"static/QL-Box_WebUI_1080p_Features_SD_Card-1850f826bddf8fd9972f8074663fea51.png\";","module.exports = __webpack_public_path__ + \"static/QL-Box_WebUI_1080p_Features_PTZ-ea0d53e51e8152a8e3cb36e91f3e3e0d.png\";","module.exports = __webpack_public_path__ + \"static/QL-Box_WebUI_1080p_System_Email-2b5f7fe190342646ee25b2896355b8db.png\";","module.exports = __webpack_public_path__ + \"static/QL-Box_WebUI_1080p_Features_PTZ_Tour-e9787ebfdfd691dc7450ee011b3fc837.png\";","module.exports = __webpack_public_path__ + \"static/QL-Box_WebUI_1080p_Features_Status_LED-2b0a51820ebd8aeb98f170a79c85836f.png\";","module.exports = __webpack_public_path__ + \"static/QL-Box_WebUI_1080p_Features_IR_LEDs-13c1c90ccf9680c9a12afdbfba46fdc3.png\";","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    padding: 16,\n    '&:last-child': {\n      paddingBottom: 24\n    }\n  }\n};\nvar CardContent = /*#__PURE__*/React.forwardRef(function CardContent(props, ref) {\n  var classes = props.classes,\n      className = props.className,\n      _props$component = props.component,\n      Component = _props$component === void 0 ? 'div' : _props$component,\n      other = _objectWithoutProperties(props, [\"classes\", \"className\", \"component\"]);\n\n  return /*#__PURE__*/React.createElement(Component, _extends({\n    className: clsx(classes.root, className),\n    ref: ref\n  }, other));\n});\nprocess.env.NODE_ENV !== \"production\" ? void 0 : void 0;\nexport default withStyles(styles, {\n  name: 'MuiCardContent'\n})(CardContent);"],"sourceRoot":""}