{"version":3,"file":"static/js/9972.466eb7d1.chunk.js","mappings":"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","sources":["shared/info-banner/info-banner-component.jsx","shared/info-banner/info-banner-module.js"],"sourcesContent":["import React from \"react\"\nimport Svg from \"../../shared/_svgs/svg\"\nimport * as SelectionFactoryHelper from \"../helpers/SelectionFactoryHelper\"\nimport ReactHtmlParser from \"react-html-parser\"\nimport useWindowWidth from \"../../hooks/useWindowWidth\"\n\nexport default function InfoBanner(props) {\n  const windowWidth = useWindowWidth()\n\n  //SVG background and SVG color\n  const iconBackgroundColor = SelectionFactoryHelper.getFromSelectionFactory(props.backgroundColor)\n  const svgIconColor = SelectionFactoryHelper.getFromSelectionFactory(props.svgIconColor)\n\n  const svgColor = svgIconColor === \"cph-corp-blue\" ? \"#071143\" : \"#FFF\"\n\n  //Text area background and Font color\n  const textBackgroundColor = SelectionFactoryHelper.getFromSelectionFactory(props.textBackgroundColor)\n  const fontColor = SelectionFactoryHelper.getFromSelectionFactory(props.textAndIconColor)\n\n  const svgIcon = SelectionFactoryHelper.getFromSelectionFactory(props.svgIcon)\n  const hasIcon = !!props.iconUpload || svgIcon !== \"None\"\n  const target = props.linkTarget[0]?.value || \"_blank\"\n\n  return (\n    <div className=\"infobanner-container\">\n      {windowWidth >= 950 ? ( //desktop\n        <div className={`w--wider infobanner-block ${iconBackgroundColor ? iconBackgroundColor : \"\"}`}>\n          <a data-epi-property=\"Link\" href={props.link} target={target}>\n            <div className=\"infobanner-inner\">\n              {!hasIcon ? (\n                \"\"\n              ) : (\n                <div className={`iconarea ${iconBackgroundColor ? iconBackgroundColor : \"\"}`}>\n                  {props.iconUpload ? (\n                    <div className={\"icon\"}>\n                      <img data-epi-property=\"IconUpload\" className=\"icon-upload\" src={props.iconUpload} />\n                    </div>\n                  ) : (\n                    <Svg iconName={svgIcon} stroke={svgColor} fillColor={\"transparent\"} />\n                  )}\n                </div>\n              )}\n              <div className={`textarea ${textBackgroundColor ? textBackgroundColor : \"casc-white\"}`}>\n                <div className={`leftarea ${fontColor ? fontColor : \"\"}`}>\n                  <h5 data-epi-property=\"Headline\">{props.headline}</h5>\n                  <span data-epi-property=\"SubHeadline\" className={\"icon-container\"}>\n                    <Svg iconName={\"icon_arrowright_new\"} stroke={props.textAndIconColor ?? \"#FFF\"} fillColor={\"none\"} renderContainer={false} />\n                    {props.subHeadline}\n                  </span>\n                </div>\n                <div data-epi-property=\"RichText\" className=\"rightarea\">\n                  {ReactHtmlParser(props.richText)}\n                </div>\n              </div>\n            </div>\n          </a>\n        </div>\n      ) : (\n        //mobile / tablet\n        <div className=\"w--wider infobanner-block\">\n          <a data-epi-property=\"Link\" href={props.link} target={target}>\n            <div className=\"infobanner-inner\">\n              <div className=\"textarea casc-blue\">\n                <div className=\"leftarea cph-white\">\n                  <h5 data-epi-property=\"Headline\">{props.headline}</h5>\n                  <span data-epi-property=\"Subheadline\" className=\"icon-container\">\n                    <Svg iconName={\"icon_arrowright_new\"} stroke={\"#FFF\"} fillColor={\"transparent\"} renderContainer={false} />\n                    {props.subHeadline}\n                  </span>\n                </div>\n              </div>\n            </div>\n          </a>\n        </div>\n      )}\n    </div>\n  )\n}\n","import React from \"react\"\nimport ReactDOM from \"react-dom\"\nimport InfoBanner from \"./info-banner-component\"\n\nexport default class LinkButtonsBannerModule {\n  constructor(elem) {\n    const self = this\n    self.elem = elem\n    self.modelJson = elem.dataset.modelJson && JSON.parse(elem.dataset.modelJson)\n    this.init()\n    return self\n  }\n\n  init() {\n    const self = this\n    ReactDOM.unmountComponentAtNode(self.elem)\n    ReactDOM.render(<InfoBanner {...self.modelJson} />, self.elem)\n  }\n}\n"],"names":["InfoBanner","props","_props$linkTarget$","_props$textAndIconCol","windowWidth","useWindowWidth","iconBackgroundColor","SelectionFactoryHelper","backgroundColor","svgColor","svgIconColor","textBackgroundColor","fontColor","textAndIconColor","svgIcon","hasIcon","iconUpload","target","linkTarget","value","_jsx","className","children","concat","href","link","_jsxs","src","Svg","iconName","stroke","fillColor","headline","renderContainer","subHeadline","ReactHtmlParser","richText","LinkButtonsBannerModule","_createClass","elem","_classCallCheck","self","this","modelJson","dataset","JSON","parse","init","key","ReactDOM","_objectSpread"],"sourceRoot":""}