{"version":3,"sources":["webpack:///./Scripts/Rollco/Components/Slider.js"],"names":["CarouselSettings","showStatus","showThumbs","infiniteLoop","emulateTouch","interval","values","settings","showDots","length","showIndicators","autoPlay","dataset","autoplay","map","value","index","key","className","pdp","alt","src","image","role","style","backgroundImage","title","parse","text","href","url","linkText","actionText"],"mappings":"6JAKA,MAAMA,EAAmB,CACrBC,YAAY,EACZC,YAAY,EACZC,cAAc,EACdC,cAAc,EACdC,SAAU,KAqCd,EAlCe,EAAGC,SAAQC,eACtB,IAAIC,EAA4B,GAAjBF,EAAOG,OACtBT,EAAiBU,eAAiBF,EAClC,IAAIG,IAAWJ,EAASE,OAAS,IAAIF,EAAS,GAAGK,QAAQC,SAGzD,OAFAb,EAAiBW,SAAuB,GAAZA,EAGxB,gBAAC,KAAaX,EACTM,EAAOQ,KAAI,CAACC,EAAOC,IAChB,uBAAKC,IAAM,SAAQD,IAASE,UAAWH,EAAMI,IAAM,wBAA0B,IACxEJ,EAAMI,IACD,uBAAKD,UAAU,sDAAsDE,IAAKL,EAAMK,IAAKC,IAAKN,EAAMO,QAChG,wBAAMJ,UAAU,0BAA0BK,KAAK,MAAM,aAAYR,EAAMK,IAAKI,MAAO,CAAEC,gBAAiB,OAASV,EAAMO,MAAQ,OAEnI,uBAAKJ,UAAU,eACX,uBAAKA,UAAU,OACX,uBAAKA,UAAU,4BACX,0BAAKH,EAAMW,QACVC,QAAMZ,EAAMa,MACb,sBAAIV,UAAU,sBAAqB,qBAAGW,KAAMd,EAAMe,KAAMf,EAAMgB,WAC7DhB,EAAMiB,YAAcjB,EAAMiB,WAAWvB,OAAS,GAC3C,qBAAGS,UAAU,sBAAsBW,KAAMd,EAAMe,KAC1Cf,EAAMiB,kBAQ5B,C","file":"524.c99970ffa02ac4562a52.js","sourcesContent":["import React, { Fragment } from 'react';\r\nimport 'react-responsive-carousel/lib/styles/carousel.min.css';\r\nimport { Carousel } from 'react-responsive-carousel';\r\nimport parse from 'html-react-parser';\r\n\r\nconst CarouselSettings = {\r\n    showStatus: false,\r\n    showThumbs: false,\r\n    infiniteLoop: true,\r\n    emulateTouch: true,\r\n    interval: 5000\r\n};\r\n\r\nconst Slider = ({ values, settings }) => {\r\n    var showDots = values.length != 1;\r\n    CarouselSettings.showIndicators = showDots;\r\n    var autoPlay = settings.length > 0 ? settings[0].dataset.autoplay : true;\r\n    CarouselSettings.autoPlay = autoPlay == true ? true : false;\r\n\r\n    return (\r\n        <Carousel {...CarouselSettings}>\r\n            {values.map((value, index) => (\r\n                <div key={`figure${index}`} className={value.pdp ? \"slider__image-wrapper\" : \"\"}>\r\n                    {value.pdp\r\n                        ? <img className=\"slider__image-container slider__image-container-pdp\" alt={value.alt} src={value.image} />\r\n                        : <span className=\"slider__image-container\" role=\"img\" aria-label={value.alt} style={{ backgroundImage: \"url(\" + value.image + \")\" }}></span>\r\n                    }\r\n                    <div className=\"banner-text\">\r\n                        <div className=\"row\">\r\n                            <div className=\"small-12 large-6 columns\">\r\n                                <h2>{value.title}</h2>\r\n                                {parse(value.text)}\r\n                                <h3 className=\"banner-text__title\"><a href={value.url}>{value.linkText}</a></h3>\r\n                                {value.actionText && value.actionText.length > 0 && (\r\n                                    <a className=\"banner-text__button\" href={value.url}>\r\n                                        {value.actionText}\r\n                                    </a>\r\n                                )}\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            ))}\r\n        </Carousel>\r\n    );\r\n};\r\n\r\nexport default Slider;\r\n"],"sourceRoot":""}