{"version":3,"file":"641dc1d078af7494ac2970df69c91335e01169e8-ce83296cfc1f032b5bf1.js","mappings":"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","sources":["webpack://gravitywell-website-2019/./src/components/filters-applied/filters-applied.tsx","webpack://gravitywell-website-2019/./src/components/insights-teaser/insights-teaser.tsx","webpack://gravitywell-website-2019/./src/components/no-items-found/no-items-found.tsx","webpack://gravitywell-website-2019/./src/pages/insights.tsx"],"sourcesContent":["import React from \"react\";\n\nimport styled from \"../../theme/styled\";\nimport {\n  colourHelper,\n  fontLineHeightHelper,\n  fontSizeHelper,\n  fontWeightHelper\n} from \"../../theme/theme-helper\";\nimport { SmallColumnWidthWrapper } from \"../confines-wrappers\";\nimport Link from \"../link\";\n\ninterface IProps {\n  filter: string;\n  clearLink: string;\n  type: string;\n}\n\nconst FiltersAppliedWrapper = styled.aside`\n  transition: 0.2s ease-in-out;\n  padding-top: 3.2rem;\n  padding-bottom: 2.8rem;\n  border-bottom: 0.2rem solid\n    ${({ theme }) => colourHelper({\n    theme,\n    variant: \"lightestGrey\"\n  })};\n\n  .text {\n    margin-bottom: 0;\n    text-align: center;\n    font-size: ${({ theme }) => fontSizeHelper({\n    theme,\n    variant: \"body_2\"\n  })};\n    font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"light\"\n    })};\n    line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"default\"\n    })};\n\n    > span {\n      display: block;\n    }\n\n    .showing {\n      strong {\n        display: block;\n        font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"heavy\"\n    })};\n      }\n    }\n\n    .clear-link {\n      padding-top: 1.8rem;\n      color: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"brandColor\"\n  })};\n      font-size: ${({ theme }) => fontSizeHelper({\n    theme,\n    variant: \"body_1\"\n  })};\n    }\n  }\n\n  @media (min-width: 480px) {\n    .text {\n      .showing {\n        strong {\n          display: inline;\n        }\n      }\n    }\n  }\n\n  @media (min-width: 568px) {\n    .text {\n      font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_1\"\n    })};\n    }\n\n    .clear-link {\n      font-size: ${({ theme }) => fontSizeHelper({\n    theme,\n    variant: \"body_1\"\n  })};\n    }\n  }\n\n  @media (min-width: 960px) {\n    padding-top: 3.8rem;\n    padding-bottom: 3.4rem;\n\n    .text {\n      font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_2\"\n    })};\n    }\n  }\n`;\n\nconst FiltersApplied = ({\n  filter, clearLink, type\n}: IProps) => {\n  return (\n    <FiltersAppliedWrapper>\n      <SmallColumnWidthWrapper>\n        <p className=\"text\">\n          <span className=\"showing\">\n            Showing\n            {\" \"}\n\n            {type}\n            s for:\n\n            {\" \"}\n\n            <strong>\n              {filter}\n            </strong>\n          </span>\n\n          <span className=\"off-screen\">\n            .\n            <br />\n\n            <br />\n          </span>\n\n          <span className=\"clear-link\">\n            <span className=\"off-screen\">\n              Click here to\n              {\" \"}\n            </span>\n\n            <Link href={clearLink}>\n              Clear Filters\n            </Link>\n\n            <span className=\"off-screen\">\n              .\n            </span>\n          </span>\n        </p>\n      </SmallColumnWidthWrapper>\n    </FiltersAppliedWrapper>\n  );\n};\n\nexport default FiltersApplied;\n","import moment from \"moment\";\nimport React from \"react\";\n\nimport {\n  IFluid,\n  ILocalFile\n} from \"src/types/local-files\";\n\nimport styled from \"../../theme/styled\";\nimport {\n  colourHelper,\n  fontLineHeightHelper,\n  fontSizeHelper,\n  fontSpaceHelper,\n  fontWeightHelper\n} from \"../../theme/theme-helper\";\nimport { SmallColumnWidthWrapper } from \"../confines-wrappers\";\nimport DynamicImage from \"../dynamic-image\";\nimport { ISimpleTag } from \"../full-width-teaser/full-width-teaser\";\nimport Link from \"../link\";\nimport Wysiwyg from \"../wysiwyg\";\n\ninterface IInsightsTeaser {\n  title: string;\n  path: string;\n  cover: ILocalFile<IFluid>;\n  alt: string;\n  author: string;\n  excerpt: string;\n  created: string;\n  tags?: ISimpleTag[];\n}\n\nconst InsightsTeaserContainer = styled(SmallColumnWidthWrapper)`\n  transition: 0.2s ease-in-out;\n  position: relative;\n\n  .insights-teaser-wrapper {\n    transition: 0.2s ease-in-out;\n    position: relative;\n\n    * {\n      margin-bottom: 0;\n    }\n\n    .content {\n      position: relative;\n      padding-top: 74%;\n\n      header {\n        position: relative;\n      }\n\n      h2 {\n        padding-top: 2.4rem;\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_1\"\n    })};\n        font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"heavy\"\n    })};\n        line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"default\"\n    })};\n\n        a {\n          border-bottom: 0.2rem solid transparent;\n\n          &:hover {\n            border-bottom-color: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"brandColor\"\n    })};\n          }\n        }\n      }\n\n      span {\n        display: block;\n      }\n\n      .authored-on {\n        position: absolute;\n        z-index: 2;\n        top: 0;\n        left: 0;\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"small_2\"\n    })};\n        line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"normalized\"\n    })};\n        letter-spacing: ${({ theme }) =>\n    fontSpaceHelper({\n      theme,\n      variant: \"medium\"\n    })};\n        text-transform: uppercase;\n      }\n\n      .authored-on,\n      .authored-by,\n      .tags {\n        font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"light\"\n    })};\n      }\n\n      .authored-on,\n      .authored-by {\n        color: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"lightGrey\"\n  })};\n      }\n\n      .authored-by,\n      .tags {\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"small_3\"\n    })};\n        line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"small\"\n    })};\n      }\n\n      .authored-by {\n        padding-top: 1.4rem;\n      }\n\n      p {\n        margin-bottom: 0;\n        padding-top: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"default\"\n    })};\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_1\"\n    })};\n        font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"light\"\n    })};\n        line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"default\"\n    })};\n      }\n\n      .tags {\n        margin: 0;\n        padding-top: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"default\"\n    })};\n        padding-left: 0;\n        list-style: none;\n        color: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"brandColorLight\"\n    })};\n\n        li {\n          display: inline;\n\n          &:nth-last-child(1n + 2) {\n            &:after {\n              content: \", \";\n            }\n          }\n        }\n      }\n    }\n\n    .image {\n      position: absolute;\n      z-index: 2;\n      top: 0;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 100%;\n\n      a {\n        display: block;\n        width: 100%;\n      }\n    }\n  }\n\n  @media (min-width: 375px) {\n    .insights-teaser-wrapper {\n      margin: 0 auto;\n      width: 33.5rem;\n    }\n  }\n\n  @media (min-width: 600px) {\n    .insights-teaser-wrapper {\n      padding-left: 38%;\n      width: 100%;\n\n      .content {\n        padding-top: 0;\n      }\n\n      .image {\n        left: 0;\n        transform: translateX(0);\n        width: 32%;\n      }\n    }\n  }\n\n  @media (min-width: 768px) {\n    .insights-teaser-wrapper {\n      .content {\n        h2 {\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_2\"\n    })};\n        }\n\n        .authored-on {\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"small_2\"\n    })};\n        }\n\n        .authored-by,\n        .tags {\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"small_3\"\n    })};\n        }\n      }\n    }\n  }\n\n  @media (min-width: 960px) {\n    .insights-teaser-wrapper {\n      .content {\n        h2 {\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"title\"\n    })};\n        }\n\n        .authored-on {\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"small_3\"\n    })};\n        }\n\n        .authored-by,\n        .tags {\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_1\"\n    })};\n        }\n\n        p {\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_2\"\n    })};\n        }\n      }\n    }\n  }\n`;\n\nconst InsightsTeaser = ({\n  author,\n  title,\n  cover,\n  alt,\n  created,\n  excerpt,\n  path,\n  tags\n}: IInsightsTeaser) => {\n  const date = moment.utc(created).format(\"D MMM YYYY\");\n\n  return (\n    <InsightsTeaserContainer className=\"insights-teaser-container\">\n      <article className=\"insights-teaser-wrapper\">\n        <div className=\"content\">\n          <header role=\"banner\">\n            <h2>\n              <Link\n                type=\"none\"\n                href={path}\n              >\n                {title}\n              </Link>\n            </h2>\n\n            <span className=\"authored-on\">\n              <span className=\"off-screen\">\n                Published on\n                {\" \"}\n              </span>\n\n              {date}\n\n              <span className=\"off-screen\">\n                ,\n                {\" \"}\n              </span>\n            </span>\n\n            <span className=\"authored-by\">\n              By\n              {\" \"}\n\n              {author}\n\n              <span className=\"off-screen\">\n                .\n              </span>\n            </span>\n          </header>\n\n          <Wysiwyg\n            className=\"excerpt\"\n            type=\"plain\"\n            content={excerpt}\n          />\n\n          {tags && (\n            <footer role=\"contentinfo\">\n              <ul className=\"tags\">\n                {tags.map((tag, i: number) => {\n                  return (\n                    <li key={i}>\n                      <Link href={tag.path.alias}>\n                        {tag.name}\n                      </Link>\n                    </li>\n                  );\n                })}\n              </ul>\n            </footer>\n          )}\n        </div>\n\n        <div className=\"image\">\n          <Link\n            type=\"none\"\n            href={path}\n          >\n            <DynamicImage\n              data={cover}\n              alt={alt}\n            />\n          </Link>\n        </div>\n      </article>\n    </InsightsTeaserContainer>\n  );\n};\n\nexport default InsightsTeaser;\n","import * as React from \"react\";\n\nimport styled from \"../../theme/styled\";\nimport {\n  fontLineHeightHelper,\n  fontSizeHelper\n} from \"../../theme/theme-helper\";\nimport { FullWidthColumnWrapper } from \"../confines-wrappers\";\n\ninterface IProps {\n  className?: string;\n  children: React.ReactElement;\n}\n\nconst NoItemsFoundContainer = styled.aside`\n  .no-content-wrapper {\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    min-height: 34.8rem;\n\n    p {\n      margin-bottom: 0;\n      text-align: center;\n      font-size: ${({ theme }) => fontSizeHelper({\n    theme,\n    variant: \"body_1\"\n  })};\n      line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"small\"\n    })};\n    }\n  }\n\n  @media (min-width: 568px) {\n    .no-content-wrapper {\n      p {\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_2\"\n    })};\n      }\n    }\n  }\n\n  @media (min-width: 960px) {\n    .no-content-wrapper {\n      p {\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_2\"\n    })};\n      }\n    }\n  }\n`;\n\n/**\n * No items found class component\n */\nconst NoItemsFound = ({ className, children }: IProps) => {\n  const classes = `no-content-container${className ? ` ${className}` : \"\"}`;\n\n  return (\n    <NoItemsFoundContainer className={classes}>\n      <FullWidthColumnWrapper className=\"content-container no-content-wrapper\">\n        {children}\n      </FullWidthColumnWrapper>\n    </NoItemsFoundContainer>\n  );\n};\n\nexport default NoItemsFound;\n","import { graphql } from \"gatsby\";\nimport React from \"react\";\nimport styled from \"styled-components\";\n\nimport {\n  IFixed,\n  IFluid,\n  ILocalFile\n  , IImageMeta\n} from \"../types/local-files\";\nimport {\n  FullWidthColumnWrapper,\n  MediumColumnWidthWrapper,\n  SmallColumnWidthWrapper\n} from \"../components/confines-wrappers\";\nimport { IFieldTechnicalArticle } from \"../components/field-technical-article/field-technical-article\";\nimport Footer from \"../components/footer\";\nimport FullWidthTeaser from \"../components/full-width-teaser\";\nimport { ISimpleTag } from \"../components/full-width-teaser/full-width-teaser\";\nimport GetInTouch from \"../components/get-in-touch\";\nimport Header from \"../components/header\";\nimport HelmetWrapper from \"../components/helmet-wrapper\";\nimport HeroTags from \"../components/hero-tags\";\nimport { breadCrumbSchema } from \"../components/html-schema-snippets\";\nimport Icon from \"../components/icon\";\nimport InsightsTeaser from \"../components/insights-teaser\";\nimport Layout from \"../components/layout\";\nimport PageTop from \"../components/page-top\";\nimport Pagination from \"../components/pagination\";\nimport Wysiwyg from \"../components/wysiwyg\";\nimport getProfile from \"../templates/utils/getProfile\";\nimport {\n  colourHelper,\n  fontLineHeightHelper,\n  fontSizeHelper,\n  fontWeightHelper\n} from \"../theme/theme-helper\";\nimport { IProfileData } from \"./about-us\";\n\nexport interface IInsightsArticleData {\n  title: string;\n  id: string;\n  created: string;\n  changed: string;\n  field_meta_description: string;\n  path: {\n    alias: string;\n  };\n  field_approx_reading_time: string;\n  field_cover_image: IImageMeta;\n  field_labs_main_summary: {\n    processed: string;\n  };\n  field_labs_cover_summary: {\n    processed: string;\n  };\n  relationships: {\n    field_technical_article: IFieldTechnicalArticle[];\n    field_labs_tags: ISimpleTag[];\n    author: IProfileData;\n    field_meta_image?: ILocalFile<IFixed>;\n    field_cover_image: ILocalFile<IFluid>;\n    field_hero_image?: ILocalFile<IFixed>;\n    field_mobile_hero_image?: ILocalFile<IFixed>;\n    field_related_labs_projects: Array<{\n      created: string;\n      title: string;\n      path: {\n        alias: string;\n      };\n      relationships: {\n        field_labs_tags?: ISimpleTag[];\n        author: IProfileData;\n        field_cover_image: ILocalFile<IFluid>;\n      };\n    }>;\n  };\n}\n\ninterface INodeData {\n  node: IInsightsArticleData;\n}\n\nexport interface ITaxonomyTermInsights {\n  node: {\n    name: string;\n    path: {\n      alias: string;\n    };\n  };\n}\n\ninterface IInsightsProps {\n  totalInsights: {\n    totalCount: number;\n  };\n  nodeLabsOverview: {\n    changed: string;\n    title: string;\n    field_intro_text: string;\n    field_meta_description: string;\n    relationships: {\n      field_featured_labs_article: IInsightsArticleData;\n    };\n  };\n  allNodeLabsArticle: {\n    edges: INodeData[];\n  };\n  allTaxonomyTermLabs: {\n    edges: ITaxonomyTermInsights[];\n  };\n}\n\nexport const PageTopCustom = styled.div`\n  background-color: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"lightestGrey\"\n    })};\n\n  .top-content {\n    transition: 0.2s ease-in-out;\n    padding-top: 10%;\n    padding-bottom: 10%;\n\n    .content {\n      position: relative;\n\n      .heading-container {\n        position: relative;\n        transition: 0.2s ease-in-out;\n\n        .heading,\n        h2,\n        .into-text {\n          color: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"white\"\n  })};\n        }\n\n        .heading,\n        h2 {\n          transition: 0.2s ease-in-out;\n          margin: 0;\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"title\"\n    })};\n          font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"heavy\"\n    })};\n          line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"small\"\n    })};\n        }\n\n        .into-text {\n          margin: 0;\n          padding-top: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"default\"\n    })};\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_1\"\n    })};\n          font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"light\"\n    })};\n          line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"default\"\n    })};\n        }\n\n        .icon {\n          display: none !important;\n          fill: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"white\"\n  })};\n        }\n      }\n    }\n  }\n\n  @media (min-width: 480px) {\n    .top-content {\n      .content {\n        .heading-container {\n          .heading,\n          h2 {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_1\"\n    })};\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 600px) {\n    .top-content {\n      .content {\n        .heading-container {\n          padding-left: 5.4rem;\n\n          .into-text {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_1\"\n    })};\n          }\n\n          .icon {\n            display: inline-block !important;\n            position: absolute;\n            top: -2rem;\n            left: 0;\n          }\n        }\n\n        .hero-tags-container {\n          margin-left: 2rem;\n        }\n      }\n    }\n  }\n\n  @media (min-width: 768px) {\n    .top-content {\n      padding-top: 8.8rem;\n      padding-bottom: 8.8rem;\n    }\n  }\n\n  @media (min-width: 960px) {\n    .top-content {\n      .content {\n        .heading-container {\n          max-width: 98rem;\n        }\n      }\n    }\n  }\n\n  @media (min-width: 1280px) {\n    .top-content {\n      .content {\n        .heading-container {\n          max-width: 112rem;\n\n          .into-text {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_2\"\n    })};\n          }\n        }\n      }\n    }\n  }\n`;\n\nexport const InsightsTeasersContainer = styled.div`\n  padding-top: 0;\n\n  .insights-teasers-wrapper {\n    transition: 0.2s ease-in-out;\n    position: relative;\n    margin-top: 16%;\n    padding-top: 16%;\n\n    &:first-child {\n      margin-top: 0;\n      border-top: 0;\n\n      .hr {\n        display: none;\n      }\n    }\n\n    .hr {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n\n      span {\n        display: block;\n        height: 0.2rem;\n        background-color: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"lightestGrey\"\n    })};\n      }\n    }\n  }\n\n  .featured-article-container + .insights-teasers-wrapper {\n    padding-top: 0;\n\n    .hr {\n      display: none;\n    }\n  }\n\n  @media (min-width: 568px) {\n    .insights-teasers-wrapper {\n      margin-top: 8.8rem;\n      padding-top: 8.8rem;\n    }\n  }\n`;\n\nconst Insights = ({ data }: { data: IInsightsProps }) => {\n  const breadcrumbsSchemaData = breadCrumbSchema([\n    {\n      name: \"Insights\",\n      path: \"/insights\"\n    }\n  ]);\n\n  const schemaJson = [ breadcrumbsSchemaData ];\n\n  const featuredArticle =\n    data.nodeLabsOverview.relationships.field_featured_labs_article;\n\n  const filteredArticles = data.allNodeLabsArticle.edges.filter(edge => {\n    return edge.node.id !== featuredArticle.id;\n  });\n\n  // Add the featured article to the start of the filteredArticles list\n  filteredArticles.unshift({ node: featuredArticle });\n\n  return (\n    <Layout>\n      <>\n        <HelmetWrapper\n          canonicalPath=\"/insights\"\n          title={data.nodeLabsOverview.title}\n          description={data.nodeLabsOverview.field_meta_description}\n          updatedAt={data.nodeLabsOverview.changed}\n        >\n          <script type=\"application/ld+json\">\n            {JSON.stringify(schemaJson)}\n          </script>\n        </HelmetWrapper>\n\n        <header\n          role=\"banner\"\n          id=\"header\"\n        >\n          <Header\n            initialLogo\n            initialTheme=\"dark\"\n          />\n\n          <PageTopCustom id=\"hero\">\n            <PageTop\n              gradient=\"orangePink\"\n              height=\"small\"\n            >\n              <FullWidthColumnWrapper>\n                <div className=\"top-content\">\n                  <div className=\"content\">\n                    <div className=\"heading-container\">\n                      <p className=\"heading\">\n                        {data.nodeLabsOverview.title}\n                      </p>\n\n                      <p className=\"into-text\">\n                        <Wysiwyg\n                          type=\"formatted\"\n                          content={data.nodeLabsOverview.field_intro_text}\n                        />\n                      </p>\n\n                      <Icon\n                        className=\"icon\"\n                        icon=\"lightbulb\"\n                        size={4}\n                      />\n                    </div>\n\n                    <HeroTags\n                      initialTheme=\"dark\"\n                      featuredPath=\"/insights\"\n                      tags={data.allTaxonomyTermLabs.edges.map(tag => {\n                        return {\n                          name: tag.node.name,\n                          path: tag.node.path.alias\n                        };\n                      })}\n                    />\n                  </div>\n                </div>\n              </FullWidthColumnWrapper>\n            </PageTop>\n          </PageTopCustom>\n        </header>\n\n        <main\n          id=\"main-content\"\n          role=\"main\"\n        >\n          <h1 className=\"off-screen\">\n            {data.nodeLabsOverview.title}\n          </h1>\n\n          <InsightsTeasersContainer className=\"content-container\">\n            {filteredArticles.slice(0, 1).map((post: INodeData, i) => {\n              const featured: boolean = i === 0;\n              const profile = getProfile(post.node.relationships.author);\n\n              return (\n                <FullWidthTeaser\n                  key={post.node.id}\n                  created={post.node.created}\n                  path={post.node.path.alias}\n                  title={post.node.title}\n                  author={profile.field_full_name}\n                  cover={post.node.relationships.field_cover_image}\n                  alt={post.node.field_cover_image.alt}\n                  featured={featured}\n                  excerpt={post.node.field_labs_cover_summary.processed}\n                  tags={post.node.relationships.field_labs_tags}\n                />\n              );\n            })}\n\n            {filteredArticles.slice(1, 11).map((post: INodeData) => {\n              const profile = getProfile(post.node.relationships.author);\n\n              return (\n                <div\n                  className=\"insights-teasers-wrapper\"\n                  key={post.node.id}\n                >\n                  <InsightsTeaser\n                    path={post.node.path.alias}\n                    title={post.node.title}\n                    created={post.node.created}\n                    author={profile.field_full_name}\n                    cover={post.node.relationships.field_cover_image}\n                    alt={post.node.field_cover_image.alt}\n                    excerpt={post.node.field_labs_cover_summary.processed}\n                    tags={post.node.relationships.field_labs_tags}\n                  />\n\n                  <div className=\"hr\">\n                    <MediumColumnWidthWrapper>\n                      <span />\n                    </MediumColumnWidthWrapper>\n                  </div>\n                </div>\n              );\n            })}\n          </InsightsTeasersContainer>\n\n          <aside>\n            <SmallColumnWidthWrapper>\n              <Pagination\n                current={0}\n                total={data.totalInsights.totalCount}\n                limit={10}\n                slug=\"/insights\"\n              />\n            </SmallColumnWidthWrapper>\n          </aside>\n        </main>\n\n        <footer role=\"contentinfo\">\n          <GetInTouch\n            links={[\n              {\n                href: \"/latest\",\n                text: \"Latest\"\n              },\n              {\n                href: \"/about-us\",\n                text: \"Meet the team\"\n              }\n            ]}\n          />\n\n          <Footer />\n        </footer>\n      </>\n    </Layout>\n  );\n};\n\nexport const query = graphql`\n  query labsQuery($labsLimit: Int = 11, $tagLimit: Int = 9) {\n    totalInsights: allNodeLabsArticle {\n      totalCount\n    }\n    nodeLabsOverview {\n      created\n      changed\n      title\n      field_intro_text\n      field_meta_description\n      relationships {\n        field_featured_labs_article {\n          ...getLabsData\n        }\n      }\n    }\n    ...getAllLabs\n    ...getLabsTags\n  }\n`;\n\nexport default Insights;\n"],"names":["FiltersAppliedWrapper","styled","theme","colourHelper","variant","fontSizeHelper","fontWeightHelper","fontLineHeightHelper","filter","clearLink","type","className","href","InsightsTeaserContainer","SmallColumnWidthWrapper","fontSpaceHelper","author","title","cover","alt","created","excerpt","path","tags","date","moment","format","role","content","map","tag","i","key","alias","name","data","NoItemsFoundContainer","children","classes","PageTopCustom","InsightsTeasersContainer","schemaJson","breadCrumbSchema","featuredArticle","nodeLabsOverview","relationships","field_featured_labs_article","filteredArticles","allNodeLabsArticle","edges","edge","node","id","unshift","canonicalPath","description","field_meta_description","updatedAt","changed","JSON","stringify","initialLogo","initialTheme","gradient","height","field_intro_text","icon","size","featuredPath","allTaxonomyTermLabs","slice","post","featured","profile","getProfile","field_full_name","field_cover_image","field_labs_cover_summary","processed","field_labs_tags","current","total","totalInsights","totalCount","limit","slug","links","text"],"sourceRoot":""}