{"version":3,"file":"1285b0421d0ec109d342582b9d91c75269a86a92-f6a35b643b38d77d4fab.js","mappings":"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","sources":["webpack://getform/./src/components/shared/arrow-button.js","webpack://getform/./src/components/shared/carousel-navigation.js","webpack://getform/./src/components/shared/templates/template-link.js","webpack://getform/./src/components/shared/templates/template-list.js"],"sourcesContent":["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","import React from 'react'\nimport styled from '@emotion/styled'\nimport { GatsbyImage, getImage } from 'gatsby-plugin-image'\nimport { mediaQueries } from '../../../theme'\nimport BaseLink from '../link'\n\nexport const BaseTemplateLink = ({\n  target: { wid },\n  templates = [],\n  defaultDevice,\n  defaultTheme,\n  ariaLabel,\n  children,\n  ...rest\n}) =>\n  wid ? (\n    <BaseLink\n      to={`/p/${wid}/`}\n      ariaLabel={ariaLabel}\n      state={{\n        modal: true,\n        templates: templates.map(t => t.wid),\n        defaultDevice,\n        defaultTheme,\n      }}\n      {...rest}\n    >\n      {children}\n    </BaseLink>\n  ) : (\n    <div {...rest}>{children}</div>\n  )\n\nconst Link = styled(BaseTemplateLink)`\n  display: block;\n  border: 2px solid transparent;\n  color: ${p => p.theme.colors.text};\n  background-color: ${p => p.theme.colors.template.background};\n  ${mediaQueries.lg} {\n    border-width: 4px;\n    &:hover {\n      color: ${p => p.theme.colors.template.colorHover};\n      background-color: ${p => p.theme.colors.template.backgroundHover};\n    }\n  }\n`\n\nconst LinkText = styled.div`\n  font-size: ${p => p.theme.fontSizes[1]};\n  text-align: center;\n  padding: ${p => `${p.theme.space[3]} 0 ${p.theme.space[2]}`};\n  ${mediaQueries.lg} {\n    font-size: ${p => p.theme.fontSizes[2]};\n  }\n`\n\nconst TemplateLink = ({\n  target: { title = '', description = '', image, wid },\n  templates,\n  defaultTheme,\n  loading = 'lazy',\n  className,\n  children,\n}) => (\n  <Link\n    className={className}\n    target={{ wid }}\n    templates={templates}\n    defaultTheme={defaultTheme}\n  >\n    {image && (\n      <GatsbyImage\n        image={getImage(image)}\n        objectFit=\"contain\"\n        alt={description || title}\n        loading={loading}\n      />\n    )}\n    {children && <LinkText>{children}</LinkText>}\n  </Link>\n)\n\nexport default TemplateLink\n","import React from 'react'\nimport styled from '@emotion/styled'\nimport { mediaQueries } from '../../../theme'\nimport BaseTemplateLink from './template-link'\n\nconst Grid = styled.div`\n  display: grid;\n  grid-template-columns: minmax(0, 1fr);\n  grid-gap: ${p => p.theme.space[8]};\n\n  ${mediaQueries.md} {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n`\n\nconst TemplateLink = styled(BaseTemplateLink)`\n  ${mediaQueries.lg} {\n    border-width: 2px;\n  }\n`\n\nconst TemplateList = ({\n  templates,\n  defaultTheme,\n  linkedTemplates,\n  templateLoadingStrategy,\n  className,\n}) => (\n  <Grid className={className}>\n    {templates.map((tpl, index) => (\n      <TemplateLink\n        key={index}\n        target={tpl}\n        templates={linkedTemplates || templates}\n        defaultTheme={defaultTheme}\n        loading={templateLoadingStrategy?.(index, tpl.wid)}\n      />\n    ))}\n  </Grid>\n)\n\nexport default TemplateList\n"],"names":["p","variant","theme","colors","white","black","gray","Container","NextButton","ArrowButton","PrevButton","space","canScrollPrev","canScrollNext","onScrollToPrev","onScrollToNext","className","onClick","disabled","BaseTemplateLink","wid","target","templates","defaultDevice","defaultTheme","ariaLabel","children","rest","to","state","modal","map","t","Link","text","template","background","mediaQueries","colorHover","backgroundHover","LinkText","fontSizes","title","description","image","loading","G","getImage","objectFit","alt","Grid","TemplateLink","linkedTemplates","templateLoadingStrategy","tpl","index","key"],"sourceRoot":""}