{"version":3,"file":"Carousel.bundle.js","sources":["../../../Static/src/react/components/Carousel/Carousel.jsx"],"sourcesContent":["import React, { Component } from 'react';\r\nimport AliceCarousel from 'react-alice-carousel';\r\nimport 'react-alice-carousel/lib/alice-carousel.css';\r\n\r\nexport default class Carousel extends Component {\r\n    constructor(props) {\r\n        super(props);\r\n\r\n        this.state = {\r\n            responsive: {\r\n                0: {items: 1},\r\n                700: {items: 2},\r\n                900: {items: 4}\r\n            },\r\n            maxItemsShown: 4\r\n        };\r\n\r\n        this.handleWindowResize = this.handleWindowResize.bind(this);\r\n    }\r\n\r\n    componentDidMount() {\r\n        this.countMaxItemsShown();\r\n        window.addEventListener('resize', this.handleWindowResize, false);\r\n    }\r\n\r\n    componentWillUnmount() {\r\n        window.removeEventListener('resize', this.handleWindowResize, false);\r\n    }\r\n\r\n    handleWindowResize() {\r\n        this.countMaxItemsShown();\r\n    }\r\n\r\n    countMaxItemsShown() {\r\n        let itemsForCurrentBreakpoint = 0;\r\n        for (const [key, value] of Object.entries(this.state.responsive)) {\r\n            if (window.innerWidth > key) {\r\n                itemsForCurrentBreakpoint = value.items;\r\n            }\r\n        };\r\n        this.setState({maxItemsShown: itemsForCurrentBreakpoint});\r\n    }\r\n\r\n    render() {\r\n        let items = [];\r\n        for(let i = 0; i < this.props.items.length; i++) {\r\n            items.push(\r\n                <div className=\"teaser-list__carousel-item\" data-value={i}\r\n                     dangerouslySetInnerHTML={{__html: this.props.items[i].innerHTML}}></div>\r\n            )\r\n        }\r\n\r\n        return (\r\n            <React.Fragment>\r\n                {items.length > this.state.maxItemsShown &&\r\n                    <button type=\"button\" title=\"Show previous slide\"\r\n                        className=\"teaser-list__carousel-button teaser-list__carousel-button--prev\"\r\n                        onClick={() => this.Carousel.slidePrev()}/>\r\n                }\r\n                <AliceCarousel\r\n                    disableDotsControls={this.props.dotsDisabled || false}\r\n                    disableButtonsControls={true}\r\n                    items={this.props.itemsPure ? this.props.itemsPure : items}\r\n                    responsive={this.state.responsive}\r\n                    ref={(el) => (this.Carousel = el)}\r\n                />\r\n                {items.length > this.state.maxItemsShown &&\r\n                    <button type=\"button\" title=\"Show next slide\"\r\n                        className=\"teaser-list__carousel-button teaser-list__carousel-button--next\"\r\n                        onClick={() => this.Carousel.slideNext()}/>\r\n                }\r\n            </React.Fragment>\r\n        );\r\n    }\r\n}\r\n"],"names":["Carousel","Component","props","itemsForCurrentBreakpoint","key","value","items","i","jsx","jsxs","React","AliceCarousel","el"],"mappings":"6DAIA,MAAqBA,UAAiBC,EAAAA,SAAU,CAC5C,YAAYC,EAAO,CACf,MAAMA,CAAK,EAEX,KAAK,MAAQ,CACT,WAAY,CACR,EAAG,CAAC,MAAO,CAAC,EACZ,IAAK,CAAC,MAAO,CAAC,EACd,IAAK,CAAC,MAAO,CAAC,CAClB,EACA,cAAe,CAAA,EAGnB,KAAK,mBAAqB,KAAK,mBAAmB,KAAK,IAAI,CAC/D,CAEA,mBAAoB,CAChB,KAAK,mBAAmB,EACxB,OAAO,iBAAiB,SAAU,KAAK,mBAAoB,EAAK,CACpE,CAEA,sBAAuB,CACnB,OAAO,oBAAoB,SAAU,KAAK,mBAAoB,EAAK,CACvE,CAEA,oBAAqB,CACjB,KAAK,mBAAmB,CAC5B,CAEA,oBAAqB,CACjB,IAAIC,EAA4B,EACrB,SAAA,CAACC,EAAKC,CAAK,IAAK,OAAO,QAAQ,KAAK,MAAM,UAAU,EACvD,OAAO,WAAaD,IACpBD,EAA4BE,EAAM,OAG1C,KAAK,SAAS,CAAC,cAAeF,CAA0B,CAAA,CAC5D,CAEA,QAAS,CACL,IAAIG,EAAQ,CAAA,EACZ,QAAQC,EAAI,EAAGA,EAAI,KAAK,MAAM,MAAM,OAAQA,IAClCD,EAAA,KACFE,EAAA,IAAC,MAAA,CAAI,UAAU,6BAA6B,aAAYD,EACnD,wBAAyB,CAAC,OAAQ,KAAK,MAAM,MAAMA,CAAC,EAAE,SAAS,CAAA,CAAG,CAAA,EAK3E,OAAAE,OAACC,EAAM,SAAN,CACI,SAAA,CAAMJ,EAAA,OAAS,KAAK,MAAM,eACvBE,EAAA,IAAC,SAAA,CAAO,KAAK,SAAS,MAAM,sBACxB,UAAU,kEACV,QAAS,IAAM,KAAK,SAAS,UAAU,CAAA,CAAE,EAEjDA,EAAA,IAACG,EAAA,CACG,oBAAqB,KAAK,MAAM,cAAgB,GAChD,uBAAwB,GACxB,MAAO,KAAK,MAAM,UAAY,KAAK,MAAM,UAAYL,EACrD,WAAY,KAAK,MAAM,WACvB,IAAMM,GAAQ,KAAK,SAAWA,CAAA,CAClC,EACCN,EAAM,OAAS,KAAK,MAAM,eACvBE,EAAA,IAAC,SAAA,CAAO,KAAK,SAAS,MAAM,kBACxB,UAAU,kEACV,QAAS,IAAM,KAAK,SAAS,UAAU,CAAA,CAAE,CAErD,CAAA,CAAA,CAER,CACJ"}