{"version":3,"sources":["webpack:///./node_modules/@material-ui/core/esm/Card/Card.js","webpack:///./src/assets/images/Software/Amazon_app_store.png","webpack:///./src/assets/images/TOC_Icons/QL-Box_iOS_InstarVision_DDNS.png","webpack:///./src/assets/images/TOC_Icons/QL-Box_iOS_InstarVision_Advanced.png","webpack:///./node_modules/@material-ui/core/esm/CardMedia/CardMedia.js","webpack:///./src/assets/images/TOC_Icons/QL-Box_iOS_InstarVision_Recording.png","webpack:///./src/assets/images/Software/Qrcode_Android-AppStore.png","webpack:///./src/assets/images/TOC_Icons/QL-Box_iOS_InstarVision_P2P.png","webpack:///./src/components/Products/Software/TocList-Software-InstarVision-Android.jsx","webpack:///./src/components/Products/Software/TocList-Software-InstarVision-Android-QR.jsx","webpack:///./src/pages/Software/Android/InstarVision/index.jsx","webpack:///./src/assets/images/TOC_Icons/QL-Box_iOS_InstarVision_Settings.png","webpack:///./src/assets/images/TOC_Icons/QL-Box_iOS_InstarVision_Multiview.png","webpack:///./node_modules/@material-ui/core/esm/CardActions/CardActions.js","webpack:///./node_modules/@material-ui/core/esm/CardContent/CardContent.js","webpack:///./node_modules/@material-ui/core/esm/Grid/Grid.js"],"names":["Card","props","ref","classes","className","_props$raised","raised","other","root","elevation","overflow","name","module","exports","MEDIA_COMPONENTS","CardMedia","children","_props$component","component","Component","image","src","style","isMediaComponent","indexOf","composedStyle","backgroundImage","concat","media","img","undefined","display","backgroundSize","backgroundRepeat","backgroundPosition","width","objectFit","withStyles","card","marginBottom","cursor","details","flexDirection","content","flex","cover","minWidth","height","margin","onClick","navigate","role","tabIndex","onKeyDown","DDNS","title","CardContent","Typography","variant","color","P2P","Multiview","Advanced","Recording","Settings","buttonstyle","background","presets","brand","veryLightGrey","boxShadow","flexGrow","maxWidth","Grid","container","spacing","item","xs","sm","QR","gutterBottom","CardActions","Button","href","target","size","Amazon","seodata","IVAndroid","Fragment","SEOHelmet","description","location","pathname","pills","pill","link","rel","previousTitle","previousLink","nextTitle","nextLink","_props$disableSpacing","disableSpacing","alignItems","padding","marginLeft","paddingBottom","SPACINGS","GRID_SIZES","getOffset","val","div","arguments","length","parse","parseFloat","String","replace","_props$alignContent","alignContent","_props$alignItems","classNameProp","_props$container","_props$direction","direction","_props$item","_props$justify","justify","_props$lg","lg","_props$md","md","_props$sm","_props$spacing","_props$wrap","wrap","_props$xl","xl","_props$xs","_props$zeroMinWidth","zeroMinWidth","StyledGrid","theme","boxSizing","flexWrap","justifyContent","breakpoint","styles","forEach","themeSpacing","generateGutter","breakpoints","keys","reduce","accumulator","key","globalStyles","Math","round","flexBasis","up","generateGrid"],"mappings":"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","file":"component---src-pages-software-android-instar-vision-index-jsx-d72f71ed57c3b89c667c.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/Amazon_app_store-8044cc002f2bccd7d832c370dc95d762.png\";","module.exports = __webpack_public_path__ + \"static/QL-Box_iOS_InstarVision_DDNS-e9004a5a1d6904e2b75b7a4849d2f352.png\";","module.exports = __webpack_public_path__ + \"static/QL-Box_iOS_InstarVision_Advanced-5a17499d895d7fa6e5fd5e6096b80912.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 { 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_iOS_InstarVision_Recording-73ce9869d1861feb1d7fb440d927ba1d.png\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAH0AQMAAADxGE3JAAAABlBMVEX///8AAABVwtN+AAAC40lEQVR4nO3cS5LaMBCAYU3NgiVH4Cg+mn00H4UjsGRBTQepH24bMiE2iZOqvxcURvrEqtGjjUshCGK/+JQUY72+ts/ldn/pcmNr6BfXeDx+k794Kh7vvn18ur+2a5Hh435dGyx68XcfeDz+Hb7TbDxq/tYY0sCH9okldi/eA4/H/2teNP+HIhZfzY96fcbj8X/Qt3yt3Wz9e+8mrcer+Y/H43/PW7T8vTVfPH8HbRCxhl+un/F4/N/0KcK3NL9o/l/zwH3qjcfjN/rnYdPsWNNU5982H78ceDz+FR/5e9Vpsoal6aUNNC2Mi25Mb+26/8Lj8Vu9Llt7nQ1jm1mifunnP9P+s5TiO1Y8Hr+r1/1ny+ajdzv5D8FYItp4tcEm5un3A4/Hr/URBz0IivpljS6d/3j4xrTg8fjt/qjbTF3/Wv5O7MsGtvy1wuaYvhiPx+/nLc1T/p8X9U/xgWP9W3zFjMfjN/k4HbL8rb7M0rQ11GiJnVbMeDx+k//0Y1o9rxWxNJ3yVw+GRCRubC9p/YvH47f5p9NkpOnBB67R1q/L/MXj8fv4x22m3n/n4QO3OOv6N1Vc8Hj8Jl+j1/ZRr04i3i2+IRqs47x+gsfj1/j4N4hOi9Zt8IWxRSfT+3n9BI/H7+nt/1+a1qLb1NZqZU+dZq3HT9bPeDx+o483Zz9PioFjoF78/tl0/x0ej1/v0/o3/ibiSNO0S/UT238+1k/wePwKP61GPXpP08cbe2xcF3g8fm8vev+6+P0H/ew29aMujFOMy+ff4fH4FX4RMiuLdIlEYSUqnng8fqN/9vyPGqXk+XMsObEj4/F4/M4+yiRW76x+iMKKNlicp28c0vyNx+PX+65+EI/JSsdEEmnqA7ewEyc8Hv92H4+pmxU2iz8YxDemeDz+7X5xv0DkbwzcrqYTWzwev6+3mOe/FUK9fiLx/B6dmPF4/Dt8iuS9IfK3Rhq4/+b8CI/Hv+YJgvhf4wfpaxMZOFl1/gAAAABJRU5ErkJggg==\"","module.exports = __webpack_public_path__ + \"static/QL-Box_iOS_InstarVision_P2P-7cba36d10534ed127f7fa57a1a5a84d7.png\";","import React from 'react'\nimport { navigate } from 'gatsby'\nimport PropTypes from 'prop-types'\n\nimport { withStyles } from '@material-ui/core/styles'\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 DDNS from \"../../../assets/images/TOC_Icons/QL-Box_iOS_InstarVision_DDNS.png\"\nimport P2P from \"../../../assets/images/TOC_Icons/QL-Box_iOS_InstarVision_P2P.png\"\nimport Multiview from \"../../../assets/images/TOC_Icons/QL-Box_iOS_InstarVision_Multiview.png\"\nimport Advanced from \"../../../assets/images/TOC_Icons/QL-Box_iOS_InstarVision_Advanced.png\"\nimport Recording from \"../../../assets/images/TOC_Icons/QL-Box_iOS_InstarVision_Recording.png\"\nimport Settings from \"../../../assets/images/TOC_Icons/QL-Box_iOS_InstarVision_Settings.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('/Software/Android/InstarVision/DDNS/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/Software/Android/InstarVision/DDNS/')}>\n        <Card className={classes.card}>\n          <CardMedia\n            className={classes.cover}\n            image={DDNS}\n            title=\"DDNS Remote Access\"\n          />\n          <div className={classes.details}>\n            <CardContent className={classes.content}>\n              <Typography variant=\"h6\">DDNS Remote Access</Typography>\n              <Typography variant=\"caption\" color=\"textSecondary\">\n                The DDNS Access gives you full access to all your cameras functions. As well as allowing you to access its web user interface through your browser ... more...\n              </Typography>\n            </CardContent>\n          </div>\n        </Card>\n      </div>\n      <div onClick={() => navigate('/Software/Android/InstarVision/P2P/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/Software/Android/InstarVision/P2P/')}>\n        <Card className={classes.card}>\n          <CardMedia\n            className={classes.cover}\n            image={P2P}\n            title=\"P2P\"\n          />\n          <div className={classes.details}>\n            <CardContent className={classes.content}>\n              <Typography variant=\"h6\">P2P Remote Access</Typography>\n              <Typography variant=\"caption\" color=\"textSecondary\">\n                The P2P Access does not give you full access to all your cameras functions. But you don´t need to forward a port inside your router and P2P also works ... more...\n              </Typography>\n            </CardContent>\n          </div>\n        </Card>\n      </div>\n      <div onClick={() => navigate('/Software/Android/InstarVision/Multiview/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/Software/Android/InstarVision/Multiview/')}>\n        <Card className={classes.card}>\n          <CardMedia\n            className={classes.cover}\n            image={Multiview}\n            title=\"Camera Multiview\"\n          />\n          <div className={classes.details}>\n            <CardContent className={classes.content}>\n              <Typography variant=\"h6\">Camera Multiview</Typography>\n              <Typography variant=\"caption\" color=\"textSecondary\">\n                Keep an eye on all your cameras in the Multiview Menu. Click on any camera to access their video live stream and control them via function buttons. more...\n              </Typography>\n            </CardContent>\n          </div>\n        </Card>\n      </div>\n      <div onClick={() => navigate('/Software/Android/InstarVision/Advanced/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/Software/Android/InstarVision/Advanced/')}>\n        <Card className={classes.card}>\n          <CardMedia\n            className={classes.cover}\n            image={Advanced}\n            title=\"Advanced Camera Control\"\n          />\n          <div className={classes.details}>\n            <CardContent className={classes.content}>\n              <Typography variant=\"h6\">Advanced Camera Control</Typography>\n              <Typography variant=\"caption\" color=\"textSecondary\">\n                Additional camera controls - set your username and password, adjust the alarm schedule... more...\n              </Typography>\n            </CardContent>\n          </div>\n        </Card>\n      </div>\n      <div onClick={() => navigate('/Software/Android/InstarVision/Recording/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/Software/Android/InstarVision/Recording/')}>\n        <Card className={classes.card}>\n          <CardMedia\n            className={classes.cover}\n            image={Recording}\n            title=\"Video Recording\"\n          />\n          <div className={classes.details}>\n            <CardContent className={classes.content}>\n              <Typography variant=\"h6\">Video Recording</Typography>\n              <Typography variant=\"caption\" color=\"textSecondary\">\n                Videos recorded to your smartphones memory and videos on your cameras internal SD Card can be accessed through the Recording Menu. more...\n              </Typography>\n            </CardContent>\n          </div>\n        </Card>\n      </div>\n      <div onClick={() => navigate('/Software/Android/InstarVision/Settings/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/Software/Android/InstarVision/Settings/')}>\n        <Card className={classes.card}>\n          <CardMedia\n            className={classes.cover}\n            image={Settings}\n            title=\"General App Settings\"\n          />\n          <div className={classes.details}>\n            <CardContent className={classes.content}>\n              <Typography variant=\"h6\">General App Settings</Typography>\n              <Typography variant=\"caption\" color=\"textSecondary\">\n                Adjust your apps global Settings for your app and all your cameras, create Backups and access the in-App Help Section with explanations for all function buttons. more...\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'\nimport PropTypes from 'prop-types'\n\nimport { withStyles } from '@material-ui/core/styles'\n\nimport Grid from '@material-ui/core/Grid'\nimport Button from '@material-ui/core/Button'\nimport Card from '@material-ui/core/Card'\nimport CardActions from '@material-ui/core/CardActions'\nimport CardContent from '@material-ui/core/CardContent'\nimport CardMedia from '@material-ui/core/CardMedia'\nimport Typography from '@material-ui/core/Typography'\n\n\nimport presets from \"../../../utils/presets\"\n\nimport QR from '../../../assets/images/Software/Qrcode_Android-AppStore.png'\nimport Amazon from '../../../assets/images/Software/Amazon_app_store.png'\n\nconst buttonstyle = {\n  background: presets.brand,\n  color: presets.veryLightGrey,\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\nconst styles = {\n  root: {\n    flexGrow: 1,\n  },\n  card: {\n    maxWidth: 345,\n  },\n  media: {\n    height: 335\n  }\n}\n\nfunction SimpleMediaCard(props) {\n  const { classes } = props;\n  return (\n    <div className={classes.root}>\n      <Grid container spacing={10}>\n        <Grid item xs={12} sm={6}>\n          <Card className={classes.card}>\n            <CardMedia\n              className={classes.media}\n              image={QR}\n              title=\"Google Play Link\"\n            />\n            <CardContent>\n              <Typography gutterBottom variant=\"h5\" component=\"h2\">\n                Google Play Link\n              </Typography>\n              <Typography component=\"p\">\n                You can use a QR Reader to install our App. Or just click the image to be directed to the Google Play Store.\n              </Typography>\n            </CardContent>\n            <CardActions>\n              <Button href=\"https://play.google.com/store/apps/details?id=de.instar.vision\" target=\"_blank\" variant=\"contained\" size=\"small\" style={buttonstyle}>\n                Google Play\n              </Button>\n              <Button href=\"https://play.google.com/store/search?q=QR%20Code%20Reader&c=apps&hl=de\" target=\"_blank\" variant=\"contained\" size=\"small\" style={buttonstyle}>\n                QR Reader\n              </Button>\n            </CardActions>\n          </Card>\n        </Grid>\n        <Grid item xs={12} sm={6}>\n          <Card className={classes.card}>\n            <CardMedia\n              className={classes.media}\n              image={Amazon}\n              title=\"Amazon Link\"\n            />\n            <CardContent>\n              <Typography gutterBottom variant=\"h5\" component=\"h2\">\n                Amazon Link\n              </Typography>\n              <Typography component=\"p\">\n                Download Link for our App on Amazon - for our Android / Blackberry App.<br/><br/>\n              </Typography>\n            </CardContent>\n            <CardActions>\n              <Button href=\"https://wiki.instar.com/Software/Other_Platforms/InstarVision_Blackberry/\" target=\"_blank\" variant=\"contained\" size=\"small\" style={buttonstyle}>\n                App Store\n              </Button>\n            </CardActions>\n            </Card>\n        </Grid>\n      </Grid>\n    </div>\n  );\n}\n\nSimpleMediaCard.propTypes = {\n  classes: PropTypes.object.isRequired,\n}\n\nexport default withStyles(styles)(SimpleMediaCard)","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/Products/Software/TocList-Software-InstarVision-Android'\nimport QRCode from '../../../../components/Products/Software/TocList-Software-InstarVision-Android-QR'\n\nconst seodata = {\n  title: 'Android App InstarVision',\n  description: 'The Android app InstarVision for your Android tablet or smart phone. Control your camera when you don´t have access to your computer.',\n  image: '/images/Search/P_SearchThumb_InstarVision_Android.png'\n};\n\n// export default (props) => (\n\nfunction IVAndroid(props) {\n    return (\n                \n    <React.Fragment>\n      <SEOHelmet title={seodata.title} description={seodata.description} image={seodata.image} location={props.location.pathname} />\n      <h1>InstarVision Surveillance Center</h1>\n      <h2>Android Software</h2>\n\n      <BreadCrumbs\n        pills={\n          [\n            {\n              pill: \"Products\",\n              link: \"/fr/Products/\"\n            },\n            {\n              pill: \"Software\",\n              link: \"/fr/Software/\"\n            },\n            {\n              pill: \"Android\",\n              link: \"/fr/Software/Android/\"\n            },\n            {\n              pill: \"InstarVision\",\n              link: \"/fr/Software/Android/InstarVision/\"\n            },\n          ]\n        } />\n\n      <p>Pour accéder à votre caméra IP avec notre App Android <em>InstarVision</em>, nous vous recommandons de télécharger d&apos;abord sa nouvelle version dans le <a href=\"https://play.google.com/store/apps/details?id=de.instar.vision\" target=\"_blank\" rel=\"noopener noreferrer\">Play Store</a>. Entrez <em>Instar</em> pour trouver notre application dans le magasin.</p>\n      <h3>Vue d&apos;ensemble sur les menus d&apos;applications</h3>\n      <TocList />\n      <br/>\n      <br/>\n      <h3>Télécharger</h3>\n      <QRCode />\n      <br />\n      <br />\n      <Footer\n        previousTitle=\"Android Software\"\n        previousLink=\"/fr/Software/Android/\"\n        nextTitle=\"DDNS Menu\"\n        nextLink=\"/fr/Software/Android/InstarVision/DDNS/\" />\n    </React.Fragment>\n  )\n}\n\nexport default IVAndroid","module.exports = __webpack_public_path__ + \"static/QL-Box_iOS_InstarVision_Settings-882e8d21c6f802b4d743b00f1c01ca72.png\";","module.exports = __webpack_public_path__ + \"static/QL-Box_iOS_InstarVision_Multiview-04379ce1a023a366adb955754da0d2dd.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    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 _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);","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":""}