{"version":3,"file":"d22f1abd8477699012150edcfbdf00222938e4f5-8917b8e120f6834e63d4.js","mappings":"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","sources":["webpack://getform/./src/components/resources/category.js","webpack://getform/./src/components/shared/arrow-button.js","webpack://getform/./src/components/shared/carousel-navigation.js"],"sourcesContent":["import React from 'react'\nimport styled from '@emotion/styled'\nimport { mediaQueries } from '../../theme'\nimport { withAttrs, chunkArray } from '../../utils'\nimport useMatchMedia from '../../hooks/use-media'\nimport { Slides, useCarousel } from '../shared/carousel'\nimport BaseNavigation from '../shared/carousel-navigation'\nimport Link from '../shared/link'\nimport PostList from './post-list'\n\nconst Container = styled.div`\n  overflow: hidden;\n`\n\nconst TitleLink = styled(withAttrs(Link, { variant: 'nav' }))`\n  margin: 0;\n  font-weight: ${p => p.theme.fontWeights.heading};\n  font-size: ${p => p.theme.fontSizes[6]};\n  line-height: 1.5;\n\n  ${mediaQueries.lg} {\n    font-size: ${p => p.theme.fontSizes[7]};\n  }\n`\n\nconst Header = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin: ${p => `0 ${p.theme.space[6]} ${p.theme.space[6]}`};\n  ${mediaQueries.md} {\n    margin: ${p => `0 0 ${p.theme.space[8]}`};\n  }\n`\n\nconst CategorySlides = styled(Slides)`\n  padding: ${p => `0 ${p.theme.space[6]}`};\n  ${mediaQueries.md} {\n    padding: 0;\n  }\n`\n\nconst PostListContainer = styled.div`\n  flex-shrink: 0;\n  width: 87%;\n  margin: ${p => `0 ${p.theme.space[4]} ${p.theme.space[11]} 0`};\n  ${mediaQueries.md} {\n    width: 100%;\n    padding: ${p => `0 ${p.theme.space[1]} 0 0`};\n    margin-bottom: ${p => p.theme.space[8]};\n  }\n`\n\nconst CategorySlide = ({ posts, className }) => (\n  <PostListContainer className={className}>\n    <PostList posts={posts} />\n  </PostListContainer>\n)\n\nconst Navigation = styled(BaseNavigation)`\n  display: none;\n  ${mediaQueries.md} {\n    display: flex;\n  }\n`\n\nconst Category = ({ posts, className }) => {\n  const {\n    frontmatter: { category },\n    fields: { categorySlug },\n  } = posts[0]\n  const { slidesRef, canScrollPrev, canScrollNext, scrollPrev, scrollNext } =\n    useCarousel(categorySlug, {\n      desktop: {\n        draggable: false,\n      },\n    })\n  const isMobile = !useMatchMedia(mediaQueries.md)\n\n  const navigationProps = {\n    canScrollPrev,\n    canScrollNext,\n    onScrollToPrev: scrollPrev,\n    onScrollToNext: scrollNext,\n  }\n\n  const chunkedPosts = chunkArray(posts, isMobile ? 1 : 3)\n\n  return (\n    <Container className={className}>\n      <Header>\n        <TitleLink to={categorySlug}>{category}</TitleLink>\n        <Navigation {...navigationProps} />\n      </Header>\n\n      <CategorySlides ref={slidesRef}>\n        {chunkedPosts.map((chunk, index) => (\n          <CategorySlide key={index} posts={chunk} />\n        ))}\n      </CategorySlides>\n    </Container>\n  )\n}\n\nexport default Category\n","import styled from '@emotion/styled'\n\nconst ArrowButton = styled.button`\n  display: flex;\n  width: 3rem;\n  height: 3rem;\n  justify-content: center;\n  align-items: center;\n  border: 2px solid ${p => p.variant === 'inverted' && p.theme.colors.white};\n  background: ${p =>\n    p.variant === 'inverted' ? p.theme.colors.black[0] : p.theme.colors.white};\n  cursor: pointer;\n  outline: none;\n\n  :before {\n    content: '';\n    position: relative;\n    right: 3px;\n    transform: rotate(45deg);\n    border: solid ${p => p.variant === 'inverted' && p.theme.colors.white};\n    border-width: 3px 3px 0 0;\n    height: 0.75rem;\n    width: 0.75rem;\n  }\n\n  :enabled:hover {\n    background: ${p =>\n      p.variant === 'inverted'\n        ? p.theme.colors.white\n        : p.theme.colors.black[0]};\n    :before {\n      border-color: ${p =>\n        p.variant === 'inverted'\n          ? p.theme.colors.black[0]\n          : p.theme.colors.white};\n    }\n  }\n\n  :disabled,\n  :disabled:before {\n    border-color: ${p =>\n      p.variant === 'inverted'\n        ? 'rgba(255,255,255,0.3)'\n        : p.theme.colors.gray[3]};\n  }\n`\n\nexport default ArrowButton\n","import React from 'react'\nimport styled from '@emotion/styled'\nimport ArrowButton from './arrow-button'\n\nconst Container = styled.div`\n  display: flex;\n`\n\nconst NextButton = styled(ArrowButton)``\n\nconst PrevButton = styled(ArrowButton)`\n  transform: rotate(180deg);\n  margin-right: ${p => p.theme.space[3]};\n`\n\nconst Navigation = ({\n  canScrollPrev,\n  canScrollNext,\n  onScrollToPrev,\n  onScrollToNext,\n  variant,\n  className,\n}) => (\n  <Container className={className}>\n    <PrevButton\n      variant={variant}\n      onClick={onScrollToPrev}\n      disabled={!canScrollPrev}\n      aria-label=\"Scroll to previous slide\"\n    />\n    <NextButton\n      variant={variant}\n      onClick={onScrollToNext}\n      disabled={!canScrollNext}\n      aria-label=\"Scroll to next slide\"\n    />\n  </Container>\n)\n\nexport default Navigation\n"],"names":["Container","TitleLink","withAttrs","Link","variant","p","theme","fontWeights","heading","fontSizes","mediaQueries","Header","space","CategorySlides","Slides","PostListContainer","CategorySlide","posts","className","Navigation","BaseNavigation","category","frontmatter","categorySlug","fields","useCarousel","desktop","draggable","slidesRef","canScrollPrev","canScrollNext","scrollPrev","scrollNext","isMobile","useMatchMedia","navigationProps","onScrollToPrev","onScrollToNext","chunkedPosts","chunkArray","to","ref","map","chunk","index","key","colors","white","black","gray","NextButton","ArrowButton","PrevButton","onClick","disabled"],"sourceRoot":""}