{"version":3,"file":"component---src-templates-homepage-index-tsx-b183c95bb61441a83bb2.js","mappings":"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","sources":["webpack://WHU-FrontEnd/./src/modules/Homepage/ProgramsSummary/styles.js","webpack://WHU-FrontEnd/./src/modules/Homepage/ProgramsSummary/Entry.tsx","webpack://WHU-FrontEnd/./packages/ui/src/elements/Tabs/TabsSlide/styles.jsx","webpack://WHU-FrontEnd/./packages/ui/src/elements/Tabs/TabsSlide/Nav.jsx","webpack://WHU-FrontEnd/./packages/ui/src/elements/Tabs/TabsSlide/index.jsx","webpack://WHU-FrontEnd/./packages/ui/src/elements/Tabs/Tabs.jsx","webpack://WHU-FrontEnd/./packages/ui/src/elements/Tabs/TabPanel.jsx","webpack://WHU-FrontEnd/./src/modules/Homepage/ProgramsSummary/index.tsx","webpack://WHU-FrontEnd/./src/modules/Homepage/ProgramsIntro/styles.js","webpack://WHU-FrontEnd/./src/modules/Homepage/ProgramsIntro/index.tsx","webpack://WHU-FrontEnd/./src/modules/Homepage/Reasons/styles.js","webpack://WHU-FrontEnd/./src/modules/Homepage/Reasons/index.jsx","webpack://WHU-FrontEnd/./src/modules/Homepage/HeroBackground.tsx","webpack://WHU-FrontEnd/./src/modules/Homepage/play.svg","webpack://WHU-FrontEnd/./src/modules/Homepage/pause.svg","webpack://WHU-FrontEnd/./src/templates/homepage/index.tsx","webpack://WHU-FrontEnd/./src/utils/localize.ts","webpack://WHU-FrontEnd/./packages/ui/src/elements/Tabs/styles.jsx","webpack://WHU-FrontEnd/./src/decorators/withLocalization.jsx"],"sourcesContent":["import styled from 'styled-components'\nimport { Heading } from 'ui/elements/Heading/styles'\nimport { ContentBox } from 'widgets/ContentBox/styles'\n\nexport const ProgramEntry = styled.div`\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n\n  ${ContentBox} {\n    padding-top: 15px;\n    margin: auto 0 15px;\n  }\n`\n\nexport const ProgramEntryHeader = styled.header`\n  position: relative;\n  margin: 0 0 auto;\n\n  ${Heading} {\n    margin: 15px 0 0;\n\n    a {\n      :before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n\n        height: 100%;\n        width: 100%;\n      }\n    }\n  }\n`\n\nexport const ProgramEntryFooter = styled.footer`\n  margin: 0;\n`\n","import React from 'react'\nimport Button from 'ui/elements/Button'\nimport OpticalHeading from 'ui/elements/Heading/OpticalHeading'\nimport { useTranslation } from 'gatsby-plugin-react-i18next'\n\nimport Image from 'widgets/Image'\nimport ContentBox from 'widgets/ContentBox'\nimport Link from 'widgets/Link'\nimport { useGetInternalLink } from 'utils/helpers'\n\nimport { palette } from 'modules/OpenPrograms/utils'\n\nimport * as S from './styles'\nimport { graphql } from 'gatsby'\nimport { sendMatomoEvent } from '../../../tracking/matomo'\n\nconst Entry: React.FC<{\n  program: Queries.ProgramEntryFragment\n}> = ({ program }) => {\n  const { t } = useTranslation('common')\n  const hero = program?.hero\n  const to = useGetInternalLink(program, 'program')\n\n  return (\n    <S.ProgramEntry key={program.id}>\n      <S.ProgramEntryHeader>\n        {hero && (\n          <Image\n            gatsbyImageData={hero.gatsbyImageData}\n            alt={hero.alt?.localized ?? program.title ?? ''}\n          />\n        )}\n        <OpticalHeading renderAs=\"h3\" level={6} color={palette.variant}>\n          <Link to={to}>{program.short_title ?? program.title ?? ''}</Link>\n        </OpticalHeading>\n      </S.ProgramEntryHeader>\n\n      {program._rawIntro && (\n        <ContentBox blocks={program._rawIntro[0]} truncateLines={4} />\n      )}\n\n      <S.ProgramEntryFooter>\n        <Button\n          to={to}\n          variant=\"outlined\"\n          color=\"secondaryAlpha\"\n          as={Link}\n          onClick={() =>\n            sendMatomoEvent('Find out more', 'Click', program.title ?? '')\n          }\n        >\n          {t('findOutMore')}\n        </Button>\n      </S.ProgramEntryFooter>\n    </S.ProgramEntry>\n  )\n}\n\nexport default Entry\n\nexport const query = graphql`\n  fragment ProgramEntry on SanityProgram {\n    id\n    title\n    short_title\n    _rawIntro(resolveReferences: { maxDepth: 1 })\n    category {\n      id\n    }\n    hero {\n      alt {\n        localized(locale: $language)\n      }\n      gatsbyImageData(\n        width: 250\n        height: 160\n        layout: FIXED\n        fit: CROP\n        placeholder: DOMINANT_COLOR\n      )\n    }\n  }\n`\n","import styled from 'styled-components'\nimport { breakpoint } from '../../ThemeProvider'\n\nimport * as Shared from '../styles'\nimport { TabPanel } from '../styles'\n\nconst CARET_WIDTH = 50\nconst CARET_HEIGHT = 20\n\nconst GAP = 16\n\nexport const NavItem = styled(Shared.NavItemDummy)`\n  padding: 35px 15px;\n`\n\nexport const Nav = styled.nav`\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n\n  ${NavItem} {\n    flex: 0 0 ${(props) => `calc(100% / ${props.length} - ${GAP}px)`};\n  }\n\n  ${breakpoint.lg`\n    justify-content: space-between;\n    flex-direction: row;\n    margin: 0;\n  `}\n`\n\nexport const TrackerIndicator = styled.span`\n  display: block;\n  transition: transform 0.5s;\n  width: ${CARET_HEIGHT}px;\n  height: ${CARET_WIDTH}px;\n  will-change: auto;\n\n  &:after,\n  &:before {\n    content: '';\n    top: 0;\n    left: 0;\n    right: 0;\n    left: 0;\n    bottom: 0;\n    position: absolute;\n    margin: auto;\n    width: 0;\n    height: 0;\n    border-style: solid;\n    border-width: ${CARET_WIDTH / 2}px ${CARET_HEIGHT}px ${CARET_WIDTH / 2}px 0;\n  }\n\n  &:after {\n    border-color: transparent ${(props) => props.theme.palette.primary}\n      transparent transparent;\n  }\n\n  &:before {\n    border-color: transparent ${(props) => props.theme.palette.white}\n      transparent transparent;\n    z-index: 2;\n    left: 1px;\n  }\n\n  ${breakpoint.lg`\n    width: ${CARET_WIDTH}px;\n    height: ${CARET_HEIGHT}px;\n    \n    &:after,\n    &:before {\n      border-width: 0 ${CARET_WIDTH / 2}px ${CARET_HEIGHT}px ${\n    CARET_WIDTH / 2\n  }px;\n    }\n    \n    &:after {\n      border-color: transparent transparent ${(props) =>\n        props.theme.palette.primary} transparent;\n    }\n    \n    &:before {\n      border-color: transparent transparent ${(props) =>\n        props.theme.palette.white} transparent;\n      top: 2px;\n      left: 0;\n    }\n  `}\n`\n\nexport const Tracker = styled.div`\n  position: relative;\n  z-index: 2;\n\n  ${TrackerIndicator} {\n    height: ${(props) => `calc(100% / ${props.length} - ${GAP}px)`};\n    transform: ${(props) => {\n      const space = (props.length * GAP) / (props.length - 1)\n      return `translateY(calc(${100 * props.active}% + ${\n        space * props.active\n      }px))`\n    }};\n\n    ${breakpoint.lg`\n      width: ${(props) => `calc(100% / ${props.length} - ${GAP}px)`};\n      height: 100%;\n      transform: ${(props) => {\n        const space = (props.length * GAP) / (props.length - 1)\n        return `translateX(calc(${100 * props.active}% + ${\n          space * props.active\n        }px))`\n      }};\n    `}\n  }\n`\n\nexport const NavContainer = styled.div`\n  display: flex;\n\n  ${Nav} {\n    flex: 1 1 auto;\n  }\n\n  ${Tracker} {\n    margin: 0 0 0 8px;\n\n    ${breakpoint.lg`\n      margin: 8px 0 0 0;\n      height: ${CARET_HEIGHT}px\n    `}\n  }\n\n  ${breakpoint.lg`\n    flex-direction: column;\n  `}\n`\n\nexport const Content = styled.div`\n  position: relative;\n  border: 1px solid ${(props) => props.theme.palette.primary};\n  overflow: hidden;\n`\n\nexport const ContentInner = styled.div`\n  display: flex;\n\n  ${TabPanel} {\n    transform: translateX(${(props) => `${-props.active * 100}%`});\n  }\n`\n\nexport const Tabs = styled.div`\n  display: flex;\n\n  ${breakpoint.lg`\n    flex-direction: column;\n  `}\n\n  ${NavContainer}, ${Content} {\n    flex: 0 0 50%;\n  }\n`\n","import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport * as S from './styles'\nimport { NavItemActive } from '../styles'\n\nconst Nav = ({ items, active, onTabClick }) => {\n  return (\n    <S.NavContainer>\n      <S.Nav length={items.length}>\n        {items.map((item, index) => (\n          <S.NavItem\n            length={items.length}\n            as={active === index && NavItemActive}\n            key={index}\n            image={item.image}\n            onClick={(ev) => {\n              ev.preventDefault()\n              onTabClick(index)\n            }}\n          >\n            <span>{item.label}</span>\n          </S.NavItem>\n        ))}\n      </S.Nav>\n      <S.Tracker active={active} length={items.length}>\n        <S.TrackerIndicator />\n      </S.Tracker>\n    </S.NavContainer>\n  )\n}\n\nNav.propTypes = {\n  items: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string.isRequired,\n      image: PropTypes.string,\n    })\n  ).isRequired,\n  active: PropTypes.number.isRequired,\n  onTabClick: PropTypes.func.isRequired,\n}\n\nNav.defaultProps = {\n  onTabClick: () => null,\n}\n\nexport default Nav\n","import React, { useState } from 'react'\nimport PropTypes from 'prop-types'\n\nimport * as S from './styles'\n\nimport Nav from './Nav'\n\nconst TabsSlider = ({ children }) => {\n  const [active, setActive] = useState(0)\n  const items = React.Children.map(children, ({ props }) => ({\n    label: props.label,\n    image: props.image,\n  }))\n\n  return (\n    <S.Tabs>\n      <Nav active={active} onTabClick={setActive} items={items} />\n      <S.Content>\n        <S.ContentInner active={active}>{children}</S.ContentInner>\n      </S.Content>\n    </S.Tabs>\n  )\n}\n\nTabsSlider.propTypes = {\n  children: PropTypes.any,\n}\n\nexport default TabsSlider\n","import React, { useMemo, useRef } from 'react'\nimport { useScreenClass } from '../ThemeProvider'\nimport { useIsSSR } from 'utils/isSSR'\n\nimport TabsSlide from './TabsSlide'\nimport { lazyload } from '../../../../../src/utils/lazyload'\n\nconst TabsCollapse = lazyload(() => import('./TabsCollapse'))\n\nconst Tabs = ({ children }) => {\n  const ref = useRef(null)\n  const screenClass = useScreenClass(ref)\n  const isSSR = useIsSSR()\n\n  const isMobile = useMemo(() => {\n    return ['xs', 'sm'].includes(screenClass)\n  }, [screenClass])\n\n  if (isSSR) {\n    return null\n  }\n\n  return (\n    <div ref={ref}>\n      {isMobile && <TabsCollapse>{children}</TabsCollapse>}\n      {!isMobile && <TabsSlide>{children}</TabsSlide>}\n    </div>\n  )\n}\n\nexport default Tabs\n","import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport * as S from './styles'\n\nconst TabPanel = ({ children }) => {\n  return <S.TabPanel>{children}</S.TabPanel>\n}\n\nTabPanel.propTypes = {\n  children: PropTypes.node.isRequired,\n}\n\nexport default TabPanel\n","import React, { useMemo } from 'react'\nimport { useStaticQuery, graphql } from 'gatsby'\n\nimport { buildCategoryProgramMap } from 'modules/OpenPrograms/utils'\nimport { flattenResponse } from 'utils/helpers'\nimport { useLocalize } from 'utils/localize'\n\nimport Entry from './Entry'\nimport { TabPanel, Tabs } from 'ui/elements/Tabs'\nimport Carousel from 'ui/elements/Carousel'\nimport Heading from 'ui/elements/Heading'\n\nexport const query = graphql`\n  fragment ReadProgramsSummary on Query {\n    ProgramsSummaryCategories: allSanityCategories(sort: [{ title: ASC }]) {\n      edges {\n        node {\n          title\n          id\n        }\n      }\n    }\n\n    ProgramsSummaryPrograms: allSanityProgram(\n      filter: { disabled: { ne: true }, hidden: { ne: true } }\n    ) {\n      edges {\n        node {\n          ...ProgramEntry\n        }\n      }\n    }\n  }\n`\n\nconst ProgramsSummary: React.FC<{\n  data: Pick<\n    Queries.ReadProgramsSummaryFragment,\n    'ProgramsSummaryCategories' | 'ProgramsSummaryPrograms'\n  >\n}> = ({ data }) => {\n  const categories = useMemo(() => {\n    return data.ProgramsSummaryCategories.edges.map((e) => e.node)\n  }, [])\n\n  const _programs = useMemo(() => {\n    return data.ProgramsSummaryPrograms.edges.map((e) => e.node)\n  }, [data])\n\n  const programs = useLocalize(_programs)\n\n  const entries = useMemo(() => {\n    return buildCategoryProgramMap(categories, programs)\n  }, [categories, programs])\n\n  return (\n    <Tabs>\n      {entries.map((entry) => (\n        // @ts-ignore\n        <TabPanel label={entry.title} key={entry.id}>\n          <Heading level={2} hidden>\n            {entry.title}\n          </Heading>\n          {/*@ts-ignore*/}\n          <Carousel\n            responsive={{\n              xs: { items: 1 },\n              sm: { items: 2 },\n              md: { items: 2 },\n              lg: { items: 2 },\n            }}\n          >\n            {entry.programs.map((program) => (\n              <Entry key={program.id} program={program} />\n            ))}\n          </Carousel>\n        </TabPanel>\n      ))}\n    </Tabs>\n  )\n}\n\nexport default ProgramsSummary\n","import styled, { css } from 'styled-components'\nimport { breakpoint } from 'ui/elements/ThemeProvider/utils'\n\nexport const ProgramsIntro = styled.div`\n  text-align: center;\n\n  ${breakpoint.md(\n    () => css`\n      width: ${(10 / 12) * 100}%;\n      margin: 0 auto;\n    `\n  )}\n`\n\nexport const NavBox = styled.div`\n  color: ${(props) => props.theme.palette.white};\n  border: 1px solid ${(props) => props.theme.palette[props.color]};\n  background: ${(props) => props.theme.palette[props.color]};\n  padding: 30px 25px 30px 15px;\n  display: flex;\n  align-items: center;\n  text-align: left;\n  cursor: pointer;\n  transition: all 0.2s ease-in-out;\n  margin: 10px 0;\n  text-decoration: none;\n\n  ${breakpoint.lg`\n    margin: 0;\n  `}\n\n  &:hover {\n    background: ${(props) => props.theme.palette.white};\n    color: ${(props) => props.theme.palette[props.color]};\n  }\n\n  header {\n    padding-left: 20px;\n  }\n\n  .h1 {\n    display: block;\n    font-size: 2.2rem;\n    font-weight: 700;\n    margin: 0;\n  }\n\n  .h5 {\n    display: block;\n    font-size: 1.4rem;\n    font-weight: 500;\n    text-transform: uppercase;\n    margin: 0;\n  }\n`\n\nexport const Intro = styled.p`\n  font-size: 1.25em;\n\n  ${breakpoint.md(\n    () => css`\n      width: ${(10 / 12) * 100}%;\n      margin: 0 auto;\n    `\n  )}\n`\n","import React from 'react'\nimport { Row, Col } from 'ui/elements/Grid'\nimport Icon from 'ui/elements/Icon'\nimport { useTranslation } from 'gatsby-plugin-react-i18next'\n\nimport * as S from './styles'\nimport Link, { useNavigation } from 'widgets/Link'\n\nconst ProgramsIntro: React.FC<{\n  intro: string | undefined\n}> = ({ intro }) => {\n  const {\n    t,\n    i18n: { language },\n  } = useTranslation('homepage')\n  const navigation = useNavigation()\n\n  return (\n    <S.ProgramsIntro>\n      <Row $justify=\"around\">\n        <Col $xs={12}>\n          <S.Intro>{intro}</S.Intro>\n        </Col>\n        <Col $xs={12} $lg={6}>\n          <S.NavBox color=\"secondaryAlpha\" as={Link} to=\"/open-programs/\">\n            <Icon size={70} name=\"open-programs\" />\n            <header>\n              <span className=\"h1\">{t('intro.openPrograms.title')}</span>\n              <span className=\"h5\">{t('intro.openPrograms.subtitle')}</span>\n            </header>\n          </S.NavBox>\n        </Col>\n        <Col $xs={12} $lg={6}>\n          <S.NavBox\n            color=\"otherAlpha\"\n            as={Link}\n            to={{\n              type: 'external',\n              href:\n                language === 'de'\n                  ? 'https://www.whu.edu/de/programme/executive-education/customized-programs/'\n                  : 'https://www.whu.edu/en/programs/executive-education/customized-programs/',\n            }}\n          >\n            <Icon size={70} name=\"customized-programs\" />\n            <header>\n              <span className=\"h1\">{t('intro.customizedPrograms.title')}</span>\n              <span className=\"h5\">\n                {t('intro.customizedPrograms.subtitle')}\n              </span>\n            </header>\n          </S.NavBox>\n        </Col>\n      </Row>\n    </S.ProgramsIntro>\n  )\n}\n\nexport default ProgramsIntro\n","import styled from 'styled-components'\n\nexport const Header = styled.header`\n  text-align: center;\n  text-transform: uppercase;\n  margin-bottom: -20px;\n\n  .h1 {\n    font-size: 4rem;\n    margin: 0;\n  }\n`\n","import React from 'react'\nimport { Container } from 'ui/elements/Grid'\nimport OpticalHeading from 'ui/elements/Heading/OpticalHeading'\nimport { useTranslation } from 'gatsby-plugin-react-i18next'\n\nimport * as S from './styles'\n\nconst Reasons = () => {\n  const { t } = useTranslation('homepage')\n\n  return (\n    <Container fluid>\n      <S.Header>\n        <OpticalHeading renderAs=\"h2\" level={6} color=\"shade\">\n          {t('reasons.whyWHU')}\n        </OpticalHeading>\n        <span className=\"h1\">\n          {t('reasons.whuExecutive')}\n          <br />\n          {t('reasons.educationInNumbers')}\n        </span>\n      </S.Header>\n    </Container>\n  )\n}\n\nexport default Reasons\n","import React, {\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport styled from 'styled-components'\nimport { graphql, useStaticQuery } from 'gatsby'\nimport { useIsSSR } from 'utils/isSSR'\nimport PlayIcon from './play.svg'\nimport PauseIcon from './pause.svg'\n\nconst SHero = styled.div`\n  position: relative;\n  height: 100%;\n\n  video {\n    position: absolute;\n\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n\n    width: 100%;\n    height: 100%;\n\n    object-fit: cover;\n    object-position: center;\n\n    z-index: 0;\n  }\n`\n\nconst PlayButton = styled.button<{\n  $playing?: boolean\n}>`\n  display: block;\n  appearance: none;\n  border: none;\n  outline: none;\n\n  position: absolute;\n  top: 1rem;\n  right: 1rem;\n\n  width: 3rem;\n  height: 3rem;\n\n  background: transparent;\n\n  z-index: 10;\n\n  // props => props.$playing\n\n  &:before,\n  &:after {\n    content: '';\n\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    width: 100%;\n    height: 100%;\n\n    mask-size: contain;\n    mask-repeat: no-repeat;\n    background-color: #fff;\n    opacity: 0.8;\n  }\n\n  &:before {\n    display: ${(props) => (props.$playing ? 'none' : 'block')};\n    mask-image: url('${PlayIcon}');\n  }\n\n  &:after {\n    display: ${(props) => (props.$playing ? 'block' : 'none')};\n    mask-image: url('${PauseIcon}');\n  }\n`\n\nconst Hero: React.FC = () => {\n  const { mp4, webm } = useStaticQuery<Queries.HeroBackgroundQuery>(graphql`\n    fragment HeroVideo on File {\n      id\n      publicURL\n    }\n    \n    query HeroBackground {\n      mp4: file(relativePath: { eq: \"natural/homepage-hero-optim.mp4\" }) {\n        ...HeroVideo\n      }\n      webm: file(relativePath: { eq: \"natural/homepage-hero-optim.webm\" }) {\n        ...HeroVideo\n      }\n    }\n  `)\n\n  const ref = useRef<IntersectionObserver>()\n  const videoRef = useRef<HTMLVideoElement>(null)\n  const [loaded, setLoaded] = useState(false)\n  const [videoActive, setVideoActive] = useState(false)\n  const [allowVideo, setAllowVideo] = useState(true)\n  const [isVideoPlaying, setIsVideoPlaying] = useState(true)\n  const isSSR = useIsSSR()\n\n  useEffect(() => {\n    if (isSSR) {\n      return\n    }\n\n    const mediaQuery = window.matchMedia('(prefers-reduced-motion: reduce)')\n    const cb = () => {\n      if (!mediaQuery.matches) {\n        return\n      }\n\n      setAllowVideo(false)\n      setIsVideoPlaying(false)\n    }\n    cb()\n    mediaQuery.addEventListener('change', cb)\n\n    return () => {\n      mediaQuery.removeEventListener('change', cb)\n    }\n  }, [isSSR])\n\n  const handleRef = useCallback(\n    (elem: HTMLDivElement | null) => {\n      if (ref.current) {\n        ref.current?.disconnect()\n      }\n\n      if (loaded || !elem || !('IntersectionObserver' in window)) {\n        return\n      }\n\n      ref.current = new IntersectionObserver(function (entries) {\n        for (const entry of entries) {\n          if (!entry.isIntersecting) {\n            continue\n          }\n\n          setLoaded(true)\n        }\n      })\n\n      ref.current?.observe(elem)\n    },\n    [loaded]\n  )\n\n  const videos = useMemo(() => {\n    if (!webm || !mp4) {\n      return []\n    }\n\n    return [\n      {\n        id: `${webm.id}`,\n        src: webm.publicURL ?? undefined,\n        type: 'video/webm',\n      },\n      {\n        id: `${mp4.id}-mp4`,\n        src: mp4.publicURL ?? undefined,\n        type: 'video/mp4',\n      },\n    ].filter(({ src }) => !!src)\n  }, [webm, mp4])\n\n  useEffect(() => {\n    if (isSSR) {\n      return\n    }\n\n    const checkWindowSize = () => {\n      setVideoActive((a) => a || window.innerWidth > 764)\n    }\n\n    window.addEventListener('resize', checkWindowSize)\n    checkWindowSize()\n\n    return () => {\n      window.removeEventListener('resize', checkWindowSize)\n    }\n  }, [isSSR])\n\n  useLayoutEffect(() => {\n    if (!loaded) {\n      return\n    }\n\n    const f = requestAnimationFrame(() => videoRef.current?.load())\n\n    return () => {\n      cancelAnimationFrame(f)\n    }\n  }, [loaded])\n\n  const onChangePlay = useCallback(() => {\n    if (!videoRef.current) {\n      return\n    }\n\n    setIsVideoPlaying((play) => !play)\n    if (videoRef.current.paused) {\n      videoRef.current.play()\n      return\n    }\n\n    videoRef.current.pause()\n  }, [])\n\n  const onEnded = useCallback<React.ReactEventHandler<HTMLVideoElement>>((event) => {\n    event.currentTarget.pause()\n    event.currentTarget.currentTime = 0;\n    void event.currentTarget.play()\n  }, [])\n\n  return (\n    <SHero ref={handleRef}>\n      {videoActive && (\n        <>\n          <PlayButton $playing={isVideoPlaying} onClick={onChangePlay}>\n            <span hidden aria-hidden={false}>\n              {!isVideoPlaying && 'Play Video'}\n              {isVideoPlaying && 'Stop Video'}\n            </span>\n          </PlayButton>\n          <video ref={videoRef} autoPlay={allowVideo} onEnded={onEnded} muted loop playsInline>\n            {videos.map((video) => (\n              <source\n                key={video.id}\n                src={loaded ? video.src : undefined}\n                type={video.type}\n              />\n            ))}\n          </video>\n        </>\n      )}\n    </SHero>\n  )\n}\n\nexport default Hero\n","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tIEZvbnQgQXdlc29tZSBGcmVlIDUuMTUuNCBieSBAZm9udGF3ZXNvbWUgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbSBMaWNlbnNlIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20vbGljZW5zZS9mcmVlIChJY29uczogQ0MgQlkgNC4wLCBGb250czogU0lMIE9GTCAxLjEsIENvZGU6IE1JVCBMaWNlbnNlKSAtLT48cGF0aCBkPSJNMzcxLjcgMjM4bC0xNzYtMTA3Yy0xNS44LTguOC0zNS43IDIuNS0zNS43IDIxdjIwOGMwIDE4LjQgMTkuOCAyOS44IDM1LjcgMjFsMTc2LTEwMWMxNi40LTkuMSAxNi40LTMyLjggMC00MnpNNTA0IDI1NkM1MDQgMTE5IDM5MyA4IDI1NiA4UzggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDh6bS00NDggMGMwLTExMC41IDg5LjUtMjAwIDIwMC0yMDBzMjAwIDg5LjUgMjAwIDIwMC04OS41IDIwMC0yMDAgMjAwUzU2IDM2Ni41IDU2IDI1NnoiLz48L3N2Zz4K\"","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tIEZvbnQgQXdlc29tZSBGcmVlIDUuMTUuNCBieSBAZm9udGF3ZXNvbWUgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbSBMaWNlbnNlIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20vbGljZW5zZS9mcmVlIChJY29uczogQ0MgQlkgNC4wLCBGb250czogU0lMIE9GTCAxLjEsIENvZGU6IE1JVCBMaWNlbnNlKSAtLT48cGF0aCBkPSJNMjU2IDhDMTE5IDggOCAxMTkgOCAyNTZzMTExIDI0OCAyNDggMjQ4IDI0OC0xMTEgMjQ4LTI0OFMzOTMgOCAyNTYgOHptMCA0NDhjLTExMC41IDAtMjAwLTg5LjUtMjAwLTIwMFMxNDUuNSA1NiAyNTYgNTZzMjAwIDg5LjUgMjAwIDIwMC04OS41IDIwMC0yMDAgMjAwem05Ni0yODB2MTYwYzAgOC44LTcuMiAxNi0xNiAxNmgtNDhjLTguOCAwLTE2LTcuMi0xNi0xNlYxNzZjMC04LjggNy4yLTE2IDE2LTE2aDQ4YzguOCAwIDE2IDcuMiAxNiAxNnptLTExMiAwdjE2MGMwIDguOC03LjIgMTYtMTYgMTZoLTQ4Yy04LjggMC0xNi03LjItMTYtMTZWMTc2YzAtOC44IDcuMi0xNiAxNi0xNmg0OGM4LjggMCAxNiA3LjIgMTYgMTZ6Ii8+PC9zdmc+Cg==\"","import React, { useMemo } from 'react'\nimport { graphql, PageProps } from 'gatsby'\nimport styled, { css } from 'styled-components'\n\nimport withLocalization from 'decorators/withLocalization'\nimport { Section } from 'components/Layout/styles'\nimport PageLayout from 'components/Layout/PageLayout'\nimport ContentBox from 'widgets/ContentBox'\n\nimport ProgramsSummary from 'modules/Homepage/ProgramsSummary'\nimport ProgramsIntro from 'modules/Homepage/ProgramsIntro'\nimport Reasons from 'modules/Homepage/Reasons'\nimport HeroBackground from 'modules/Homepage/HeroBackground'\nimport { DefaultHeadFC } from 'utils/helpers'\nimport Seo from 'components/shared/Seo'\nimport { breakpoint } from 'ui/elements/ThemeProvider'\n\nconst IntroText = styled.p`\n  text-align: center;\n\n  ${breakpoint.md(\n    () => css`\n      width: ${(7 / 12) * 100}%;\n      margin-left: auto;\n      margin-right: auto;\n    `\n  )}\n`\n\nexport const Head: DefaultHeadFC<Queries.HomepageQuery> = ({\n  location,\n  pageContext,\n  data,\n}) => {\n  const {\n    i18n: { language },\n  } = pageContext\n\n  return (\n    <Seo\n      title={\n        data.sanityIndex?.meta?.title?.localized ??\n        'WHU – Otto Beisheim School of Management'\n      }\n      description={data.sanityIndex?.meta?.description?.localized ?? undefined}\n      openGraph={{\n        title: 'Homepage',\n        url: `https://ee.whu.edu${location.pathname}`,\n        locale: language,\n      }}\n      pageContext={pageContext}\n      meta={data.sanityIndex?.meta}\n    />\n  )\n}\n\nconst Homepage: React.FC<PageProps<Queries.HomepageQuery>> = ({\n  data: {\n    headerCTASiteConfig,\n    infoBarConfig,\n    sanityIndex: data,\n    ...readProgramsSummary\n  },\n}) => {\n  const heroProps = useMemo(() => {\n    return {\n      type: 'corner',\n      variant: 'left-right',\n      em: 'Excellence in Management Education',\n      background: <HeroBackground />,\n    }\n  }, [])\n\n  return (\n    <PageLayout\n      data={data ?? (undefined as any)}\n      infoBarConfig={infoBarConfig}\n      headerCTASiteConfig={headerCTASiteConfig}\n      heroProps={heroProps}\n    >\n      <Section>\n        <ProgramsIntro intro={data?.afterHero?.localized ?? undefined} />\n      </Section>\n\n      <Section>\n        <IntroText>{data?.intro?.localized}</IntroText>\n        <ProgramsSummary data={readProgramsSummary} />\n      </Section>\n\n      <Section>\n        <Reasons />\n      </Section>\n\n      <Section>\n        <ContentBox blocks={data?._rawContent} />\n      </Section>\n    </PageLayout>\n  )\n}\n\nexport const query = graphql`\n  query Homepage($id: String, $language: String!) {\n    sanityIndex(id: { eq: $id }) {\n      hero {\n        ...HeroFragment\n      }\n      meta {\n        title {\n          de\n          en\n          localized(locale: $language)\n        }\n        description {\n          de\n          en\n          localized(locale: $language)\n        }\n      }\n      afterHero {\n        localized(locale: $language)\n      }\n      intro {\n        localized(locale: $language)\n      }\n      _rawContent(resolveReferences: { maxDepth: 10 })\n    }\n    infoBarConfig: sanitySiteConfig {\n      ...InfoBarConfig\n    }\n\n    ...PageLayoutConfig\n\n    locales: allLocale(filter: { language: { eq: $language } }) {\n      edges {\n        node {\n          ns\n          data\n          language\n        }\n      }\n    }\n\n    ...ReadProgramsSummary\n  }\n`\n\nexport default withLocalization(Homepage)\n","import { useTranslation } from 'gatsby-plugin-react-i18next'\nimport { useMemo } from 'react'\n\nexport const localize = (value: any, lang = 'en'): any => {\n  if (Array.isArray(value)) {\n    return value.map((v) => localize(v, lang))\n  }\n\n  if (typeof value === 'object' && value !== null) {\n    if (/^locale[A-Z]/.test(value._type)) {\n      return localize(value[lang], lang)\n    }\n\n    return Object.fromEntries(\n      Object.entries(value).map(([key, val]) => {\n        return [key, localize(val, lang)]\n      })\n    )\n  }\n\n  return value\n}\n\nexport const useLocalize = (data: any) => {\n  const { i18n } = useTranslation()\n\n  return useMemo(() => {\n    return localize(data, i18n.language)\n  }, [i18n, data])\n}\n","import styled, { css } from 'styled-components'\n\nimport { breakpoint } from '../ThemeProvider'\n\nconst gradient = css`\n  background-image: linear-gradient(\n    to left,\n    ${(props) => props.theme.palette.secondaryBeta},\n    ${(props) => props.theme.palette.secondaryAlpha}\n  );\n`\n\nexport const NavItemDummy = styled.button`\n  appearance: none;\n  outline: none;\n  border: none;\n\n  position: relative;\n  color: ${(props) => props.theme.palette.white};\n  background-color: ${(props) => props.theme.palette.secondaryAlpha};\n  cursor: pointer;\n  display: block;\n  text-align: center;\n  transition: all 0.5s;\n\n  span {\n    position: relative;\n    z-index: 3;\n  }\n\n  &:before,\n  &:after {\n    opacity: 0;\n    content: '';\n    display: block;\n    position: absolute;\n    left: 0;\n    top: 0;\n    right: 0;\n    bottom: 0;\n  }\n\n  &:after {\n    z-index: 2;\n    ${gradient}\n  }\n\n  &:before {\n    z-index: 1;\n    background-image: ${(props) =>\n      props.image ? `url(${props.image})` : 'none'};\n    background-repeat: no-repeat;\n    background-size: cover;\n    transition: opacity 0.5s;\n  }\n\n  &:hover {\n    &:before,\n    &:after {\n      opacity: 0.5;\n    }\n  }\n`\n\nexport const NavItemActive = styled(NavItemDummy)`\n  ${gradient}\n\n  &:before, &:after {\n    opacity: 0.5;\n  } ;\n`\n\nexport const TabPanel = styled.div`\n  padding: 15px;\n  flex: 0 0 100%;\n  overflow: hidden;\n  transition: transform 0.5s;\n\n  ${breakpoint.lg`\n    padding: 35px;\n  `}\n\n  .react-multi-carousel-list {\n    height: 100%;\n  }\n`\n","import React, { useMemo } from 'react'\nimport { localize } from 'utils/localize'\n\nconst withLocalization =\n  (PageComponent) =>\n  ({ data, pageContext, ...rest }) => {\n    const localized = useMemo(\n      () => localize(data, pageContext.language),\n      [data, pageContext.language]\n    )\n\n    return (\n      <PageComponent data={localized} pageContext={pageContext} {...rest} />\n    )\n  }\n\nexport default withLocalization\n"],"names":["ProgramEntry","styled","div","withConfig","displayName","componentId","ContentBox","ProgramEntryHeader","header","Heading","ProgramEntryFooter","footer","_ref","_ref2","_hero$alt$localized","_hero$alt","_ref3","_program$short_title","program","t","useTranslation","hero","to","useGetInternalLink","React","S","key","id","Image","gatsbyImageData","alt","localized","title","OpticalHeading","renderAs","level","color","palette","variant","Link","short_title","_rawIntro","blocks","truncateLines","Button","as","onClick","_program$title","sendMatomoEvent","CARET_WIDTH","NavItem","Shared","Nav","nav","props","length","breakpoint","lg","TrackerIndicator","span","theme","primary","white","Tracker","space","active","NavContainer","Content","ContentInner","TabPanel","Tabs","items","onTabClick","map","item","index","NavItemActive","image","ev","preventDefault","label","defaultProps","children","setActive","useState","TabsCollapse","lazyload","ref","useRef","screenClass","useScreenClass","isSSR","useIsSSR","isMobile","useMemo","includes","TabsSlide","data","categories","ProgramsSummaryCategories","edges","e","node","_programs","ProgramsSummaryPrograms","programs","useLocalize","entries","buildCategoryProgramMap","entry","hidden","Carousel","responsive","xs","sm","md","Entry","ProgramsIntro","css","NavBox","Intro","p","intro","i18n","language","useNavigation","Row","$justify","Col","$xs","$lg","Icon","size","name","className","type","href","Header","Reasons","Container","fluid","SHero","PlayButton","button","$playing","Hero","mp4","webm","useStaticQuery","videoRef","loaded","setLoaded","videoActive","setVideoActive","allowVideo","setAllowVideo","isVideoPlaying","setIsVideoPlaying","useEffect","mediaQuery","window","matchMedia","cb","matches","addEventListener","removeEventListener","handleRef","useCallback","elem","_ref$current2","_ref$current","current","disconnect","IntersectionObserver","isIntersecting","observe","videos","_webm$publicURL","_mp4$publicURL","src","publicURL","undefined","filter","checkWindowSize","a","innerWidth","useLayoutEffect","f","requestAnimationFrame","_videoRef$current","load","cancelAnimationFrame","onChangePlay","play","paused","pause","onEnded","event","currentTarget","currentTime","autoPlay","muted","loop","playsInline","video","IntroText","Head","_data$sanityIndex$met","_data$sanityIndex","_data$sanityIndex$met2","_data$sanityIndex$met3","_data$sanityIndex$met4","_data$sanityIndex2","_data$sanityIndex2$me","_data$sanityIndex2$me2","_data$sanityIndex3","location","pageContext","Seo","sanityIndex","meta","description","openGraph","url","pathname","locale","withLocalization","_data$afterHero$local","_data$afterHero","_data$intro","headerCTASiteConfig","infoBarConfig","readProgramsSummary","heroProps","em","background","HeroBackground","PageLayout","Section","afterHero","ProgramsSummary","_rawContent","localize","value","lang","Array","isArray","v","test","_type","Object","fromEntries","val","gradient","secondaryBeta","secondaryAlpha","NavItemDummy","PageComponent","rest","assign"],"sourceRoot":""}