{"version":3,"sources":["webpack:///./app/components/react/Carousels/Simple/index.js","webpack:///./app/components/render/Carousels/Simple.js"],"names":["_react","__webpack_require__","SimpleCarousel","props","_classCallCheck","this","_this","_possibleConstructorReturn","__proto__","Object","getPrototypeOf","call","state","data","onChange","bind","Component","items","context","previousElementSibling","querySelectorAll","i","length","push","title","getAttribute","content","link","image","altText","setState","prevProps","prevState","Blazy","revalidate","_delayPageTransitions2","default","setTimeout","settings","dots","infinite","speed","slidesToShow","slidesToScroll","accessibility","responsive","breakpoint","afterChange","_react2","createElement","className","_classnames2","no-controls","_reactSlick2","map","item","index","key","data-src","aria-label","href","_class","init","initReact","ReactDOM","render","_Simple2"],"mappings":"sYAAAA,EAAAC,EAAA,gBACAA,EAAA,UACAA,EAAA,UACAA,EAAA,UACAA,EAAA,6DAEqBC,cAEnB,SAAAA,EAAYC,gGAAOC,CAAAC,KAAAH,GAAA,IAAAI,mKAAAC,CAAAF,MAAAH,EAAAM,WAAAC,OAAAC,eAAAR,IAAAS,KAAAN,KACXF,IADW,OAGjBG,EAAKM,OACHC,SAGFP,EAAKQ,SAAWR,EAAKQ,SAASC,KAAdT,GAPCA,qUAFuBU,4DAgBxC,IAHA,IAAIH,KAEAI,EADgBZ,KAAKF,MAAMe,QAAQC,uBACfC,iBAAiB,gCAChCC,EAAI,EAAGA,EAAIJ,EAAMK,SAAUD,EAClCR,EAAKU,MAAMC,MAAQP,EAAMI,GAAGI,aAAa,cAC/BC,QAAUT,EAAMI,GAAGI,aAAa,gBAChCE,KAAOV,EAAMI,GAAGI,aAAa,aAC7BG,MAAQX,EAAMI,GAAGI,aAAa,8BAC9BI,QAAUZ,EAAMI,GAAGI,aAAa,yCAG5CpB,KAAKyB,UAAUjB,oDAIEkB,EAAWC,GAC5BC,UAAMC,cACN,EAAAC,EAAAC,8CAKAC,WAAW,WACPJ,UAAMC,cACN,EAAAC,EAAAC,YACD,sCAKH,IAAME,GACJC,KAAOlC,KAAKO,MAAMC,KAAKS,QAAU,EACjCkB,SAAWnC,KAAKO,MAAMC,KAAKS,QAAU,EACrCmB,MAAO,IACPC,aAAc,EACdC,eAAgB,EAChBC,eAAe,EACfC,aAEIC,WAAY,KACZR,UACEI,aAAc,KAIhBI,WAAY,IACZR,UACEI,aAAc,KAIpBK,YAAa1C,KAAKS,UAGpB,OACEkC,EAAAZ,QAAAa,cAAA,OAAKC,WAAW,EAAAC,EAAAf,SAAW,kBAAmBgB,cAAiB/C,KAAKO,MAAMC,KAAKS,OAAS,KACnFjB,KAAKO,MAAMC,KAAKS,OAAS,GAC1B0B,EAAAZ,QAAAa,cAACI,EAAAjB,QAAWE,EACTjC,KAAKO,MAAMC,KAAKyC,IAAI,SAACC,EAAMC,GAAP,OACnBR,EAAAZ,QAAAa,cAAA,OAAKC,UAAU,eAAeO,IAAKD,GACjCR,EAAAZ,QAAAa,cAAA,OAAKC,UAAU,sBAAsBQ,WAAUH,EAAK3B,MAAO+B,aAAYJ,EAAK1B,SAC1EmB,EAAAZ,QAAAa,cAAA,KAAGW,KAAML,EAAK5B,KAAMuB,UAAU,SAC9BF,EAAAZ,QAAAa,cAAA,OAAKC,UAAU,eACbF,EAAAZ,QAAAa,cAAA,UAAQC,UAAU,oBAAlB,IAAuCK,EAAK/B,MAA5C,KACAwB,EAAAZ,QAAAa,cAAA,UAAQC,UAAU,WAAlB,IAA8BK,EAAK7B,QAAnC,+BA7ECxB,kVCNrBD,EAAA,UACAA,EAAA,UAEAA,EAAA,2EAIC,SAAA4D,EAAY3C,gGAASd,CAAAC,KAAAwD,GACpBxD,KAAKa,QAAUA,EACfb,KAAKyD,gDAILzD,KAAK0D,gDAILC,UAASC,OACRjB,EAAAZ,QAAAa,cAACiB,EAAA9B,SAAelB,QAASb,KAAKa,UAAYb,KAAKa","file":"SimpleCarouselRender-a0e23a2e4e6d9916b8f5.js","sourcesContent":["import React, { Component } from 'react';\r\nimport Slider from 'react-slick';\r\nimport classnames from 'classnames';\r\nimport Blazy from '../../../../managers/blazy';\r\nimport delayPageTransitions from '../../../../util/delayPageTransitions';\r\n\r\nexport default class SimpleCarousel extends Component {\r\n\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      data: []\r\n    }\r\n\r\n    this.onChange = this.onChange.bind(this);\r\n  }\r\n\r\n  componentDidMount() {\r\n    let data = [];\r\n    const imageHolder = this.props.context.previousElementSibling;\r\n    let items = imageHolder.querySelectorAll(\"[data-carousel-expert-image]\");\r\n    for (let i = 0; i < items.length; ++i) {\r\n      data.push({'title':items[i].getAttribute('data-title'),\r\n                'content':items[i].getAttribute('data-tagline'),\r\n                'link':items[i].getAttribute('data-link'),\r\n                'image':items[i].getAttribute('data-carousel-expert-image'),\r\n                'altText':items[i].getAttribute('data-carousel-expert-image-alt-text')\r\n              });\r\n    }\r\n    this.setState({data});\r\n  }\r\n\r\n\r\n  componentDidUpdate(prevProps, prevState) {\r\n    Blazy.revalidate();\r\n    delayPageTransitions();\r\n  }\r\n\r\n\r\n  onChange() {\r\n    setTimeout(() => {\r\n        Blazy.revalidate();\r\n        delayPageTransitions();\r\n    }, 500);\r\n  }\r\n\r\n\r\n  render() {\r\n    const settings = {\r\n      dots: (this.state.data.length >= 4),\r\n      infinite: (this.state.data.length >= 4),\r\n      speed: 500,\r\n      slidesToShow: 3,\r\n      slidesToScroll: 1,\r\n      accessibility: true,\r\n      responsive: [\r\n        {\r\n          breakpoint: 1024,\r\n          settings: {\r\n            slidesToShow: 2\r\n          }\r\n        },\r\n        {\r\n          breakpoint: 768,\r\n          settings: {\r\n            slidesToShow: 1\r\n          }\r\n        }\r\n      ],\r\n      afterChange: this.onChange\r\n    };\r\n\r\n    return (\r\n      <div className={classnames(\"carousel-slick\", {\"no-controls\" : (this.state.data.length < 4)})}>\r\n        { (this.state.data.length > 0) &&\r\n          <Slider {...settings}>\r\n            {this.state.data.map((item, index) => (\r\n              <div className=\"slide-holder\" key={index}>\r\n                <div className=\"image-holder b-lazy\" data-src={item.image} aria-label={item.altText}>\r\n                  <a href={item.link} className=\"link\"></a>\r\n                  <div className=\"text-holder\">\r\n                    <strong className=\"title title-font\"> {item.title} </strong>\r\n                    <strong className=\"caption\"> {item.content} </strong>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            ))}\r\n          </Slider>\r\n        }\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\n\r\nimport SimpleCarousel from '../../react/Carousels/Simple';\r\n\r\nexport default class {\r\n\r\n\tconstructor(context) {\r\n\t\tthis.context = context;\r\n\t\tthis.init();\r\n\t}\r\n\r\n\tinit() {\r\n\t\tthis.initReact();\r\n\t}\r\n\r\n\tinitReact() {\r\n\t\tReactDOM.render(\r\n\t\t\t<SimpleCarousel context={this.context}/>, this.context\r\n\t\t);\r\n\t}\r\n}\r\n"],"sourceRoot":""}