{"version":3,"sources":["webpack:///./src/pages/FAQs/IN-9008FHD/index.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","seodata","marginTop","FrontGrid","data","classes","className","title","description","location","pills","pill","link","allMarkdownRemark","edges","map","index","node","key","container","item","to","frontmatter","path","style","textDecoration","color","cursor","alt","src","toc","xs","sm","direction","variant","excerpt","timeToRead","previousTitle","previousLink","nextTitle","nextLink","SPACINGS","GRID_SIZES","getOffset","val","div","arguments","length","undefined","parse","parseFloat","concat","String","replace","Grid","props","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","name"],"mappings":"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","file":"component---src-pages-fa-qs-in-9008-fhd-index-jsx-a771b58198a9e0ad3fd0.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'\nimport Footer from \"../../../components/Layout/footer\"\nimport BreadCrumbs from '../../../components/Layout/breadcrumbs/breadcrumbs'\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: 850,\n  },\n  image: {\n    width: 75,\n    height: 75,\n  },\n  img: {\n    margin: 'auto',\n    display: 'block',\n    maxWidth: '100%',\n    maxHeight: '100%',\n  },\n}))\n\nconst seodata = {\n  title: 'For Developers',\n  description: 'Topics for Advanced Users',\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=\"https://wiki.instar.de/FAQs/IN-9008FHD/\" />\n    <h1 css={{ marginTop: 0 }}>FAQs IN-9008 FHD</h1>\n    \n    <BreadCrumbs\n      pills={\n        [\n          {\n            pill: \"Home\",\n            link: \"/fr/\"\n          },\n          {\n            pill: \"Products\",\n            link: \"/fr/Products/\"\n          },\n          {\n            pill: \"FAQs\",\n            link: \"/fr/FAQs/\"\n          },\n          {\n            pill: \"IN-9008 FHD\",\n            link: \"/fr/FAQs/IN-9008FHD/\"\n          }\n        ]\n      } />\n\n      <h3>Frequently Asked Questions</h3>\n\n      {data.allMarkdownRemark.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=\"h6\" color=\"textSecondary\">\n                            {node.frontmatter.title}\n                        </Typography>\n                        <Typography variant=\"caption\" color=\"textSecondary\">\n                            {node.excerpt}\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      <br />\n      <br />\n      <Footer\n        previousTitle=\"Products\"\n        previousLink=\"/fr/Products/\"\n        nextTitle=\"Products\"\n        nextLink=\"/fr/Products/Usermanuals/\" />\n    </div>\n  );\n}\n\n\n\nexport const FAQQuery = graphql`\n  query FAQ9008Query {\n    allMarkdownRemark(filter: {frontmatter: {faq: {regex: \"/Cameras/\", ne: \"VGA Cameras\"}}}, sort: {order: DESC, fields: frontmatter___dateChanged}) {\n      edges {\n        node {\n          id\n          frontmatter {\n            title\n            path\n            toc\n            chapter\n            excerpt\n          }\n          timeToRead\n          excerpt(pruneLength: 200, truncate: true, format: PLAIN)\n        }\n      }\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":""}