{"version":3,"file":"static/js/8689.29485c8e.chunk.js","mappings":"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","sources":["shared/link-tiles/link-tiles-component.jsx"],"sourcesContent":["import React, { Component } from \"react\"\nimport Svg from \"../../shared/_svgs/svg\"\nimport * as SelectionFactoryHelper from \"../helpers/SelectionFactoryHelper\"\nimport Reveal from \"react-awesome-reveal\"\n\nexport default class LinkTiles extends Component {\n  constructor(props) {\n    super(props)\n\n    this.state = {\n      tiles: props.links,\n    }\n  }\n\n  render() {\n    const svgIcon = SelectionFactoryHelper.getFromSelectionFactory(this.props.svgIcon)\n    const headlineAnimationType = SelectionFactoryHelper.getFromSelectionFactory(this.props.headlineAnimation.type)\n    const lastTileAnimationType = SelectionFactoryHelper.getFromSelectionFactory(this.props.lastTileAnimation.type)\n    const backgroundColors = {\n      \"--block-bg\": this.props.backgroundColor,\n      \"--tile-hover\": this.props.hoverBackgroundColor,\n      \"--tile-bg\": this.props.tileBackgroundColor,\n      \"--last-tile-bg\": this.props.linkBackgroundColor,\n      \"--last-tile-hover\": this.props.linkHoverBackgroundColor,\n    }\n\n    const hasIcon = !!this.props.iconUpload || svgIcon !== \"None\"\n    return (\n      <div className={`w--wider nomobilemargin`}>\n        <div className={`linkcloud-box`} style={backgroundColors}>\n          <div className=\"contentside\">\n            {!hasIcon ? (\n              \"\"\n            ) : (\n              <div className=\"iconarea\">\n                {this.props.iconUpload ? (\n                  <img src={this.props.iconUpload} />\n                ) : (\n                  <Svg iconName={svgIcon} fillColor={this.props.backgroundColor} stroke={\"#fff\"} renderContainer={false} />\n                )}\n              </div>\n            )}\n            <Reveal\n              keyframes={headlineAnimationType ? headlineAnimationType : null}\n              className={headlineAnimationType ? \"\" : \"disable-reveal\"}\n              duration={this.props.headlineAnimation.duration}\n              delay={this.props.headlineAnimation.delay}\n              fraction={1}\n              triggerOnce\n            >\n              <h2 dangerouslySetInnerHTML={{ __html: this.props.headline ? this.props.headline : \"\" }}></h2>\n            </Reveal>\n            <div className=\"maintext\" dangerouslySetInnerHTML={{ __html: this.props.text ? this.props.text : \"\" }}></div>\n          </div>\n          <div className=\"linkside\">\n            {this.state.tiles && this.state.tiles.length > 0\n              ? this.state.tiles.map((link, index) => {\n                  let linkTarget\n                  if (typeof link.linkTarget === \"string\" || link.linkTarget instanceof String) {\n                    linkTarget = link.linkTarget\n                  } else {\n                    linkTarget = SelectionFactoryHelper.getFromSelectionFactory(link.linkTarget)\n                  }\n                  if (link.linkUrl && link.linkText) {\n                    if (link.animation) {\n                      const animationType = SelectionFactoryHelper.getFromSelectionFactory(link.animation.type)\n                      return (\n                        <Reveal\n                          key={index}\n                          keyframes={animationType ? animationType : null}\n                          className={animationType ? \"cloud-tile\" : \"cloud-tile disable-reveal\"}\n                          duration={link.animation.duration}\n                          delay={link.animation.delay}\n                          fraction={1}\n                          triggerOnce\n                        >\n                          <a href={link.linkUrl} target={linkTarget}>\n                            {link.linkText}\n                          </a>\n                        </Reveal>\n                      )\n                    }\n                    return (\n                      <div key={index} className={\"cloud-tile disable-reveal\"}>\n                        <a href={link.linkUrl} target={linkTarget}>\n                          {link.linkText}\n                        </a>\n                      </div>\n                    )\n                  }\n                  return \"\"\n                })\n              : \"\"}\n            {this.state.tiles && this.props.linkUrl && this.props.linkText ? (\n              <Reveal\n                keyframes={lastTileAnimationType ? lastTileAnimationType : null}\n                className={lastTileAnimationType ? \"cloud-tile last-tile\" : \"cloud-tile last-tile disable-reveal\"}\n                duration={this.props.lastTileAnimation.duration}\n                delay={this.props.lastTileAnimation.delay}\n                fraction={1}\n                triggerOnce\n              >\n                <a href={this.props.linkUrl}>\n                  <Svg iconName={\"arrowright-slim\"} stroke={\"#FFF\"} fillColor={\"none\"} renderContainer={false} />\n                  {this.props.linkText}\n                </a>\n              </Reveal>\n            ) : (\n              \"\"\n            )}\n          </div>\n          <div className=\"clear\"></div>\n        </div>\n      </div>\n    )\n  }\n}\n"],"names":["LinkTiles","_Component","props","_this","_classCallCheck","_callSuper","state","tiles","links","_inherits","_createClass","key","value","svgIcon","SelectionFactoryHelper","this","headlineAnimationType","headlineAnimation","type","lastTileAnimationType","lastTileAnimation","backgroundColors","backgroundColor","hoverBackgroundColor","tileBackgroundColor","linkBackgroundColor","linkHoverBackgroundColor","hasIcon","iconUpload","_jsx","className","children","_jsxs","style","src","Svg","iconName","fillColor","stroke","renderContainer","Reveal","keyframes","duration","delay","fraction","triggerOnce","dangerouslySetInnerHTML","__html","headline","text","length","map","link","index","linkTarget","String","linkUrl","linkText","animation","animationType","href","target","Component"],"sourceRoot":""}