{"version":3,"file":"static/js/2373.7c8b40b4.chunk.js","mappings":"iPAIe,SAASA,EAAgCC,GAAmF,IAAhFC,EAASD,EAATC,UAAWC,EAAgBF,EAAhBE,iBAAkBC,EAAOH,EAAPG,QAASC,EAASJ,EAATI,UAAWC,EAAQL,EAARK,SAAUC,EAAON,EAAPM,QAASC,EAAOP,EAAPO,QACvHC,GAAcC,EAAAA,EAAAA,IAAgBH,GAC9BI,EAAoBC,EAAAA,EAA+CP,GAGnEQ,EAA6C,aAArBF,EAAgC,mBAAAG,OAAsBV,EAAO,4BAAAU,OAA6BV,EAAO,KAE/H,OACEW,EAAAA,EAAAA,KAAA,OAAKC,UAAU,uCAAsCC,UACnDC,EAAAA,EAAAA,MAAA,OAAKF,UAAU,kBAAkBG,MAAO,CAAE,oBAAqBN,GAAwBI,SAAA,EACrFF,EAAAA,EAAAA,KAAA,OAAKK,IAAKlB,EAAWmB,IAAKlB,KAC1Be,EAAAA,EAAAA,MAAA,OAAKF,UAAS,WAAAF,OAAaH,GAAoBM,SAAA,EAC7CF,EAAAA,EAAAA,KAAA,KAAGC,UAAU,oBAAmBC,SAAEX,KAClCS,EAAAA,EAAAA,KAAA,OAAKC,UAAU,wBAAuBC,SAAER,KACxCM,EAAAA,EAAAA,KAAA,KAAGC,UAAU,wBAAuBC,SAAET,WAKhD,CCrBqF,IAEhEc,EAAuB,WAOzC,OAAAC,EAAAA,EAAAA,IAND,SAAAD,EAAYE,IAAMC,EAAAA,EAAAA,GAAA,KAAAH,GAChB,IAAMI,EAAOC,KAIb,OAHAD,EAAKF,KAAOA,EACZE,EAAKE,UAAYJ,EAAKK,QAAQD,WAAaE,KAAKC,MAAMP,EAAKK,QAAQD,WACnEF,EAAKM,OACEN,CACT,GAAC,EAAAO,IAAA,OAAAC,MAED,WAEEC,EAAAA,uBADaR,KACwBH,MACrCW,EAAAA,QACEpB,EAAAA,EAAAA,KAACf,EAAgC,CAC/BE,UAAWyB,KAAKC,UAAU1B,UAC1BC,iBAAkBwB,KAAKC,UAAUzB,iBACjCC,QAASuB,KAAKC,UAAUxB,QACxBC,UAAWsB,KAAKC,UAAUvB,UAC1BC,SAAUqB,KAAKC,UAAUtB,SACzBC,QAASoB,KAAKC,UAAUrB,QACxBC,QAASmB,KAAKC,UAAUpB,UAVfmB,KAYNH,KAET,IAAC,CAxByC,E","sources":["shared/universe-landing-page-hero/universe-landing-page-hero-component.jsx","shared/universe-landing-page-hero/universe-landing-page-hero-module.jsx"],"sourcesContent":["import React from \"react\"\nimport * as SelectionFactoryHelper from \"../helpers/SelectionFactoryHelper\"\nimport ReactHtmlParser from \"react-html-parser\"\n\nexport default function UniverseLandingPageHeroComponent({ heroImage, heroImageAltText, opacity, fontColor, infoHead, heading, subtext }) {\n  const headingHtml = ReactHtmlParser(heading)\n  const fontColorSelected = SelectionFactoryHelper.getFromSelectionFactory(fontColor)\n  //opacity settings are based on the font color style selected in the CMS.\n  //opacityFilterSettings is passed as a scss variable to the stylesheet.\n  const opacityFilterSettings = fontColorSelected == \"cph-white\" ? `rgba(7, 17, 67, ${opacity})` : `rgba(255, 255, 255, ${opacity})`\n\n  return (\n    <div className=\"universe-landing-page-hero-container\">\n      <div className=\"image-container\" style={{ \"--opacitysettings\": opacityFilterSettings }}>\n        <img src={heroImage} alt={heroImageAltText} />\n        <div className={`content ${fontColorSelected}`}>\n          <p className=\"infohead-inverted\">{infoHead}</p>\n          <div className=\"universe-hero-heading\">{headingHtml}</div>\n          <p className=\"universe-hero-subtext\">{subtext}</p>\n        </div>\n      </div>\n    </div>\n  )\n}\n","import React from \"react\"\nimport ReactDOM from \"react-dom\"\nimport UniverseLandingPageHeroComponent from \"./universe-landing-page-hero-component\"\n\nexport default class UniverseLandingPageHero {\n  constructor(elem) {\n    const self = this\n    self.elem = elem\n    self.modelJson = elem.dataset.modelJson && JSON.parse(elem.dataset.modelJson)\n    self.init()\n    return self\n  }\n\n  init() {\n    const self = this\n    ReactDOM.unmountComponentAtNode(self.elem)\n    ReactDOM.render(\n      <UniverseLandingPageHeroComponent\n        heroImage={this.modelJson.heroImage}\n        heroImageAltText={this.modelJson.heroImageAltText}\n        opacity={this.modelJson.opacity}\n        fontColor={this.modelJson.fontColor}\n        infoHead={this.modelJson.infoHead}\n        heading={this.modelJson.heading}\n        subtext={this.modelJson.subtext}\n      />,\n      self.elem,\n    )\n  }\n}\n"],"names":["UniverseLandingPageHeroComponent","_ref","heroImage","heroImageAltText","opacity","fontColor","infoHead","heading","subtext","headingHtml","ReactHtmlParser","fontColorSelected","SelectionFactoryHelper","opacityFilterSettings","concat","_jsx","className","children","_jsxs","style","src","alt","UniverseLandingPageHero","_createClass","elem","_classCallCheck","self","this","modelJson","dataset","JSON","parse","init","key","value","ReactDOM"],"sourceRoot":""}