{"version":3,"file":"component---src-pages-audio-js-2d809c999aff4750e2c3.js","mappings":"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","sources":["webpack://d9test/./src/components/Arrow.js","webpack://d9test/./src/components/HeadingWithSub.js","webpack://d9test/./src/components/HeadingWithSub.module.css","webpack://d9test/./src/components/LinkToTour.js","webpack://d9test/./src/components/Styled.js","webpack://d9test/./src/pages/audio.js","webpack://d9test/./src/images/arrow.svg"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport styled from \"@emotion/styled\";\nimport arrow from \"../images/arrow.svg\";\n\nconst DirectionContainer = styled.div`\n  transform:\n    ${(props) => {\n      let deg;\n      if (props.direction === `left`) {\n        deg = 180;\n      } else if (props.direction === `right`) {\n        deg = 0;\n      } else if (props.direction === `up`) {\n        deg = 90;\n      } else {\n        deg = -90;\n      }\n      return `rotate(${deg})`;\n    }}\n  );\n\n`;\n\nconst Arrow = ({ direction }) => (\n  <DirectionContainer direction={direction}>\n    <img src={arrow} alt=\"back arrow\" />\n  </DirectionContainer>\n);\n\nArrow.propTypes = {\n  direction: PropTypes.string,\n};\n\nArrow.defaultProps = {\n  direction: `right`,\n};\n\nexport default Arrow;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport styled from \"@emotion/styled\";\nimport { fontBold, textUpperCase } from \"./Styled\";\nimport { colors } from \"../utilities/themeVars\";\nimport arrow from \"../images/arrow.svg\";\nimport * as classes from \"./HeadingWithSub.module.css\";\nimport { Link } from \"gatsby\";\n\nconst Container = styled.div`\n  margin: 10px 0;\n\n  .main {\n    margin-bottom: 0;\n  }\n\n  .small {\n    font-size: 26px;\n  }\n  .subtitle {\n    ${[textUpperCase, fontBold]};\n    color: ${colors.primary};\n    font-size: 12px;\n    letter-spacing: 1px;\n    margin-top: 6px;\n  }\n  .img {\n    margin-left: 8px;\n  }\n  .headerLink {\n    color: #000;\n  }\n  .withArrow {\n    display: flex;\n  }\n`;\n\nconst HeadingWithSub = ({\n  main,\n  subTitle,\n  h2 = false,\n  backArrow = false,\n  link,\n}) => {\n  return (\n    <Container className={backArrow ? classes.withArrow : \"\"}>\n      {link ? (\n        <>\n          {h2 ? (\n            <Link to={link} className={\"headerLink\"}>\n              <h2 className=\"main small\">{main}</h2>\n            </Link>\n          ) : (\n            <h1 className=\"main\">{main}</h1>\n          )}\n          {subTitle && <div className={\"subtitle\"}>{subTitle}</div>}\n          {backArrow && <img className={\"img\"} src={arrow} alt=\"back arrow\" />}\n        </>\n      ) : (\n        <>\n          {h2 ? (\n            <h2 className=\"main small\">{main}</h2>\n          ) : (\n            <h1 className=\"main\">{main}</h1>\n          )}\n          {subTitle && <div className={\"subtitle\"}>{subTitle}</div>}\n          {backArrow && <img className={\"img\"} src={arrow} alt=\"back arrow\" />}\n        </>\n      )}\n    </Container>\n  );\n};\n\nHeadingWithSub.propTypes = {\n  main: PropTypes.string,\n  subtitle: PropTypes.string,\n};\n\nexport default HeadingWithSub;\n","// extracted by mini-css-extract-plugin\nexport var withArrow = \"HeadingWithSub-module--withArrow--smkBK\";","import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { colors } from \"../utilities/themeVars\";\nimport { graphql, StaticQuery, Link } from \"gatsby\";\nimport { GatsbyImage, getImage, StaticImage } from \"gatsby-plugin-image\";\nimport Arrow from \"./Arrow\";\n\nconst PlaceHolder = () => (\n  <StaticQuery\n    query={graphql`\n      query {\n        placeholderImage: file(\n          relativePath: { eq: \"artwork-placeholder.jpg\" }\n        ) {\n          childImageSharp {\n            gatsbyImageData(width: 82)\n          }\n        }\n      }\n    `}\n    render={(data) => {\n      return <GatsbyImage image={getImage(data.placeholderImage)} />;\n    }}\n  />\n);\n\nconst ATagType = ({\n  isDownload,\n  link,\n  children,\n  newTab,\n  isPdf,\n  originPath,\n  origin,\n  title,\n  category,\n}) =>\n  isDownload ? (\n    <a href={link} target={newTab ? \"_blank\" : \"\"} rel=\"noreferrer\">\n      {children}\n    </a>\n  ) : isPdf ? (\n    <Link\n      to=\"/reader\"\n      state={{\n        pdf: link,\n        originalPath: originPath,\n        origin: origin,\n        title: title,\n        category: category,\n      }}\n    >\n      {children}\n    </Link>\n  ) : (\n    <Link to={link}>{children}</Link>\n  );\n\nconst Container = styled.div`\n  > a {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 14px 0;\n    border-bottom: solid 1px ${colors.gray3};\n  }\n`;\n\nconst Left = styled.div`\n  margin-right: 10px;\n  max-width: 82px;\n\n  .img {\n    max-width: 82px;\n  }\n`;\n\nconst Right = styled.div`\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n\n  flex-grow: 1;\n\n  .title {\n    font-size: 16px;\n    color: ${colors.text};\n    margin-bottom: 4px;\n  }\n\n  .subtitle {\n    text-transform: uppercase;\n    font-weight: bold;\n    letter-spacing: 1px;\n    font-size: 12px;\n  }\n  .arrow {\n    min-width: 9px;\n    margin-left: 10px;\n  }\n`;\n\nconst LinkToTour = ({\n  title,\n  subtitle,\n  image = null,\n  link = \"/\",\n  displayImage = true,\n  isDownload = false,\n  newTab = false,\n  isPdf = false,\n  originPath = \"\",\n  origin = \"\",\n  category = \"\",\n}) => {\n  if (!image || image === null) {\n    image = <PlaceHolder />;\n  } else {\n    image = <GatsbyImage image={getImage(image)} width={82} />;\n  }\n\n  return (\n    <Container>\n      <ATagType\n        isDownload={isDownload}\n        link={subtitle !== \"Coming Soon\" ? link : \"\"}\n        newTab={newTab}\n        isPdf={isPdf}\n        originPath={originPath}\n        origin={origin}\n        title={title}\n        category={category}\n      >\n        {displayImage && image && (\n          <Left>{ image }</Left>\n        )}\n        <Right>\n          <div>\n            <div className={\"title\"}>{title}</div>\n            <div className={\"subtitle\"}>{subtitle}</div>\n          </div>\n          <div className=\"arrow\">\n            <Arrow direction={\"right\"} />\n          </div>\n        </Right>\n      </ATagType>\n    </Container>\n  );\n};\n\nexport default LinkToTour;\n","import { css } from \"@emotion/react\";\nimport { colors } from \"../utilities/themeVars\";\n\nexport const textUpperCase = css`\n  text-transform: uppercase;\n`;\n\nexport const colorPrimary = css`\n  color: ${colors.primary};\n`;\n\nexport const fontBold = css`\n  font-weight: bold;\n`;\n","import React from \"react\";\nimport { graphql } from \"gatsby\";\nimport HeadingWithSub from \"../components/HeadingWithSub\";\nimport LinkToTour from \"../components/LinkToTour\";\n\nimport { replacedTermName } from \"../utilities/helpers\";\nimport ParentRouteHandler from \"../components/ParentRouteHandler\";\n\nconst AudioTours = ({ data, location }) => {\n  const isNavigatedFromNavMenu = location.search.includes(\"from-nav=1\");\n\n  return (\n    <>\n      {isNavigatedFromNavMenu && <ParentRouteHandler title={\"back\"} />}\n\n      <div className=\"tours\">\n        <HeadingWithSub main={\"Audio Tours\"} h2={true} />\n        {data.allTaxonomyTermTours.edges.map(({ node: tour_term }, index) => {\n          return (\n            <LinkToTour\n              key={index}\n              title={tour_term.field_mobile_display_name}\n              subtitle={replacedTermName(tour_term.name)}\n              link={tour_term.path.alias}\n              image={\n                tour_term.rel.image[0].localFile\n                  ? tour_term.rel.image[0].localFile\n                  : null\n              }\n            />\n          );\n        })}\n      </div>\n    </>\n  );\n};\n\nexport default AudioTours;\n\nexport const query = graphql`\n  query {\n    collectionImage: file(\n      relativePath: { eq: \"the-collection-blue-dog-home.jpg\" }\n    ) {\n      childImageSharp {\n        gatsbyImageData(placeholder: BLURRED, width: 82)\n      }\n    }\n    allTaxonomyTermTours(\n      sort: { fields: [field_mobile_app_menu_weight], order: DESC }\n    ) {\n      edges {\n        node {\n          name\n          drupal_id\n          field_mobile_app_menu_weight\n          field_mobile_display_name\n          path {\n            alias\n          }\n          rel: relationships {\n            image: field_lightbox_image {\n              localFile {\n                relativePath\n                publicURL\n                childImageSharp {\n                  gatsbyImageData(placeholder: BLURRED)\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n`;\n","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4LjkyMSIgaGVpZ2h0PSIxMy45OTIiIHZpZXdCb3g9IjAgMCA4LjkyMSAxMy45OTIiPjxkZWZzPjxzdHlsZT4uYXtmaWxsOiNkNjAwMWM7fTwvc3R5bGU+PC9kZWZzPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNC4wNjcgLTEwLjQwNCkiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMuNjI4IDMuNjI4KSI+PHBhdGggY2xhc3M9ImEiIGQ9Ik0xMS43MzYsNy43NTIsMTguOSwxNC44MjZsLTcuMTc2LDYuOTE4LTEuNzM3LTEuOEwxNS4zMjEsMTQuOCw5Ljk4MSw5LjUzMloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuNDU4IC0wLjk3NSkiLz48L2c+PC9nPjwvc3ZnPg==\""],"names":["DirectionContainer","styled","props","direction","Arrow","src","arrow","alt","defaultProps","Container","textUpperCase","fontBold","colors","main","subTitle","h2","backArrow","link","className","Link","to","PlaceHolder","StaticQuery","query","render","data","G","image","getImage","placeholderImage","ATagType","isDownload","children","newTab","isPdf","originPath","origin","title","category","href","target","rel","state","pdf","originalPath","Left","Right","subtitle","displayImage","width","css","isNavigatedFromNavMenu","location","search","includes","allTaxonomyTermTours","edges","map","index","tour_term","node","key","field_mobile_display_name","replacedTermName","name","path","alias","localFile"],"sourceRoot":""}