{"version":3,"sources":["webpack:///./node_modules/@material-ui/core/esm/Card/Card.js","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/components/Products/Software/TocList-Software-InstarVision-WP-QR.jsx","webpack:///./src/assets/images/TOC_Icons/QL-Box_iOS_InstarVision_Recording.png","webpack:///./src/assets/images/Software/Qrcode_Microsoft-AppStore.png","webpack:///./src/assets/images/TOC_Icons/QL-Box_iOS_InstarVision_P2P.png","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:///./src/components/Products/Software/TocList-Software-InstarVision-Metro.jsx","webpack:///./src/pages/Software/Windows/InstarVision/Metro/index.jsx","webpack:///./node_modules/@material-ui/core/esm/CardActions/CardActions.js","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","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","buttonstyle","background","presets","brand","color","veryLightGrey","boxShadow","withStyles","card","maxWidth","height","QR","title","gutterBottom","variant","href","target","size","marginBottom","cursor","details","flexDirection","content","flex","cover","minWidth","margin","onClick","navigate","role","tabIndex","onKeyDown","DDNS","CardContent","Typography","P2P","Multiview","Advanced","Recording","Settings","seodata","marginTop","WindowsMetro","Fragment","SEOHelmet","description","location","pathname","pills","pill","link","rel","previousTitle","previousLink","nextTitle","nextLink","CardActions","_props$disableSpacing","disableSpacing","spacing","alignItems","padding","marginLeft","paddingBottom"],"mappings":"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","file":"component---src-pages-software-windows-instar-vision-metro-index-jsx-1898d44f9686e516e8e3.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_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);","import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport { withStyles } from '@material-ui/core/styles'\n// import withRoot from '../../../utils/withRoot'\nimport Card from '@material-ui/core/Card'\nimport CardContent from '@material-ui/core/CardContent'\nimport CardMedia from '@material-ui/core/CardMedia'\nimport CardActions from '@material-ui/core/CardActions'\nimport Typography from '@material-ui/core/Typography'\nimport Button from '@material-ui/core/Button'\n\nimport presets from \"../../../utils/presets\"\n\nimport QR from '../../../assets/images/Software/Qrcode_Microsoft-AppStore.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  card: {\n    maxWidth: 345,\n  },\n  media: {\n    height: 300\n  },\n};\n\nfunction SimpleMediaCard(props) {\n  const { classes } = props;\n  return (\n    <div>\n      <Card className={classes.card}>\n        <CardMedia\n          className={classes.media}\n          image={QR}\n          title=\"Windows Store Link\"\n        />\n        <CardContent>\n          <Typography gutterBottom variant=\"h5\" component=\"h2\">\n            Windows Store 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 Microsoft Store.\n          </Typography>\n        </CardContent>\n        <CardActions>\n          <Button href=\"https://www.microsoft.com/de-de/store/p/instarvision/9nblggh10wtp\" target=\"_blank\" variant=\"contained\" size=\"small\" style={buttonstyle}>\n            Microsoft Store\n          </Button>\n          <Button href=\"https://www.microsoft.com/en-us/store/p/qr-code-reader/9wzdncrfj1s9\" target=\"_blank\" variant=\"contained\" size=\"small\" style={buttonstyle}>\n            QR Reader\n          </Button>\n        </CardActions>\n      </Card>\n    </div>\n  );\n}\n\nSimpleMediaCard.propTypes = {\n  classes: PropTypes.object.isRequired,\n}\n\n// export default withRoot(withStyles(styles)(SimpleMediaCard))\nexport default withStyles(styles)(SimpleMediaCard)","module.exports = __webpack_public_path__ + \"static/QL-Box_iOS_InstarVision_Recording-73ce9869d1861feb1d7fb440d927ba1d.png\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADIAQMAAACXljzdAAAABlBMVEX///8AAABVwtN+AAAACXBIWXMAAA7EAAAOxAGVKw4bAAABy0lEQVRYw+2Xu63DMAxFKbhQqRG0ibWYARvQYtYmGkGlCkN8l8znxakTpkgEB7FxXBD38mei3/mqE5m5z7SWNlVaKyU8N1uCX3e8pbZQnypeImdMPNdOIQ95aSGaA5dPEJq4raJO/xBxkIZWxhv0NiIuQIMdQcjTkz8WRDMx5NKW6HPtzzn6fqJnDgcu0vDOx4DEnuAPHxS4ytODOlaEdyRJm/awoRqZC/tBpgTSEPw50BIi0hRCUWq2hLl6ZIXm6CQEt6Ykojh7auuOduQ3ub3F9lpCPLQENRPRHcp/IRiR2F2F+XJV5KO4YEwIPVEDCweEin6ne3hWpF8m4IxaYFzoT8mWRDFlYAtALfRVkpKMCUEPRLOgBhjQj3DrSFYkag8KmZEenBlCebYl0g9kCyjYAuBPdw/181IC3b10Gum98MTJBmhLMHVx5cJHvChyzwMrwhg3CbqQqgML/L0rGxEJaIRNAvJajTSbE4kN6mSWTQjbwLAluovhX2YwLMI47mRM9OujYQOBRZPGdvr+MSCyk19Hv0dXgD/ufQQrAOYP69Zxy0RTohocOn/KOTYLIi5cN2+o8/y1a0EuU3eZtR9IYZ5y1ID8zu/QHyw3DQsrOhkpAAAAAElFTkSuQmCC\"","module.exports = __webpack_public_path__ + \"static/QL-Box_iOS_InstarVision_P2P-7cba36d10534ed127f7fa57a1a5a84d7.png\";","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 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 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/Windows/InstarVision/Metro/DDNS/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/Software/Windows/InstarVision/Metro/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/Windows/InstarVision/Metro/P2P/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/Software/Windows/InstarVision/Metro/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/Windows/InstarVision/Metro/Multiview/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/Software/Windows/InstarVision/Metro/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/Windows/InstarVision/Metro/Advanced/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/Software/Windows/InstarVision/Metro/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/Windows/InstarVision/Metro/Recording/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/Software/Windows/InstarVision/Metro/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/Windows/InstarVision/Metro/Settings/')} role='button' tabIndex={-1} onKeyDown={() => navigate('/Software/Windows/InstarVision/Metro/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\"\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-Metro\"\nimport QRCode from \"../../../../../components/Products/Software/TocList-Software-InstarVision-WP-QR\"\n\nconst seodata = {\n  title: 'InstarVision for Windows Metro',\n  description: 'The Windows Metro App InstarVision for your PC or Laptop. Control your camera from your computer and harness the computing power for advanced features.',\n  image: '/images/Search/P_SearchThumb_InstarVision_Metro.png'\n};\n\n// export default (props) => (\n\nfunction WindowsMetro(props) {\n    return (\n            \n  <React.Fragment>\n    <SEOHelmet title={seodata.title} description={seodata.description} image={seodata.image} location={props.location.pathname} />\n    <h1 css={{ marginTop: 0 }}>InstarVision Surveillance Center</h1>\n    <h2>Windows Metro Software</h2>\n\n    <BreadCrumbs\n      pills={\n        [\n          {\n            pill: \"Home\",\n            link: \"/fr/\"\n          },\n          {\n            pill: \"Software\",\n            link: \"/fr/Software/\"\n          },\n          {\n            pill: \"Windows\",\n            link: \"/fr/Software/Windows/\"\n          },\n          {\n            pill: \"Windows Metro\",\n            link: \"/fr/Software/Windows/InstarVision/Metro/\"\n          },\n        ]\n      } />\n\n    <p>Pour accéder à votre caméra IP avec notre application Windows Universal <em>InstarVision</em>, nous vous recommandons de télécharger d&apos;abord la dernière version dans le <a href=\"http://www.microsoft.com/de-de/store/p/instarvision/9nblggh10wtp\" target=\"_blank\" rel=\"noopener noreferrer\">Microsoft Store</a>. Utilisez le mot de recherche <em>Instar</em> pour trouver notre app 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=\"Windows Software\"\n      previousLink=\"/fr/Software/Windows/\"\n      nextTitle=\"InstarVision (Windows Phone)\"\n      nextLink=\"/fr/Software/Windows/InstarVision/Windows_Phone/\" />\n  </React.Fragment>\n    )\n}\n\nexport default WindowsMetro","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);"],"sourceRoot":""}