{"version":3,"file":"static/js/8737.c1f0e0f5.chunk.js","mappings":"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","sources":["shared/image-list-grid-carousel/image-list-grid-carousel-component.jsx"],"sourcesContent":["import React, { Component } from \"react\"\nimport Svg from \"../_svgs/svg\"\nimport * as SelectionFactoryHelper from \"../helpers/SelectionFactoryHelper\"\nimport Slider from \"react-slick\"\nimport { handleClickTracking } from \"../../helpers/tracking\"\n\nexport default class ImageListGridCarousel extends Component {\n constructor(props) {\n super(props)\n\n this.state = {}\n }\n\n componentDidMount() {\n window.addEventListener(\"resize\", (event) => {\n this.setState({ screenWidth: event.target.screen.width })\n })\n }\n\n render() {\n if (!(this.props.contentArea && this.props.contentArea.length > 0)) return \"\"\n\n var settings = {\n dots: true,\n arrows: false,\n infinite: false,\n slidesToShow: 3,\n slidesToScroll: 1,\n swipe: true,\n variableWidth: true,\n }\n\n if (this.props.contentArea.length > 3) {\n settings.arrows = true\n }\n\n const innerWidth = window.innerWidth\n\n if (innerWidth >= 768 && innerWidth < 920) {\n settings.slidesToShow = 2\n }\n\n // let typeClass = \"mobile-list\"\n // if (this.props.contentArea.length % 2=== 0)\n // typeClass = \"mobile-gallery\"\n\n const topPadding = SelectionFactoryHelper.getFromSelectionFactory(this.props.topPadding)\n const underThree = this.props.contentArea.length < 3\n const backgroundColor = this.props.backgroundColor ? this.props.backgroundColor[0]?.value : \"\"\n\n return (\n <div\n className={`image-list-grid-carousel mobile-list ${topPadding ? topPadding : \"\"} ${underThree ? \"under-three\" : \"\"} ${backgroundColor || \"\"}`}\n >\n <div className=\"w--normal\">\n <div className=\"image-list-grid-carousel-content\">\n <h2>{this.props.heading}</h2>\n {innerWidth < 768 ? (\n this.props.contentArea.map((item, index) => {\n return <ImageLinkItem key={index} {...item} index={index} />\n })\n ) : (\n <Slider {...settings}>\n {this.props.contentArea.map((item, index) => {\n return <ImageLinkItem key={index} {...item} index={index} />\n })}\n </Slider>\n )}\n </div>\n </div>\n </div>\n )\n }\n}\n\nclass ImageLinkItem extends Component {\n render() {\n const { linkTarget, linkText, linkTracking, linkUrl } = this.props.link\n const target = SelectionFactoryHelper.getFromSelectionFactory(linkTarget)\n return (\n <a className=\"image-item\" href={linkUrl} onClick={() => handleClickTracking(linkTracking)} target={target}>\n {this.props.image && window.innerWidth < 768 ? (\n <img src={this.props.image} />\n ) : this.props.image ? (\n <div className=\"image-wrapper\">\n <img src={this.props.image} />\n </div>\n ) : (\n \"\"\n )}\n <div className=\"textarea\">\n <div className=\"flex-container\">\n {linkText}\n <Svg iconName=\"arrowright-slim\" fillColor={\"transparent\"} stroke={\"#071143\"} />\n </div>\n </div>\n </a>\n )\n }\n}\n"],"names":["ImageListGridCarousel","_Component","props","_this","_classCallCheck","_callSuper","state","_inherits","_createClass","key","value","_this2","window","addEventListener","event","setState","screenWidth","target","screen","width","_this$props$backgroun","this","contentArea","length","settings","dots","arrows","infinite","slidesToShow","slidesToScroll","swipe","variableWidth","innerWidth","topPadding","SelectionFactoryHelper","underThree","backgroundColor","_jsx","className","concat","children","_jsxs","heading","map","item","index","ImageLinkItem","_objectSpread","Slider","Component","_Component2","arguments","_this$props$link","link","linkTarget","linkText","linkTracking","linkUrl","href","onClick","handleClickTracking","image","src","Svg","iconName","fillColor","stroke"],"sourceRoot":""}