{"version":3,"sources":["webpack:///./src/pages/Latest/index.jsx","webpack:///./src/components/Layout/SEOHelmet.jsx","webpack:///./node_modules/@material-ui/core/esm/Grid/Grid.js"],"names":["useStyles","makeStyles","theme","root","flexGrow","paper","padding","spacing","margin","maxWidth","image","width","height","img","display","maxHeight","headmenu","overflow","whiteSpace","marginBottom","menubutton","textAlign","textDecoration","menubuttonactive","borderBottom","borderBottomWidth","borderBottomStyle","borderBottomColor","seodata","FrontGrid","data","classes","className","title","description","location","to","variant","color","container","item","xs","sm","latest","edges","map","index","node","key","frontmatter","path","style","cursor","alt","src","toc","direction","dateChanged","timeToRead","latestfaq","props","defaultTitle","titleTemplate","charSet","httpEquiv","content","name","rel","href","property","lang","SPACINGS","GRID_SIZES","getOffset","val","div","arguments","length","undefined","parse","parseFloat","concat","String","replace","Grid","ref","_props$alignContent","alignContent","_props$alignItems","alignItems","classNameProp","_props$component","component","Component","_props$container","_props$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","other","StyledGrid","boxSizing","flexWrap","minWidth","flexDirection","justifyContent","breakpoint","styles","forEach","themeSpacing","generateGutter","breakpoints","keys","reduce","accumulator","globalStyles","size","Math","round","flexBasis","up","generateGrid"],"mappings":"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","file":"component---src-pages-latest-index-jsx-1d917f3e69f4d78e0d20.js","sourcesContent":["import React from 'react'\nimport { Link, graphql } from \"gatsby\"\nimport { makeStyles } from '@material-ui/core/styles'\nimport Grid from '@material-ui/core/Grid'\nimport Paper from '@material-ui/core/Paper'\nimport Typography from '@material-ui/core/Typography'\nimport ButtonBase from '@material-ui/core/ButtonBase'\n\nimport SEOHelmet from '../../components/Layout/SEOHelmet'\n\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    flexGrow: 1\n  },\n  paper: {\n    padding: theme.spacing(1),\n    margin: theme.spacing(1),\n    maxWidth: 425\n  },\n  image: {\n    width: 50,\n    height: 50\n  },\n  img: {\n    margin: 'auto',\n    display: 'block',\n    maxWidth: '100%',\n    maxHeight: '100%'\n  },\n  headmenu: {\n    overflow: `auto`,\n    whiteSpace: `nowrap`,\n    marginBottom: 35\n  },  \n  menubutton: {\n    display: `inline-block`,\n    textAlign: `center`,\n    padding: 14,\n    textDecoration: `none`\n  },\n  menubuttonactive: {\n    display: `inline-block`,\n    textAlign: `center`,\n    padding: `14px 14px 7px 14px`,\n    textDecoration: `none`,\n    borderBottom: `3px solid #2f78f9`,\n    borderBottomWidth: 3,\n    borderBottomStyle: `solid`,\n    borderBottomColor: `rgb(47, 120, 249)`\n  }\n}))\n\n\nconst seodata = {\n  title: 'INSTAR Wiki :: Knowledgebase for IP Cameras and Network Surveillance',\n  description: 'INSTAR is one of the best-known brands of high quality security technology developed in Germany. INSTAR offers indoor / outdoor IP cameras / surveillance cameras and also offers a unique cloud capture platform including false alarms and object detection. All INSTAR cameras are & quot; not & quot; Cloud-bound and can be integrated easily without Internet in the local network via LAN, WLAN or PoE. No matter which surveillance camera of INSTAR you use, all cameras are compatible with third-party systems such as. Synology, QNAP, Asustor, Netgear, Luxone, KNX, Homeatic and many more. As a supplier of WLAN network cameras, HD IP cameras, controllable IP cameras, IP cameras with infrared night vision as well as PoE injectors, Gigabit PoE injectors, Powerline adapters, routers, switches, motion detectors with PIR and microwaves, microphones, lenses, a patented heater, INSTAR also offers additional accessories for your IP surveillance camera.',\n  image: '/images/Search/QI_SearchThumb_SetupWizard.png'\n}\n\n\nexport default function FrontGrid({data}) {\n  const classes = useStyles();\n\n  return (\n    <div className={classes.root}>\n\n      <SEOHelmet title={seodata.title} description={seodata.description} image={seodata.image} location=\"/fr/Latest/\" />\n\n      <div className={classes.headmenu}>\n          <Link to=\"/\" className={classes.menubutton}>\n            <Typography variant=\"button\" color=\"textPrimary\">Accueil</Typography>\n          </Link>\n          <Link to=\"/Latest/\" className={classes.menubuttonactive}>\n            <Typography variant=\"button\" color=\"textPrimary\">Dernièr</Typography>\n          </Link>\n          <Link to=\"/Popular/\" className={classes.menubutton}>\n            <Typography variant=\"button\" color=\"textPrimary\">Populaire</Typography>\n          </Link>\n          <Link to=\"/Smarthome/\" className={classes.menubutton}>\n            <Typography variant=\"button\" color=\"textPrimary\">Smarthome</Typography>\n          </Link>\n          <Link to=\"/Search/\" className={classes.menubutton}>\n            <Typography variant=\"button\" color=\"textPrimary\">Recherchez</Typography>\n          </Link>\n      </div>\n\n      <Grid container spacing={1}>\n        <Grid item xs={12} sm={6}>\n\n            <Typography variant=\"h6\" color=\"textSecondary\">Latest Articles</Typography>\n            <hr/>\n\n            {data.latest.edges.map(({ node }, index) => (\n              <Paper className={classes.paper} key={index}>\n                  <Grid container spacing={2}>\n                      <Grid item>\n                          <Link to={node.frontmatter.path} style={{ textDecoration: 'none', color: 'white', cursor: 'pointer' }}>\n                              <ButtonBase className={classes.image}>\n                                <img className={classes.img} alt=\"complex\" src={\"/fr\"+node.frontmatter.toc} />\n                              </ButtonBase>\n                          </Link>\n                      </Grid>\n                  <Grid item xs={12} sm container>\n                      <Grid item xs container direction=\"column\" spacing={2}>\n                          <Grid item xs>\n                            <Link to={node.frontmatter.path} style={{ textDecoration: 'none', color: 'white', cursor: 'pointer' }}>\n                              <Typography variant=\"subtitle2\" color=\"textSecondary\">\n                                  {node.frontmatter.title}\n                              </Typography>\n                              <Typography variant=\"caption\" color=\"textSecondary\">\n                                  {node.frontmatter.dateChanged}\n                              </Typography>\n                            </Link>\n                          </Grid>\n                      </Grid>\n                      <Grid item>\n                      <Typography variant=\"caption\">{node.timeToRead} Min</Typography>\n                      </Grid>\n                  </Grid>\n                  </Grid>\n              </Paper>\n            ))}\n\n        </Grid>\n        <Grid item xs={12} sm={6}>\n\n            <Typography variant=\"h6\" color=\"textSecondary\">Latest FAQs</Typography>\n            <hr/>\n          \n            {data.latestfaq.edges.map(({ node }, index) => (\n                  <Paper className={classes.paper} key={index}>\n                      <Grid container spacing={2}>\n                          <Grid item>\n                              <Link to={node.frontmatter.path} style={{ textDecoration: 'none', color: 'white', cursor: 'pointer' }}>\n                                  <ButtonBase className={classes.image}>\n                                    <img className={classes.img} alt=\"complex\" src={\"/fr\"+node.frontmatter.toc} />\n                                  </ButtonBase>\n                              </Link>\n                          </Grid>\n                      <Grid item xs={12} sm container>\n                          <Grid item xs container direction=\"column\" spacing={2}>\n                              <Grid item xs>\n                                <Link to={node.frontmatter.path} style={{ textDecoration: 'none', color: 'white', cursor: 'pointer' }}>\n                                  <Typography variant=\"subtitle2\" color=\"textSecondary\">\n                                      {node.frontmatter.title}\n                                  </Typography>\n                                  <Typography variant=\"caption\" color=\"textSecondary\">\n                                      {node.frontmatter.dateChanged}\n                                  </Typography>\n                                </Link>\n                              </Grid>\n                          </Grid>\n                          <Grid item>\n                          <Typography variant=\"caption\">{node.timeToRead} Min</Typography>\n                          </Grid>\n                      </Grid>\n                      </Grid>\n                  </Paper>\n                ))}\n\n        </Grid>\n      </Grid>\n    </div>\n  );\n}\n\n\nexport const LatestPageQuery = graphql`\n  query LatestPageQuery {\n    latest: allMarkdownRemark(sort: {order: DESC, fields: frontmatter___dateChanged}, limit: 50, filter: {frontmatter: {chapter: {ne: \"FAQs\"}}}) {\n      edges {\n        node {\n          id\n          frontmatter {\n            dateChanged\n            title\n            path\n            toc\n            chapter\n          }\n          timeToRead\n        }\n      }\n    }\n    latestfaq: allMarkdownRemark(sort: {order: DESC, fields: frontmatter___dateChanged}, limit: 50, filter: {frontmatter: {chapter: {eq: \"FAQs\"}}}) {\n      edges {\n        node {\n          id\n          frontmatter {\n            dateChanged\n            title\n            path\n            toc\n            chapter\n          }\n          timeToRead\n        }\n      }\n    }\n  }\n`\n","import React from 'react'\nimport Helmet from 'react-helmet'\n\n\n\nexport default (props) => (\n  <Helmet defaultTitle={`INSTAR Wiki 2.0`} titleTemplate={`%s | INSTAR Wiki 2.0 | INSTAR Deutschland GmbH`}>\n  \n    <meta charSet=\"utf-8\" />\n    <meta httpEquiv=\"X-UA-Compatible\" content=\"IE=edge\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n    <link rel=\"icon\" href=\"/fr/favicon.ico\" />\n\n    {/* General tags */}\n    <title>{props.title}</title>\n    <meta name=\"description\" content={props.description} />\n    <meta name=\"image\" content={props.image} />\n\n    {/* OpenGraph tags */}\n    <meta property=\"og:url\" content={`https://wiki.instar.com${props.location}`} />\n    <meta name=\"og:type\" content=\"website\" />\n    <meta name=\"og:site_name\" content=\"INSTAR Wiki 2.0\" />\n    <meta property=\"og:title\" content={props.title} />\n    <meta property=\"og:description\" content={props.description} />\n    <meta property=\"og:image\" content={`https://wiki.instar.com${props.image}`} />\n\n    {/* Twitter Card tags */}\n    <meta name=\"twitter:card\" content=\"summary_large_image\" />\n    <meta name=\"twitter:site\" content=\"@INSTAR_DE\" />\n    <meta name=\"twitter:creator\" content=\"@INSTAR_DE\" />\n    <meta name=\"twitter:title\" content={props.title} />\n    <meta name=\"twitter:description\" content={props.description} />\n    <meta name=\"twitter:image\" content={`https://wiki.instar.com${props.image}`} />\n\n    <link\n      rel=\"canonical\"\n      href={`https://wiki.instar.com${props.location}`}\n    />\n    <html lang=\"en\" />\n  </Helmet>\n)\n\n","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":""}