{"version":3,"sources":["webpack:///./Scripts/Components/Slider.js"],"names":["Slider","_Component","props","_this","_classCallCheck","_callSuper","values","_valuesInstanceProperty","state","dots","isshowdots","delay","sliderdata","_toConsumableArray","_inherits","_createClass","key","value","_context","settings","this","autoPlay","fade","infinite","slidesToScroll","autoplay","speed","autoplaySpeed","pauseOnHover","arrows","React","createElement","Carousel","_mapInstanceProperty","call","index","className","href","LinkUrl","ProductLinkUrl","concat","ImageUrl","media","srcset","ImageMobileUrl","src","alt","actionText","Component"],"mappings":"ijBAG8C,IAEzBA,EAAM,SAAAC,GACzB,SAAAD,EAAYE,GAAO,IAAAC,EAAAC,IAAA,KAAAJ,GACjBG,EAAAE,EAAA,KAAAL,EAAA,CAAME,IACN,IAAII,EAASC,IAAAL,GAAa,GAKxB,OAJFC,EAAKK,MAAQ,CACXC,KAAMH,EAAOI,WACbC,MAAOL,EAAOK,MACdC,WAAUC,IAAMP,EAAOM,aACvBT,EACH,OAAAW,IAAAd,EAAAC,GAAAc,IAAAf,EAAA,EAAAgB,IAAA,SAAAC,MACD,WAAS,IAAAC,EACDC,EAAW,CACfV,KAAyB,QAAnBW,KAAKZ,MAAMC,KACjBY,UAAU,EACVC,MAAM,EACNC,UAAU,EACVC,eAAgB,EAChBC,UAAU,EACVC,MAAO,IACPC,cAAkC,IAAnBP,KAAKZ,MAAMG,MAC1BiB,cAAc,EACdC,QAAQ,GAEV,OACEC,IAAAC,cAAA,WACED,IAAAC,cAACC,IAAab,EACXc,IAAAf,EAAAE,KAAKZ,MAAMI,YAAUsB,KAAAhB,GAAK,SAACD,EAAOkB,GAAK,OACtCL,IAAAC,cAAA,KACEK,UAAU,eACVC,KAAMpB,EAAMqB,QAAUrB,EAAMqB,QAAUrB,EAAMsB,eAC5CvB,IAAG,SAAAwB,OAAWL,IAEdL,IAAAC,cAAA,eACGd,EAAMwB,SACLX,IAAAC,cAAA,UAAQW,MAAM,qBAAqBC,OAAQ1B,EAAMwB,WAC/C,KAEHxB,EAAM2B,eACLd,IAAAC,cAAA,UAAQY,OAAQ1B,EAAM2B,iBACpB,KAEJd,IAAAC,cAAA,OACEc,IAAK5B,EAAMwB,SAAWxB,EAAMwB,SAAW,GACvCK,IAAI,gBACJV,UAAU,mBAGdN,IAAAC,cAAA,MAAIK,UAAU,gBAAgBnB,EAAM8B,sBA/CvB,CAASC","file":"10.5c368091f83458eb2e8a.js","sourcesContent":["import React, { Fragment, Component } from \"react\";\r\nimport Carousel from \"react-slick\";\r\nimport \"slick-carousel/slick/slick.css\";\r\nimport \"slick-carousel/slick/slick-theme.css\";\r\n\r\nexport default class Slider extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    var values = props.values[0];\r\n    this.state = {\r\n      dots: values.isshowdots,\r\n      delay: values.delay,\r\n      sliderdata: [...values.sliderdata],\r\n    };\r\n  }\r\n  render() {\r\n    const settings = {\r\n      dots: this.state.dots == \"True\" ? true : false,\r\n      autoPlay: true,\r\n      fade: true,\r\n      infinite: true,\r\n      slidesToScroll: 1,\r\n      autoplay: true,\r\n      speed: 1000,\r\n      autoplaySpeed: this.state.delay * 1000,\r\n      pauseOnHover: false,\r\n      arrows: false,\r\n    };\r\n    return (\r\n      <div>\r\n        <Carousel {...settings}>\r\n          {this.state.sliderdata.map((value, index) => (\r\n            <a\r\n              className=\"slider__link\"\r\n              href={value.LinkUrl ? value.LinkUrl : value.ProductLinkUrl}\r\n              key={`figure${index}`}\r\n            >\r\n              <picture>\r\n                {value.ImageUrl ? (\r\n                  <source media=\"(min-width: 640px)\" srcset={value.ImageUrl} />\r\n                ) : null}\r\n\r\n                {value.ImageMobileUrl ? (\r\n                  <source srcset={value.ImageMobileUrl} />\r\n                ) : null}\r\n\r\n                <img\r\n                  src={value.ImageUrl ? value.ImageUrl : \"\"}\r\n                  alt=\"Slider Banner\"\r\n                  className=\"slider__image\"\r\n                />\r\n              </picture>\r\n              <h2 className=\"slider__text\">{value.actionText}</h2>\r\n            </a>\r\n          ))}\r\n        </Carousel>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"sourceRoot":""}