{"version":3,"sources":["webpack:///./Scripts/Components/Slider.js"],"names":["Slider","_ref","values","_valuesInstanceProperty","autoPlay","CarouselSettings","showStatus","showThumbs","infiniteLoop","showIndicators","lengh","swipeScrollTolerance","React","createElement","Carousel","_mapInstanceProperty","call","value","index","className","href","url","texturl","key","concat","mobileimage","src","image","textplacement","text","textsize","style","color","textsection","dangerouslySetInnerHTML","__html"],"mappings":"6KAgDeA,UA5CA,SAAHC,GAA6B,IAAvBC,EAAMC,IAAAF,GAAEG,EAAQH,EAARG,SAChBC,EAAmB,CACvBC,YAAY,EACZC,YAAY,EACZC,cAAc,EACdC,eAAgBP,EAAOQ,MAAQ,EAC/BC,qBAAsB,GACtBP,SAAUA,GAEZ,OACEQ,IAAAC,cAACC,WAAaT,EACXU,IAAAb,GAAMc,KAANd,GAAW,SAACe,EAAOC,GAAK,OACvBN,IAAAC,cAAA,KAAGM,UAAU,eAAeC,KAAMH,EAAMI,IACtCJ,EAAMI,IAEJJ,EAAMK,QAERC,IAAG,SAAAC,OAAWN,IACdN,IAAAC,cAAA,OAAKM,UAAU,kBACbP,IAAAC,cAAA,OAAKM,UAAS,iBAAAK,OAAmBP,EAAMQ,YAAc,UAAY,kBAAoBC,IAAKT,EAAMU,QAChGf,IAAAC,cAAA,OAAKM,UAAU,uBAAuBO,IAAKT,EAAMQ,cAQ/Cb,IAAAC,cAAA,OAAKM,UAAW,gBAAuBF,EAAMW,eAC1CX,EAAMY,MACLjB,IAAAC,cAAA,MAAIM,UAAW,gBAAuBF,EAAMa,SAAUC,MAAO,CAAC,MAASd,EAAMe,QAASf,EAAMY,MAE7FZ,EAAMgB,aACLrB,IAAAC,cAAA,OAAKM,UAAU,uBAAuBY,MAAO,CAAC,MAASd,EAAMe,OAAQE,wBAAyB,CAACC,OAAQlB,EAAMgB","file":"14.47f484706922407279a4.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 Slider = ({ values, autoPlay }) => {\r\n    const CarouselSettings = {\r\n      showStatus: false,\r\n      showThumbs: false,\r\n      infiniteLoop: true,\r\n      showIndicators: values.lengh > 1,\r\n      swipeScrollTolerance: 15,\r\n      autoPlay: autoPlay, \r\n    };\r\n    return (\r\n      <Carousel {...CarouselSettings}>\r\n        {values.map((value, index) => (\r\n          <a className=\"slider__link\" href={value.url ? (\r\n            value.url\r\n            ) : (\r\n              value.texturl\r\n            )} \r\n            key={`figure${index}`}>\r\n            <div className=\"slider-wrapper\"> \r\n              <img className={`slider__image ${value.mobileimage ? \"desktop\" : \"mobile desktop\"}`} src={value.image}/>\r\n              <img className=\"slider__image mobile\" src={value.mobileimage}/>\r\n                {/* TODO: Remove or fix STR-13-Scaling-mobile*/}\r\n                {/* Nedan byter bild korrekt, men fÃĨr inte till stylingen fÃķr att bilderna ska skala rÃĪtt */}   \r\n                {/* <picture>\r\n                  <source className=\"slider__image\" media=\"(min-width: 481px)\" srcset={value.image} />\r\n                  <source className=\"slider__image\" media=\"(max-width: 480px)\" srcset={value.mobileimage} />\r\n                  <img src={value.image} alt=\"IfItDoesntMatchAnyMedia\" />\r\n                </picture> */}\r\n                <div className={'text-wrapper' + ' ' + value.textplacement}>\r\n                  {value.text  && \r\n                    <h2 className={'slider__text' + ' ' + value.textsize} style={{\"color\": value.color}}>{value.text}</h2>\r\n                  }\r\n                  {value.textsection &&\r\n                    <div className=\"slider__text-section\" style={{\"color\": value.color}} dangerouslySetInnerHTML={{__html: value.textsection}}></div>          \r\n                  }\r\n                </div>\r\n              </div>\r\n          </a>\r\n        ))}\r\n      </Carousel>\r\n    );\r\n  };\r\n  \r\n\r\nexport default Slider;"],"sourceRoot":""}