{
  "version": 3,
  "sources": ["../javascripts/components/hero/hero-shell.tsx", "../javascripts/components/hero/hero-image.tsx", "../javascripts/components/hero/hero-video.tsx"],
  "sourcesContent": ["import React, { useEffect, useRef } from 'react';\nimport HeroImage from './hero-image';\nimport HeroVideo from './hero-video';\n\ninterface HeroShellProps {\n  modifiers?: string;\n  parallax?: boolean;\n  video?: string;\n  imageDesktop?: string;\n  imageMobile?: string;\n  children: React.ReactNode;\n}\n\nconst HeroShell = ({\n  modifiers,\n  parallax,\n  video,\n  imageDesktop,\n  imageMobile,\n  children,\n}: HeroShellProps) => {\n  const heroRef = useRef<HTMLDivElement | null>(null);\n\n  const onScroll = () => {\n    if (document.documentElement) {\n      const offset = document.documentElement.scrollTop * 0.25;\n      if (heroRef.current) heroRef.current.style.transform = `translateY(${offset}px)`;\n    }\n  };\n\n  useEffect(() => {\n    if (parallax) {\n      window.addEventListener('scroll', onScroll);\n    } else {\n      window.removeEventListener('scroll', onScroll);\n    }\n    return () => {\n      window.removeEventListener('scroll', onScroll);\n    };\n  }, [parallax]);\n\n  return (\n    <div data-wx-hero={modifiers}>\n      <div className=\"hero\">\n        <div className=\"hero-media\">\n          {!video && <div className=\"hero-background-image\" ref={heroRef} />}\n          <HeroVideo video={video} />\n        </div>\n        <div className=\"hero-content\">{children}</div>\n      </div>\n      {!video && <HeroImage imageDesktop={imageDesktop} imageMobile={imageMobile} />}\n    </div>\n  );\n};\n\nexport default HeroShell;\n", "import React from 'react';\n\ninterface InnerHTMLStyleProps {\n  mediaQuery?: string;\n  imageSrc?: string;\n}\n\nconst InnerHTMLStyle = ({ mediaQuery, imageSrc }: InnerHTMLStyleProps) => {\n  if (!mediaQuery || !imageSrc) return null;\n\n  return (\n    <style\n      dangerouslySetInnerHTML={{\n        __html: `\n            @media (${mediaQuery}) {\n                [data-wx-hero] .hero-background-image {\n                    background-image: url(${imageSrc});\n                }\n            }\n        `,\n      }}\n    />\n  );\n};\n\ninterface HeroImageProps {\n  imageDesktop?: string;\n  imageMobile?: string;\n}\n\nconst HeroImage = ({ imageDesktop, imageMobile }: HeroImageProps) => (\n  <>\n    {imageDesktop && <InnerHTMLStyle mediaQuery=\"min-width: 900px\" imageSrc={imageDesktop} />}\n    {imageMobile && <InnerHTMLStyle mediaQuery=\"max-width: 899px\" imageSrc={imageMobile} />}\n  </>\n);\n\nexport default HeroImage;\n", "import React from 'react';\n\ninterface HeroVideoProps {\n  video?: string;\n}\n\nconst HeroVideo = ({ video }: HeroVideoProps) => {\n  if (!video) return null;\n\n  return (\n    <div className=\"listing-hero-video-container\">\n      <video\n        className=\"listing-hero-video\"\n        autoPlay={true}\n        loop={true}\n        muted={true}\n        playsInline={true}\n      >\n        <source src={video} type=\"video/mp4\" />\n        <div className=\"listing-hero-background-image\" />\n      </video>\n    </div>\n  );\n};\n\nexport default HeroVideo;\n"],
  "mappings": "iDAAA,IAAAA,EAAyC,SCAzC,IAAAC,EAAkB,SAOZC,EAAiB,CAAC,CAAE,WAAAC,EAAY,SAAAC,CAAS,IACzC,CAACD,GAAc,CAACC,EAAiB,KAGnC,EAAAC,QAAA,cAAC,SACC,wBAAyB,CACvB,OAAQ;AAAA,sBACMF,CAAU;AAAA;AAAA,4CAEYC,CAAQ;AAAA;AAAA;AAAA,SAI9C,EACF,EASEE,EAAY,CAAC,CAAE,aAAAC,EAAc,YAAAC,CAAY,IAC7C,EAAAH,QAAA,gBAAAA,QAAA,cACGE,GAAgB,EAAAF,QAAA,cAACH,EAAA,CAAe,WAAW,mBAAmB,SAAUK,EAAc,EACtFC,GAAe,EAAAH,QAAA,cAACH,EAAA,CAAe,WAAW,mBAAmB,SAAUM,EAAa,CACvF,EAGKC,EAAQH,ECrCf,IAAAI,EAAkB,SAMZC,EAAY,CAAC,CAAE,MAAAC,CAAM,IACpBA,EAGH,EAAAC,QAAA,cAAC,OAAI,UAAU,gCACb,EAAAA,QAAA,cAAC,SACC,UAAU,qBACV,SAAU,GACV,KAAM,GACN,MAAO,GACP,YAAa,IAEb,EAAAA,QAAA,cAAC,UAAO,IAAKD,EAAO,KAAK,YAAY,EACrC,EAAAC,QAAA,cAAC,OAAI,UAAU,gCAAgC,CACjD,CACF,EAdiB,KAkBdC,EAAQH,EFZf,IAAMI,EAAY,CAAC,CACjB,UAAAC,EACA,SAAAC,EACA,MAAAC,EACA,aAAAC,EACA,YAAAC,EACA,SAAAC,CACF,IAAsB,CACpB,IAAMC,KAAU,UAA8B,IAAI,EAE5CC,EAAW,IAAM,CACrB,GAAI,SAAS,gBAAiB,CAC5B,IAAMC,EAAS,SAAS,gBAAgB,UAAY,IAChDF,EAAQ,UAASA,EAAQ,QAAQ,MAAM,UAAY,cAAcE,CAAM,MAC7E,CACF,EAEA,sBAAU,KACJP,EACF,OAAO,iBAAiB,SAAUM,CAAQ,EAE1C,OAAO,oBAAoB,SAAUA,CAAQ,EAExC,IAAM,CACX,OAAO,oBAAoB,SAAUA,CAAQ,CAC/C,GACC,CAACN,CAAQ,CAAC,EAGX,EAAAQ,QAAA,cAAC,OAAI,eAAcT,GACjB,EAAAS,QAAA,cAAC,OAAI,UAAU,QACb,EAAAA,QAAA,cAAC,OAAI,UAAU,cACZ,CAACP,GAAS,EAAAO,QAAA,cAAC,OAAI,UAAU,wBAAwB,IAAKH,EAAS,EAChE,EAAAG,QAAA,cAACC,EAAA,CAAU,MAAOR,EAAO,CAC3B,EACA,EAAAO,QAAA,cAAC,OAAI,UAAU,gBAAgBJ,CAAS,CAC1C,EACC,CAACH,GAAS,EAAAO,QAAA,cAACE,EAAA,CAAU,aAAcR,EAAc,YAAaC,EAAa,CAC9E,CAEJ,EAEOQ,EAAQb",
  "names": ["import_react", "import_react", "InnerHTMLStyle", "mediaQuery", "imageSrc", "React", "HeroImage", "imageDesktop", "imageMobile", "hero_image_default", "import_react", "HeroVideo", "video", "React", "hero_video_default", "HeroShell", "modifiers", "parallax", "video", "imageDesktop", "imageMobile", "children", "heroRef", "onScroll", "offset", "React", "hero_video_default", "hero_image_default", "hero_shell_default"]
}