{"version":3,"file":"546.7501435dcacbbaaf3086.js","mappings":"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","sources":["webpack://cmhr-witness-blanket-rails/./app/webpack/client/components/pages/AboutArtistPage/ArtistSubMosaic1/index.tsx","webpack://cmhr-witness-blanket-rails/./app/webpack/client/components/pages/AboutArtistPage/ArtistSubMosaic2/index.tsx","webpack://cmhr-witness-blanket-rails/./app/webpack/client/components/pages/AboutArtistPage/index.tsx"],"sourcesContent":["/* eslint-disable no-nested-ternary */\nimport React from 'react';\nimport { Controller, Scene } from 'react-scrollmagic';\nimport { Timeline, Tween } from 'react-gsap';\nimport { useSelector } from 'react-redux';\nimport { useTranslation } from 'react-i18next';\nimport { selectIsMobile, selectIsDesktop } from '../../../../store/ui/uiSlice';\n\nimport { MosaicImage } from '../../../shared/MosaicImage';\n\nexport default function ArtistSubMosaic1() {\n  const isMobile = useSelector(selectIsMobile);\n  const isDesktop = useSelector(selectIsDesktop);\n  const { t } = useTranslation();\n\n  return (\n    <div className=\"artist_sub_mosaic\" role=\"img\" aria-label={t('about_artist.sub_mosaic_1_aria')}>\n      {!isDesktop && (\n        <Controller>\n          <Scene duration=\"180%\" triggerElement=\".artist_sub_mosaic\" triggerHook=\"1\">\n            {(progress: number) => (\n              <>\n                <Timeline\n                  paused\n                  progress={progress}\n                  target={\n                    isMobile ? (\n                      <MosaicImage story=\"aa\" mosaic=\"submosaic1\" classModifier=\"sub1mob1\" img=\"sub1mob1\" />\n                    ) : (\n                      <MosaicImage story=\"aa\" mosaic=\"submosaic1\" classModifier=\"sub1tab1\" img=\"sub1tab1\" />\n                    )\n                  }\n                >\n                  <Tween from={{ x: -700, y: 0 }} to={{ x: 0, y: 0 }} />\n                  <Tween from={{ x: 0, y: 0 }} to={{ delay: 0.1, x: 400, y: 0, opacity: 0 }} />\n                </Timeline>\n                <Timeline\n                  paused\n                  progress={progress}\n                  target={\n                    isMobile ? (\n                      <MosaicImage story=\"aa\" mosaic=\"submosaic1\" classModifier=\"sub1mob2\" img=\"sub1mob2\" />\n                    ) : (\n                      <MosaicImage story=\"aa\" mosaic=\"submosaic1\" classModifier=\"sub1tab2\" img=\"sub1tab2\" />\n                    )\n                  }\n                >\n                  <Tween from={{ x: -550, y: 0 }} to={{ x: 0, y: 0 }} />\n                  <Tween from={{ x: 0, y: 0 }} to={{ delay: 0.1, x: 550, y: 0, opacity: 0 }} />\n                </Timeline>\n                <Timeline\n                  paused\n                  progress={progress}\n                  target={\n                    isMobile ? (\n                      <MosaicImage story=\"aa\" mosaic=\"submosaic1\" classModifier=\"sub1mob3\" img=\"sub1mob3\" />\n                    ) : (\n                      <MosaicImage story=\"aa\" mosaic=\"submosaic1\" classModifier=\"sub1tab3\" img=\"sub1tab3\" />\n                    )\n                  }\n                >\n                  <Tween from={{ x: -400, y: 0 }} to={{ x: 0, y: 0 }} />\n                  <Tween from={{ x: 0, y: 0 }} to={{ delay: 0.1, x: 700, y: 0, opacity: 0 }} />\n                </Timeline>\n              </>\n            )}\n          </Scene>\n        </Controller>\n      )}\n      {isDesktop && (\n        <Controller>\n          <Scene duration=\"180%\" triggerElement=\".artist_sub_mosaic\" triggerHook=\"1\">\n            {(progress: number) => (\n              <>\n                <Timeline\n                  paused\n                  progress={progress}\n                  target={<MosaicImage story=\"aa\" mosaic=\"submosaic1\" classModifier=\"sub1desk1\" img=\"sub1desk1\" />}\n                >\n                  <Tween from={{ x: -1600, y: 0, z: 1 }} to={{ x: 0, y: 0, z: 1, ease: 'power2.inOut' }} />\n                  <Tween from={{ x: 0, y: 0, z: 1 }} to={{ x: 1000, y: 0, z: 1, opacity: 0, ease: 'power2.inOut' }} />\n                </Timeline>\n                <Timeline\n                  paused\n                  progress={progress}\n                  target={<MosaicImage story=\"aa\" mosaic=\"submosaic1\" classModifier=\"sub1desk2\" img=\"sub1desk2\" />}\n                >\n                  <Tween from={{ x: -1400, y: 0, z: 1 }} to={{ x: 0, y: 0, z: 1, ease: 'power2.inOut' }} />\n                  <Tween from={{ x: 0, y: 0, z: 1 }} to={{ x: 1200, y: 0, z: 1, opacity: 0, ease: 'power2.inOut' }} />\n                </Timeline>\n                <Timeline\n                  paused\n                  progress={progress}\n                  target={<MosaicImage story=\"aa\" mosaic=\"submosaic1\" classModifier=\"sub1desk3\" img=\"sub1desk3\" />}\n                >\n                  <Tween from={{ x: -1200, y: 0, z: 1 }} to={{ x: 0, y: 0, z: 1, ease: 'power2.inOut' }} />\n                  <Tween from={{ x: 0, y: 0, z: 1 }} to={{ x: 1400, y: 0, z: 1, opacity: 0, ease: 'power2.inOut' }} />\n                </Timeline>\n                <Timeline\n                  paused\n                  progress={progress}\n                  target={<MosaicImage story=\"aa\" mosaic=\"submosaic1\" classModifier=\"sub1desk4\" img=\"sub1desk4\" />}\n                >\n                  <Tween from={{ x: -1000, y: 0, z: 1 }} to={{ x: 0, y: 0, z: 1, ease: 'power2.inOut' }} />\n                  <Tween from={{ x: 0, y: 0, z: 1 }} to={{ x: 1600, y: 0, z: 1, opacity: 0, ease: 'power2.inOut' }} />\n                </Timeline>\n              </>\n            )}\n          </Scene>\n        </Controller>\n      )}\n    </div>\n  );\n}\n","/* eslint-disable no-nested-ternary */\nimport React from 'react';\nimport { Controller, Scene } from 'react-scrollmagic';\nimport { Timeline, Tween } from 'react-gsap';\nimport { useSelector } from 'react-redux';\nimport { useTranslation } from 'react-i18next';\nimport { selectIsDesktop, selectIsMobile, selectIsTablet } from '../../../../store/ui/uiSlice';\n\nimport { MosaicImage } from '../../../shared/MosaicImage';\n\nexport default function ArtistSubMosaic2() {\n  const isMobile = useSelector(selectIsMobile);\n  const isTablet = useSelector(selectIsTablet);\n  const isDesktop = useSelector(selectIsDesktop);\n  const { t } = useTranslation();\n\n  return (\n    <div className=\"artist_sub_mosaic_2\" role=\"img\" aria-label={t('about_artist.sub_mosaic_2_aria')}>\n      {isMobile && (\n        <Controller>\n          <Scene duration=\"250%\" triggerElement=\".artist-quote-container\" triggerHook={0.2}>\n            {(progress: number) => (\n              <>\n                <Timeline\n                  paused\n                  progress={progress}\n                  target={<MosaicImage story=\"aa\" mosaic=\"submosaic2\" classModifier=\"sub2mob2\" img=\"sub2mob2\" />}\n                >\n                  <Tween from={{ y: 500 }} to={{ y: 0 }} duration={1} ease=\"slow(0.5, 0.8)\" />\n                  <Tween from={{ x: 0, y: 0 }} to={{ delay: 0.5, x: 0, y: -200, opacity: 0 }} />\n                </Timeline>\n                <Timeline\n                  paused\n                  progress={progress}\n                  target={<MosaicImage story=\"aa\" mosaic=\"submosaic2\" classModifier=\"sub2mob1\" img=\"sub2mob1\" />}\n                >\n                  <Tween from={{ y: 350 }} to={{ y: 0 }} duration={1} ease=\"slow(0.5, 0.8)\" />\n                  <Tween from={{ x: 0, y: 0 }} to={{ delay: 0.5, x: 0, y: -250, opacity: 0 }} />\n                </Timeline>\n              </>\n            )}\n          </Scene>\n        </Controller>\n      )}\n      {isTablet && (\n        <Controller>\n          <Scene duration=\"250%\" triggerElement=\".artist-quote-container\" triggerHook={0}>\n            {(progress: number) => (\n              <>\n                <Timeline\n                  paused\n                  progress={progress}\n                  target={<MosaicImage story=\"aa\" mosaic=\"submosaic2\" classModifier=\"sub2tab2\" img=\"sub2tab2\" />}\n                >\n                  <Tween from={{ y: 800 }} to={{ y: 0 }} ease=\"slow(0.5, 0.8)\" />\n                  <Tween from={{ x: 0, y: 0 }} to={{ delay: 0.1, x: 0, y: -200 }} />\n                </Timeline>\n                <Timeline\n                  paused\n                  progress={progress}\n                  target={<MosaicImage story=\"aa\" mosaic=\"submosaic2\" classModifier=\"sub2tab1\" img=\"sub2tab1\" />}\n                >\n                  <Tween from={{ y: 400 }} to={{ y: 0 }} ease=\"slow(0.5, 0.8)\" />\n                  <Tween from={{ x: 0, y: 0 }} to={{ delay: 0.1, x: 0, y: -600 }} />\n                </Timeline>\n              </>\n            )}\n          </Scene>\n        </Controller>\n      )}\n      {isDesktop && (\n        <Controller>\n          <Scene duration=\"200%\" triggerElement=\".artist-title\" triggerHook={1}>\n            {(progress: number) => (\n              <>\n                <div className=\"mos_col_1\">\n                  <Timeline\n                    paused\n                    progress={progress}\n                    target={<MosaicImage story=\"aa\" mosaic=\"submosaic2\" classModifier=\"sub2desk2\" img=\"sub2desk2\" />}\n                  >\n                    <Tween from={{ x: 0, y: 600, z: 1 }} to={{ x: 0, y: 0, z: 1 }} />\n                    <Tween from={{ x: 0, y: 0, z: 1 }} to={{ delay: 0.6, x: 0, y: -140, z: 1 }} />\n                  </Timeline>\n                </div>\n                <div className=\"mos_col_2\">\n                  <Timeline\n                    paused\n                    progress={progress}\n                    target={<MosaicImage story=\"aa\" mosaic=\"submosaic2\" classModifier=\"sub2desk1\" img=\"sub2desk1\" />}\n                  >\n                    <Tween from={{ x: 0, y: 800, z: 1 }} to={{ x: 0, y: 0, z: 1, ease: 'power2.inOut' }} />\n                    <Tween from={{ x: 0, y: 0, z: 1 }} to={{ delay: 0.6, x: 0, y: -50, z: 1, ease: 'power2.inOut' }} />\n                  </Timeline>\n                  <Timeline\n                    paused\n                    progress={progress}\n                    target={<MosaicImage story=\"aa\" mosaic=\"submosaic2\" classModifier=\"sub2desk3\" img=\"sub2desk3\" />}\n                  >\n                    <Tween from={{ x: 0, y: 300, z: 1 }} to={{ x: 0, y: 0, z: 1 }} />\n                    <Tween from={{ x: 0, y: 0, z: 1 }} to={{ delay: 0.6, x: 0, y: -110, z: 1 }} />\n                  </Timeline>\n                </div>\n                <div className=\"mos_col_3\">\n                  <Timeline\n                    paused\n                    progress={progress}\n                    target={<MosaicImage story=\"aa\" mosaic=\"submosaic2\" classModifier=\"sub2desk4\" img=\"sub2desk4\" />}\n                  >\n                    <Tween from={{ x: 0, y: 450, z: 1 }} to={{ x: 0, y: 0, z: 1 }} />\n                    <Tween from={{ x: 0, y: 0, z: 1 }} to={{ delay: 0.6, x: 0, y: -150, z: 1 }} />\n                  </Timeline>\n                </div>\n              </>\n            )}\n          </Scene>\n        </Controller>\n      )}\n    </div>\n  );\n}\n","import React from 'react';\nimport { useSelector } from 'react-redux';\n\nimport { useTranslation } from 'react-i18next';\n\nimport { selectIsMobile } from '../../../store/ui/uiSlice';\nimport Connect from '../../shared/Connect';\n\nimport useShareData from '../../utils/useShareData';\nimport useScrollLocation from '../../utils/useScrollLocation';\nimport useSkipLinks from '../../utils/useSkipLinks';\nimport PageTitle from '../../shared/PageTitle';\n\nimport ArtistSubMosaic1 from './ArtistSubMosaic1';\nimport ArtistSubMosaic2 from './ArtistSubMosaic2';\nimport Copy from '../../shared/Copy';\nimport { MosaicImage } from '../../shared/MosaicImage';\n\nexport default function AboutArtistPage() {\n  const { t } = useTranslation();\n\n  const artistTitle = t('about_artist.title');\n  const artistName = t('about_artist.artist_name');\n  const accessibleHeadingText = `${artistTitle} ${artistName}`;\n\n  const visualTitleHtml = `<span aria-hidden=\"true\" class=\"about-artist-header\"> ${artistTitle} </span><br aria-hidden=\"true\" />`;\n  const visualNameHtml = `<span aria-hidden=\"true\" class=\"about-artist-header-name\"> ${artistName} </span>`;\n  const headingHtml = `<span class=\"offscreen-heading\">${accessibleHeadingText}</span> ${visualTitleHtml} ${visualNameHtml}`;\n\n  const highlights = t('about_artist.highlights', { returnObjects: true });\n  const links = t('about_artist.links', { returnObjects: true });\n\n  const isMobile = useSelector(selectIsMobile);\n\n  useShareData({ title: `${t('about_artist.title')} - ${t('about_artist.artist_name')}` });\n  useScrollLocation();\n  useSkipLinks();\n\n  const aboutArtistMosaic = (\n    <div className=\"about-artist-mosaic\" role=\"img\" aria-label={t('about_artist.mosaic_aria')}>\n      {isMobile ? (\n        <>\n          <div className=\"artist-profile\">\n            <div className=\"am-aa-mos__mosaic-column\">\n              <MosaicImage story=\"aa\" mosaic=\"mosaic\" classModifier=\"mobLeftArtist\" img=\"mobLeftArtist\" />\n            </div>\n            <div className=\"am-aa-mos__mosaic-column\">\n              <MosaicImage story=\"aa\" mosaic=\"mosaic\" classModifier=\"mobCenterArtist\" img=\"mobCenterArtist\" />\n            </div>\n            <div className=\"am-aa-mos__mosaic-column\">\n              <MosaicImage story=\"aa\" mosaic=\"mosaic\" classModifier=\"mobRightArtist\" img=\"mobRightArtist\" />\n            </div>\n          </div>\n          <div className=\"chevrons\">\n            <MosaicImage story=\"aa\" mosaic=\"mosaic\" classModifier=\"mobLeftChevron\" img=\"mobLeftChevron\" />\n            <MosaicImage story=\"aa\" mosaic=\"mosaic\" classModifier=\"mobRightChevron\" img=\"mobRightChevron\" />\n          </div>\n        </>\n      ) : (\n        <>\n          <div className=\"artist-profile\">\n            <div className=\"am-aa-mos__mosaic-column\">\n              <MosaicImage story=\"aa\" mosaic=\"mosaic\" classModifier=\"mobLeftArtist desktop\" img=\"titleArtist1\" />\n            </div>\n            <div className=\"am-aa-mos__mosaic-column\">\n              <MosaicImage story=\"aa\" mosaic=\"mosaic\" classModifier=\"mobCenterArtist\" img=\"titleArtist2\" />\n            </div>\n            <div className=\"am-aa-mos__mosaic-column\">\n              <MosaicImage story=\"aa\" mosaic=\"mosaic\" classModifier=\"mobLeftArtist\" img=\"titleArtist3\" />\n            </div>\n            <div className=\"am-aa-mos__mosaic-column\">\n              <MosaicImage story=\"aa\" mosaic=\"mosaic\" classModifier=\"mobCenterArtist\" img=\"titleArtist4\" />\n            </div>\n            <div className=\"am-aa-mos__mosaic-column\">\n              <MosaicImage story=\"aa\" mosaic=\"mosaic\" classModifier=\"mobLeftArtist\" img=\"titleArtist5\" />\n            </div>\n            <div className=\"am-aa-mos__mosaic-column\">\n              <MosaicImage story=\"aa\" mosaic=\"mosaic\" classModifier=\"mobCenterArtist\" img=\"titleArtist6\" />\n            </div>\n            <div className=\"am-aa-mos__mosaic-column\">\n              <MosaicImage story=\"aa\" mosaic=\"mosaic\" classModifier=\"mobLeftArtist desktop\" img=\"titleArtist7\" />\n            </div>\n          </div>\n          <div className=\"chevrons\">\n            <MosaicImage story=\"aa\" mosaic=\"mosaic\" classModifier=\"titleChevronBL\" img=\"titleChevronB\" />\n            <MosaicImage story=\"aa\" mosaic=\"mosaic\" classModifier=\"titleChevronWL\" img=\"titleChevronW\" />\n            <MosaicImage story=\"aa\" mosaic=\"mosaic\" classModifier=\"titleChevronBR\" img=\"titleChevronB\" />\n            <MosaicImage story=\"aa\" mosaic=\"mosaic\" classModifier=\"titleChevronWR\" img=\"titleChevronW\" />\n          </div>\n        </>\n      )}\n    </div>\n  );\n\n  return (\n    <div className=\"about-artist-content\">\n      <PageTitle title={headingHtml} pageId=\"aa\" headingClasses={['title-aa', 'animate-fadein-header']}>\n        {aboutArtistMosaic}\n      </PageTitle>\n      <Copy htmlString={t('about_artist.copy_1')} />\n      <div className=\"copy-container narrow-container highlights\">\n        <ul>\n          {/* eslint-disable react/no-danger */}\n          {highlights.map((highlight) => (\n            <li key={highlight} dangerouslySetInnerHTML={{ __html: highlight }} />\n          ))}\n        </ul>\n      </div>\n      <Copy htmlString={t('about_artist.copy_2')} />\n      <ArtistSubMosaic1 />\n      <div className=\"artist-quote-container\">\n        {/* eslint-disable react/no-danger */}\n        <div\n          className=\"quote-text\"\n          dangerouslySetInnerHTML={{\n            __html: ` ${t('stories.quote_start')}${t('about_artist.artist_quote')}${t('stories.quote_end')}`,\n          }}\n        />\n        <div className=\"artist-name\">{t('about_artist.artist_full_name')}</div>\n        <div className=\"artist-title\">{t('artist_title')}</div>\n      </div>\n      <ArtistSubMosaic2 />\n      <div className=\"top-cutouts\">\n        <div className=\"top-cutout-l\" />\n        <div className=\"top-cutout\" />\n        <div className=\"top-cutout-r\" />\n      </div>\n      <div className=\"artist-socials\">\n        {/* eslint-disable react/no-danger */}\n        <div className=\"artist-socials-text-wrapper\">\n          <div\n            className=\"artist-socials-text wide-container\"\n            dangerouslySetInnerHTML={{ __html: t('about_artist.find_artist') }}\n          />\n          <div className=\"wide-container artist-links\">\n            {links.map((link) => (\n              <div key={link}>\n                <a href={link} target=\"_blank\" rel=\"noreferrer\">\n                  {link}\n                </a>\n              </div>\n            ))}\n          </div>\n        </div>\n      </div>\n      <Connect />\n    </div>\n  );\n}\n"],"names":["ArtistSubMosaic1","isMobile","useSelector","selectIsMobile","isDesktop","selectIsDesktop","t","useTranslation","className","role","duration","triggerElement","triggerHook","progress","paused","target","MosaicImage","story","mosaic","classModifier","img","from","x","y","to","delay","opacity","z","ease","ArtistSubMosaic2","isTablet","selectIsTablet","AboutArtistPage","artistTitle","artistName","accessibleHeadingText","visualTitleHtml","visualNameHtml","headingHtml","highlights","returnObjects","links","useShareData","title","useScrollLocation","useSkipLinks","aboutArtistMosaic","PageTitle","pageId","headingClasses","Copy","htmlString","map","highlight","dangerouslySetInnerHTML","__html","link","href","rel","Connect"],"sourceRoot":""}