{"version":3,"file":"component---node-modules-lekoarts-gatsby-theme-emilia-core-src-templates-project-query-tsx-a18f3173e96a5f70faa8.js","mappings":"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","sources":["webpack://emilia/./node_modules/@babel/runtime/helpers/arrayLikeToArray.js","webpack://emilia/./node_modules/@babel/runtime/helpers/arrayWithoutHoles.js","webpack://emilia/./node_modules/@babel/runtime/helpers/construct.js","webpack://emilia/./node_modules/@babel/runtime/helpers/defineProperty.js","webpack://emilia/./node_modules/@babel/runtime/helpers/isNativeReflectConstruct.js","webpack://emilia/./node_modules/@babel/runtime/helpers/iterableToArray.js","webpack://emilia/./node_modules/@babel/runtime/helpers/nonIterableSpread.js","webpack://emilia/./node_modules/@babel/runtime/helpers/toConsumableArray.js","webpack://emilia/./node_modules/@babel/runtime/helpers/unsupportedIterableToArray.js","webpack://emilia/./src/@lekoarts/gatsby-theme-emilia/assets/left-arrow.tsx","webpack://emilia/./src/@lekoarts/gatsby-theme-emilia/components/header-project.tsx","webpack://emilia/./src/@lekoarts/gatsby-theme-emilia/components/project-pagination.tsx","webpack://emilia/./src/@lekoarts/gatsby-theme-emilia/components/project.tsx","webpack://emilia/./node_modules/@lekoarts/gatsby-theme-emilia-core/src/templates/project-query.tsx","webpack://emilia/./node_modules/@lekoarts/gatsby-theme-emilia/src/@lekoarts/gatsby-theme-emilia-core/components/project.tsx","webpack://emilia/./node_modules/gatsby-plugin-mdx/index.js","webpack://emilia/./node_modules/gatsby-plugin-mdx/mdx-renderer.js"],"sourcesContent":["function _arrayLikeToArray(arr, len) {\n  if (len == null || len > arr.length) len = arr.length;\n\n  for (var i = 0, arr2 = new Array(len); i < len; i++) {\n    arr2[i] = arr[i];\n  }\n\n  return arr2;\n}\n\nmodule.exports = _arrayLikeToArray, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","var arrayLikeToArray = require(\"./arrayLikeToArray.js\");\n\nfunction _arrayWithoutHoles(arr) {\n  if (Array.isArray(arr)) return arrayLikeToArray(arr);\n}\n\nmodule.exports = _arrayWithoutHoles, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","var setPrototypeOf = require(\"./setPrototypeOf.js\");\n\nvar isNativeReflectConstruct = require(\"./isNativeReflectConstruct.js\");\n\nfunction _construct(Parent, args, Class) {\n  if (isNativeReflectConstruct()) {\n    module.exports = _construct = Reflect.construct, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;\n  } else {\n    module.exports = _construct = function _construct(Parent, args, Class) {\n      var a = [null];\n      a.push.apply(a, args);\n      var Constructor = Function.bind.apply(Parent, a);\n      var instance = new Constructor();\n      if (Class) setPrototypeOf(instance, Class.prototype);\n      return instance;\n    }, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;\n  }\n\n  return _construct.apply(null, arguments);\n}\n\nmodule.exports = _construct, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","function _defineProperty(obj, key, value) {\n  if (key in obj) {\n    Object.defineProperty(obj, key, {\n      value: value,\n      enumerable: true,\n      configurable: true,\n      writable: true\n    });\n  } else {\n    obj[key] = value;\n  }\n\n  return obj;\n}\n\nmodule.exports = _defineProperty, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","function _isNativeReflectConstruct() {\n  if (typeof Reflect === \"undefined\" || !Reflect.construct) return false;\n  if (Reflect.construct.sham) return false;\n  if (typeof Proxy === \"function\") return true;\n\n  try {\n    Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));\n    return true;\n  } catch (e) {\n    return false;\n  }\n}\n\nmodule.exports = _isNativeReflectConstruct, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","function _iterableToArray(iter) {\n  if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter);\n}\n\nmodule.exports = _iterableToArray, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","function _nonIterableSpread() {\n  throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}\n\nmodule.exports = _nonIterableSpread, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","var arrayWithoutHoles = require(\"./arrayWithoutHoles.js\");\n\nvar iterableToArray = require(\"./iterableToArray.js\");\n\nvar unsupportedIterableToArray = require(\"./unsupportedIterableToArray.js\");\n\nvar nonIterableSpread = require(\"./nonIterableSpread.js\");\n\nfunction _toConsumableArray(arr) {\n  return arrayWithoutHoles(arr) || iterableToArray(arr) || unsupportedIterableToArray(arr) || nonIterableSpread();\n}\n\nmodule.exports = _toConsumableArray, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","var arrayLikeToArray = require(\"./arrayLikeToArray.js\");\n\nfunction _unsupportedIterableToArray(o, minLen) {\n  if (!o) return;\n  if (typeof o === \"string\") return arrayLikeToArray(o, minLen);\n  var n = Object.prototype.toString.call(o).slice(8, -1);\n  if (n === \"Object\" && o.constructor) n = o.constructor.name;\n  if (n === \"Map\" || n === \"Set\") return Array.from(o);\n  if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return arrayLikeToArray(o, minLen);\n}\n\nmodule.exports = _unsupportedIterableToArray, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","import * as React from \"react\"\n\nconst LeftArrow = () => (\n  <svg width=\"20\" height=\"18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M7.832 17.642L.345 9.864a1.256 1.256 0 0 1 0-1.728L7.832.358a1.146 1.146 0 0 1 1.663 0c.46.477.46 1.251 0 1.728L4.017 7.778H20v2.444H4.017l5.478 5.692c.46.477.46 1.25 0 1.728a1.146 1.146 0 0 1-1.663 0z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n)\n\nexport default LeftArrow\n","/** @jsx jsx */\nimport * as React from \"react\"\nimport { Flex, jsx, Container, Heading, Themed } from \"theme-ui\"\nimport { animated, useSpring, config } from \"react-spring\"\nimport { useStaticQuery, graphql, Link } from \"gatsby\"\nimport { MDXRenderer } from \"gatsby-plugin-mdx\"\nimport { GatsbyImage, IGatsbyImageData } from \"gatsby-plugin-image\"\nimport HeaderBackground from \"./header-background\"\nimport LeftArrow from \"../assets/left-arrow\"\nimport useEmiliaConfig from \"../hooks/use-emilia-config\"\n\ntype HeaderProjectProps = {\n  title: string\n  areas: string[]\n  description?: string\n  date: string\n}\n\ntype AvatarStaticQuery = {\n  file: {\n    childImageSharp: {\n      gatsbyImageData: IGatsbyImageData\n    }\n  }\n}\n\nconst HeaderProject = ({ title, areas, description = ``, date }: HeaderProjectProps) => {\n  const name = 'Chaim Osher'\n  const avatar = useStaticQuery<AvatarStaticQuery>(graphql`\n    query {\n      file(name: { eq: \"avatar\" }) {\n        childImageSharp {\n          gatsbyImageData(layout: FIXED, width: 40, height: 40, quality: 100)\n        }\n      }\n    }\n  `)\n\n  const titleProps = useSpring({\n    config: config.slow,\n    from: { opacity: 0, transform: `translate3d(0, -30px, 0)` },\n    to: { opacity: 1, transform: `translate3d(0, 0, 0)` },\n  })\n  const backButtonProps = useSpring({\n    config: config.slow,\n    from: { opacity: 0, transform: `translate3d(-30px, 0, 0)` },\n    to: { opacity: 1, transform: `translate3d(0, 0, 0)` },\n  })\n  const infoProps = useSpring({ config: config.slow, delay: 500, from: { opacity: 0 }, to: { opacity: 1 } })\n\n  return (\n    <Flex as=\"header\" variant=\"layout.header\">\n      <HeaderBackground />\n      <Container sx={{ textAlign: `center`, my: 4, zIndex: 10 }}>\n        <animated.div style={backButtonProps}>\n          <Link\n            to=\"/\"\n            aria-label={`${name} - Back to homepage`}\n            sx={{\n              display: `flex`,\n              alignItems: `center`,\n              color: `text`,\n              textDecoration: `none`,\n              svg: {\n                transition: `transform 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955)`,\n              },\n              \"&:hover, &:focus\": { svg: { transform: `translateX(-6px)` } },\n            }}\n          >\n            <LeftArrow />\n            <div\n              sx={{\n                overflow: `hidden`,\n                borderRadius: `full`,\n                width: `40px`,\n                height: `40px`,\n                display: `inline-block`,\n                boxShadow: `md`,\n                mx: 2,\n              }}\n            >\n              {avatar?.file?.childImageSharp?.gatsbyImageData && (\n                <GatsbyImage image={avatar.file.childImageSharp.gatsbyImageData} alt=\"Avatar\" />\n              )}\n            </div>\n            <span sx={{ fontWeight: `medium` }}>{name}</span>\n          </Link>\n        </animated.div>\n        <div sx={{ mt: 4, mb: [6, 6, 7] }}>\n          <animated.div style={titleProps}>\n            <Heading as=\"h1\" variant=\"styles.h1\">\n              {title}\n            </Heading>\n          </animated.div>\n          <animated.div style={infoProps}>\n            <Themed.p sx={{ mb: 0, mt: 4 }}>{date}</Themed.p>\n            <div>\n              {areas.map((area, index) => (\n                <React.Fragment key={area}>\n                  {index > 0 && `, `}\n                  {area}\n                </React.Fragment>\n              ))}\n            </div>\n            {description && (\n              <div sx={{ maxWidth: `900px`, mx: `auto`, mt: 5, p: { textAlign: `left`, overflowWrap: `break-word` } }}>\n                <MDXRenderer>{description}</MDXRenderer>\n              </div>\n            )}\n          </animated.div>\n        </div>\n      </Container>\n    </Flex>\n  )\n}\n\nexport default HeaderProject\n","/** @jsx jsx */\nimport { jsx } from \"theme-ui\"\nimport { IGatsbyImageData } from \"gatsby-plugin-image\"\nimport Card from \"./card\"\n\ntype ProjectPaginationProps = {\n  prev: {\n    slug: string\n    parent: {\n      fileAbsolutePath: string\n    }\n    title: string\n    cover: {\n      childImageSharp: {\n        gatsbyImageData: IGatsbyImageData\n      }\n    }\n  }\n  next: {\n    slug: string\n    parent: {\n      fileAbsolutePath: string\n    }\n    title: string\n    cover: {\n      childImageSharp: {\n        gatsbyImageData: IGatsbyImageData\n      }\n    }\n  }\n}\n\nconst ProjectPagination = ({ prev, next }: ProjectPaginationProps) => (\n  <div sx={{ mt: 6, mb: 4 }}>\n    <div sx={{ display: `grid`, gridTemplateColumns: `250px 1fr`, alignItems: `center`, mb: 4 }}>\n      <h2\n        sx={{\n          color: `textMuted`,\n          fontWeight: `medium`,\n          letterSpacing: `widest`,\n          textTransform: `uppercase`,\n          fontSize: 1,\n          my: 0,\n        }}\n      >\n        More Projects\n      </h2>\n      <div sx={{ width: `100%`, height: `2px`, backgroundColor: `muted` }} />\n    </div>\n    <div\n      sx={{\n        display: `grid`,\n        gridTemplateColumns: [`1fr`, `1fr`, `1fr 1fr`],\n        gridGap: [4, 4, 5],\n        a: { position: `relative` },\n        \"[data-name='card-overlay']\": {\n          position: `absolute`,\n          top: 0,\n          left: 0,\n          right: 0,\n          bottom: 0,\n        },\n      }}\n    >\n      {prev && <Card item={prev} />}\n      {next && <Card item={next} />}\n    </div>\n  </div>\n)\n\nexport default ProjectPagination\n","/** @jsx jsx */\nimport { jsx, Container } from \"theme-ui\"\nimport { animated, useSpring, config } from \"react-spring\"\nimport { GatsbyImage, IGatsbyImageData } from \"gatsby-plugin-image\"\nimport Layout from \"./layout\"\nimport HeaderProject from \"./header-project\"\nimport ProjectPagination from \"./project-pagination\"\nimport SEO from \"./seo\"\n\ntype ProjectProps = {\n  data: {\n    project: {\n      body: string\n      excerpt: string\n      date: string\n      slug: string\n      title: string\n      areas: string[]\n      cover: {\n        childImageSharp: {\n          resize: {\n            src: string\n          }\n        }\n      }\n    }\n    images: {\n      nodes: {\n        name: string\n        childImageSharp: {\n          gatsbyImageData: IGatsbyImageData\n        }\n      }[]\n    }\n  }\n  pageContext: {\n    prev: {\n      slug: string\n      parent: {\n        fileAbsolutePath: string\n      }\n      title: string\n      cover: {\n        childImageSharp: {\n          gatsbyImageData: IGatsbyImageData\n        }\n      }\n    }\n    next: {\n      slug: string\n      parent: {\n        fileAbsolutePath: string\n      }\n      title: string\n      cover: {\n        childImageSharp: {\n          gatsbyImageData: IGatsbyImageData\n        }\n      }\n    }\n  }\n  [key: string]: any\n}\n\nconst Project = ({ data: { project, images }, pageContext: { prev, next } }: ProjectProps) => {\n  const imageFade = useSpring({ config: config.slow, delay: 800, from: { opacity: 0 }, to: { opacity: 1 } })\n\n  return (\n    <Layout>\n      <SEO\n        title={project.title}\n        description={project.excerpt}\n        pathname={project.slug}\n        image={project.cover.childImageSharp.resize.src}\n      />\n      <HeaderProject title={project.title} description={project.body} areas={project.areas} date={project.date} />\n      <Container sx={{ mt: [`-6rem`, `-6rem`, `-8rem`] }}>\n        {images.nodes.map((image) => (\n          <animated.div key={image.name} style={imageFade}>\n            <GatsbyImage\n              image={image.childImageSharp.gatsbyImageData}\n              alt={image.name}\n              sx={{ mb: [4, 4, 5], boxShadow: `xl` }}\n            />\n          </animated.div>\n        ))}\n        <ProjectPagination prev={prev} next={next} />\n      </Container>\n    </Layout>\n  )\n}\n\nexport default Project\n","import { graphql } from \"gatsby\"\nimport ProjectComponent from \"../components/project\"\n\nexport default ProjectComponent\n\nexport const query = graphql`\n  query ($slug: String!, $absolutePathRegex: String!, $formatString: String!) {\n    images: allFile(\n      filter: {\n        absolutePath: { regex: $absolutePathRegex }\n        extension: { regex: \"/(jpg)|(png)|(tif)|(tiff)|(webp)|(jpeg)/\" }\n      }\n      sort: { fields: name, order: ASC }\n    ) {\n      nodes {\n        name\n        childImageSharp {\n          gatsbyImageData(width: 1600, quality: 90)\n        }\n      }\n    }\n    project(slug: { eq: $slug }) {\n      body\n      excerpt\n      date(formatString: $formatString)\n      slug\n      title\n      areas\n      cover {\n        childImageSharp {\n          resize(width: 800, quality: 90) {\n            src\n          }\n        }\n      }\n    }\n  }\n`\n","import * as React from \"react\"\nimport Project from \"../../../components/project\"\n\ntype Props = {\n  data: {\n    project: any\n    images: any\n    [key: string]: any\n  }\n  pageContext: {\n    prev: any\n    next: any\n  }\n  [key: string]: any\n}\n\nexport default function EmiliaCoreProject({ ...props }: Props) {\n  return <Project {...props} />\n}\n","/**\n * Welcome to gatsby-plugin-mdx!\n *\n * Start reading in gatsby-node.js\n */\n\nconst MDXRenderer = require(`./mdx-renderer`)\n\nmodule.exports = {\n  MDXRenderer: MDXRenderer,\n}\n","const React = require(`react`)\nconst { mdx } = require(`@mdx-js/react`)\nconst { useMDXScope } = require(`./context`)\n\nmodule.exports = function MDXRenderer({\n  scope,\n  children,\n  ...props\n}) {\n  const mdxScope = useMDXScope(scope)\n\n  // Memoize the compiled component\n  const End = React.useMemo(() => {\n    if (!children) {\n      return null\n    }\n\n    const fullScope = {\n      // React is here just in case the user doesn't pass them in\n      // in a manual usage of the renderer\n      React,\n      mdx,\n      ...mdxScope,\n    }\n\n    const keys = Object.keys(fullScope)\n    const values = keys.map(key => fullScope[key])\n    const fn = new Function(`_fn`, ...keys, `${children}`)\n\n    return fn({}, ...values)\n  }, [children, scope])\n\n  return React.createElement(End, {...props })\n}\n"],"names":["module","exports","arr","len","length","i","arr2","Array","__esModule","arrayLikeToArray","isArray","setPrototypeOf","isNativeReflectConstruct","_construct","Parent","args","Class","Reflect","construct","a","push","apply","instance","Function","bind","prototype","arguments","obj","key","value","Object","defineProperty","enumerable","configurable","writable","sham","Proxy","Boolean","valueOf","call","e","iter","Symbol","iterator","from","TypeError","arrayWithoutHoles","iterableToArray","unsupportedIterableToArray","nonIterableSpread","o","minLen","n","toString","slice","constructor","name","test","width","height","fill","xmlns","fillRule","clipRule","d","title","areas","description","date","avatar","useStaticQuery","titleProps","useSpring","config","opacity","transform","to","backButtonProps","infoProps","delay","as","variant","sx","textAlign","my","zIndex","animated","style","Link","display","alignItems","color","textDecoration","svg","transition","overflow","borderRadius","boxShadow","mx","file","childImageSharp","gatsbyImageData","G","image","alt","fontWeight","mt","mb","map","area","index","maxWidth","p","overflowWrap","MDXRenderer","prev","next","gridTemplateColumns","letterSpacing","textTransform","fontSize","backgroundColor","gridGap","position","top","left","right","bottom","item","data","project","images","pageContext","imageFade","excerpt","pathname","slug","cover","resize","src","body","nodes","props","require","React","mdx","useMDXScope","scope","children","mdxScope","End","fullScope","keys","values","fn"],"sourceRoot":""}