{"version":3,"sources":["webpack:///./Scripts/Components/Slider.js"],"names":["CarouselSettings","showStatus","showThumbs","infiniteLoop","Slider","values","oldWindowWidth","window","innerWidth","React","useState","isMobile","setWindowState","useEffect","handleResize","addEventListener","_","removeEventListener","value","index","textColor","getMultiLanguageTextColor","console","log","hasTint","tint","image","mobileImage","href","url","className","src","style","header","subHeader","text","undefined","class","linkButton"],"mappings":"4LAIMA,EAAmB,CACrBC,YAAY,EACZC,YAAY,EACZC,cAAc,GAgEHC,UA7DA,SAAC,GAAe,IAAbC,EAAa,OAGvBC,EAAiBC,OAAOC,WAHD,EAIQC,IAAMC,SAAS,CAC9CC,SAAUJ,OAAOC,YAHD,MAFO,WAIpBG,EAJoB,KAIVC,EAJU,KAQ3BH,IAAMI,WAAU,WACZ,SAASC,KACAR,EARO,KAQyBC,OAAOC,YARhC,KAQ+DF,EAR/D,KAQ+FC,OAAOC,YARtG,OASRF,EAAiBC,OAAOC,WACxBI,EAAe,CAAED,SAAWJ,OAAOC,YAV3B,OAehB,OAFAD,OAAOQ,iBAAiB,SAAUD,GAE3B,SAAAE,GACHT,OAAOU,oBAAoB,SAAUH,OAuB7C,OAAO,kBAAC,WAAad,EAChB,IAAAK,GAAM,KAANA,GAAW,SAACa,EAAOC,GAChB,IAAMC,EAAgC,KAApBF,EAAME,UAAmB,QAdjB,SAACF,GAC/B,OAAQA,GACJ,IAAK,QACD,MAAO,QACX,IAAK,MACD,MAAO,QACX,QACI,OAAOA,GAO0CG,CAA0BH,EAAME,WACrFE,QAAQC,IAAIH,GACZ,IAAMI,EAAwB,QAAdN,EAAMO,KAAiB,QAAU,GAC7CC,EAAQf,EAASA,SAAiC,KAAtBO,EAAMS,YAAqBT,EAAMQ,MAAQR,EAAMS,YAAcT,EAAMQ,MACnG,OACI,uBAAGE,KAAMV,EAAMW,IAAKC,UAAU,gBAC1B,yBAAKA,UAAS,wBAAmBN,GAAWO,IAAKL,IACjD,wBAAIM,MAAO,CAAE,MAASZ,GAAaU,UAAU,gBAAgBZ,EAAMe,QACnE,uBAAGD,MAAO,CAAE,MAASZ,GAAaU,UAAU,qBAAqBZ,EAAMgB,WA7BpE,SAAChB,GAChB,GAAkB,MAAdA,EAAMiB,WAA+BC,IAAflB,EAAMiB,MAAqC,KAAfjB,EAAMiB,KAG5D,OAAO,uBAAGP,KAAMV,EAAMW,IAAKQ,MAAM,kBAAkBnB,EAAMiB,MA0B5CG,CAAWpB","file":"13.17dd82bc1844fbe8c37e.js","sourcesContent":["import React from 'react';\r\nimport 'react-responsive-carousel/lib/styles/carousel.min.css';\r\nimport { Carousel } from 'react-responsive-carousel';\r\n\r\nconst CarouselSettings = {\r\n    showStatus: false,\r\n    showThumbs: false,\r\n    infiniteLoop: true,\r\n};\r\n\r\nconst Slider = ({ values }) => {\r\n\r\n    const mobileWidth = 668;\r\n    let oldWindowWidth = window.innerWidth;\r\n    const [isMobile, setWindowState] = React.useState({\r\n        isMobile: window.innerWidth <= mobileWidth ? true : false\r\n    })\r\n\r\n    React.useEffect(() => {\r\n        function handleResize() {\r\n            if ((oldWindowWidth > mobileWidth && window.innerWidth <= mobileWidth) || (oldWindowWidth < mobileWidth && window.innerWidth >= mobileWidth)) {\r\n                oldWindowWidth = window.innerWidth;\r\n                setWindowState({ isMobile: (window.innerWidth <= mobileWidth ? true : false) })\r\n            }\r\n        }\r\n        window.addEventListener('resize', handleResize)\r\n\r\n        return _ => {\r\n            window.removeEventListener('resize', handleResize)\r\n        }\r\n    })\r\n\r\n    const linkButton = (value) => {\r\n        if (value.text == null || value.text === undefined || value.text === '') {\r\n            return;\r\n        }\r\n        return <a href={value.url} class=\"slider__button\">{value.text}</a>\r\n    }\r\n\r\n    const getMultiLanguageTextColor = (value) => {\r\n        switch (value) {\r\n            case 'Svart':\r\n                return 'Black';\r\n            case 'Vit':\r\n                return 'White';\r\n            default:\r\n                return value;\r\n        }\r\n    }\r\n\r\n\r\n    return <Carousel {...CarouselSettings}>\r\n        {values.map((value, index) => {\r\n            const textColor = value.textColor === '' ? 'white' : getMultiLanguageTextColor(value.textColor);\r\n            console.log(textColor);\r\n            const hasTint = value.tint == 'True' ? ' tint' : '';\r\n            let image = isMobile.isMobile ? value.mobileImage === '' ? value.image : value.mobileImage : value.image;\r\n            return (\r\n                <a href={value.url} className=\"slider__link\">\r\n                    <img className={`slider__image ${hasTint}`} src={image} />\r\n                    <h1 style={{ 'color': textColor }} className=\"slider__text\">{value.header}</h1>\r\n                    <p style={{ 'color': textColor }} className=\"slider__subHeader\">{value.subHeader}</p>\r\n                    {linkButton(value)}\r\n                </a>\r\n            )\r\n\r\n        }\r\n        )}\r\n    </Carousel>\r\n}\r\n\r\nexport default Slider;"],"sourceRoot":""}