{"version":3,"sources":["webpack:////Users/owenli/Documents/workspace/awi-wool-fe/src/views/blocks/woolNewsCarouselBlock/js/woolNewsCarouselBlock.js"],"names":["CLS","WoolNewsCarouselBlock","_createClass","element","_classCallCheck","this","$element","$","$sliderContainer","find","concat","$carouselItems","$carouselSlider","autoSlide","data","slick","dots","dotsClass","autoplay","autoplaySpeed","appendDots","nextArrow","prevArrow","infinite","slidesToShow","slidesToScroll","draggable","swipeToSlide","lazyLoad","responsive","breakpoint","settings"],"mappings":"i4BAAA,IACMA,EAAM,wBAECC,4GAAqBC,CACjC,SAAAD,EAAYE,gGAASC,CAAAC,KAAAJ,GACpBI,KAAKF,QAAUA,EACfE,KAAKC,SAAWC,EAAEJ,GAElBE,KAAKG,iBAAmBH,KAAKC,SAASG,KAAI,IAAAC,OAAKV,EAAG,qBAClDK,KAAKM,eAAiBN,KAAKC,SAASG,KAAI,IAAAC,OAAKV,EAAG,UAChDK,KAAKO,gBAAkBP,KAAKC,SAASG,KAAI,IAAAC,OAAKV,EAAG,YACjDK,KAAKQ,UAAYR,KAAKC,SAASQ,KAAI,aACb,UAAnBT,KAAKQ,UACPR,KAAKQ,WAAY,EAGjBR,KAAKQ,WAAY,EAGlBR,KAAKO,gBAAgBG,OACpBC,MAAM,EACNC,UAAS,aACTC,SAAUb,KAAKQ,UACbM,cAAe,IACjBC,WAAYf,KAAKG,iBACjBa,UAAS,oIACTC,UAAS,uIACTC,UAAU,EACVC,aAAc,EACdC,eAAgB,EACXC,WAAW,EACXC,cAAc,EACnBC,SAAU,WACVC,aAEEC,WAAY,KACZC,UACEP,aAAc,EACdC,eAAgB,KAIlBK,WAAY,KACZC,UACEP,aAAc,EACdC,eAAgB,KAIjBK,WAAY,KACZC,UACDP,aAAc,EACdC,eAAgB,KAIfK,WAAY,IACZC,UACDP,aAAc,EACdC,eAAgB,KAIhBK,WAAY,IACZC,UACEP,aAAc,EACdC,eAAgB","file":"block-40.430117f348aedc9992ce.js","sourcesContent":["const NS = 'WoolNewsCarouselBlock';\nconst CLS = 'woolNewsCarouselBlock';\n\nexport class WoolNewsCarouselBlock {\n\tconstructor(element) {\n\t\tthis.element = element;\n\t\tthis.$element = $(element);\n\n\t\tthis.$sliderContainer = this.$element.find(`.${CLS}-sliderContainer`);\n\t\tthis.$carouselItems = this.$element.find(`.${CLS}-item`);\n\t\tthis.$carouselSlider = this.$element.find(`.${CLS}-slider`);\n\t\tthis.autoSlide = this.$element.data(`autoSlide`);\n\t\tif(this.autoSlide === \"False\"){\n\t\t\tthis.autoSlide = false;\n\t\t}\n\t\telse{\n\t\t\tthis.autoSlide = true;\n\t\t}\n\t\t// init slider\n\t\tthis.$carouselSlider.slick({\n\t\t\tdots: true,\n\t\t\tdotsClass: `slick-dots`,\n\t\t\tautoplay: this.autoSlide,\n  \t\t\tautoplaySpeed: 5000,\n\t\t\tappendDots: this.$sliderContainer,\n\t\t\tnextArrow: `<button type=\"button\" class=\"slick-arrow slick-arrow--next\"><i class=\"slick-arrow-icon icon icon--chevron-lg-right\"></i></button>`,\n\t\t\tprevArrow: `<button type=\"button\" class=\"slick-arrow slick-arrow--previous\"><i class=\"slick-arrow-icon icon icon--chevron-lg-left\"></i></button>`,\n\t\t\tinfinite: false,\n\t\t\tslidesToShow: 5,\n\t\t\tslidesToScroll: 5,\n      \t\tdraggable: true,\n      \t\tswipeToSlide: true,\n\t\t\tlazyLoad: 'ondemand',\n\t\t\tresponsive: [\n\t\t\t\t{\n\t\t\t\t\tbreakpoint: 1400,\n\t\t\t\t\tsettings: {\n\t\t\t\t\t  slidesToShow: 4,\n\t\t\t\t\t  slidesToScroll: 4\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tbreakpoint: 1200,\n\t\t\t\t\tsettings: {\n\t\t\t\t\t  slidesToShow: 4,\n\t\t\t\t\t  slidesToScroll: 4\n\t\t\t\t\t}\n\t\t\t\t  },\n\t\t\t\t{\n\t\t\t\t  breakpoint: 1024,\n\t\t\t\t  settings: {\n\t\t\t\t\tslidesToShow: 3,\n\t\t\t\t\tslidesToScroll: 3\n\t\t\t\t  }\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t  breakpoint: 768,\n\t\t\t\t  settings: {\n\t\t\t\t\tslidesToShow: 2,\n\t\t\t\t\tslidesToScroll: 2\n\t\t\t\t  }\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tbreakpoint: 576,\n\t\t\t\t\tsettings: {\n\t\t\t\t\t  slidesToShow: 1,\n\t\t\t\t\t  slidesToScroll: 1\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t  ]\n\t\t});\n\t}\n}\n"],"sourceRoot":""}