{"version":3,"sources":["webpack:////Users/owenli/Documents/workspace/awi-wool-fe/src/views/blocks/woolArticleCarouselBlock/js/woolArticleCarouselBlock.js"],"names":["CLS","WoolArticleCarouselBlock","_createClass","element","_classCallCheck","this","$element","$","$sliderContainer","find","concat","$carouselItems","$carouselSlider","autoSlide","data","slick","dots","dotsClass","autoplay","autoplaySpeed","appendArrows","appendDots","nextArrow","prevArrow","infinite","slidesToShow","slidesToScroll","cssEase","useTransform","adaptiveHeight","responsive","breakpoint","settings"],"mappings":"o4BAAA,IACMA,EAAM,2BAECC,4GAAwBC,CACpC,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,aAAcf,KAAKG,iBACnBa,WAAYhB,KAAKG,iBACjBc,UAAS,oIACTC,UAAS,uIACTC,UAAU,EACVC,aAAc,EACdC,eAAgB,EAChBC,QAAS,cACTC,cAAc,EACdC,gBAAgB,EAChBC,aAEGC,WAAY,KACZC,UACDP,aAAc,EACdC,eAAgB,EAChBF,UAAU,EACVR,MAAM,KAILe,WAAY,IACZC,UACDP,aAAc,EACdC,eAAgB","file":"block-32.430117f348aedc9992ce.js","sourcesContent":["const NS = 'WoolArticleCarouselBlock';\nconst CLS = 'woolArticleCarouselBlock';\n\nexport class WoolArticleCarouselBlock {\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\tappendArrows: this.$sliderContainer,\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: true,\n\t\t\tslidesToShow: 3,\n\t\t\tslidesToScroll: 3,\n\t\t\tcssEase: 'ease-in-out',\n\t\t\tuseTransform: true,\n\t\t\tadaptiveHeight: true,\n\t\t\tresponsive: [\n\t\t\t\t{\n\t\t\t\t  breakpoint: 1024,\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\tinfinite: true,\n\t\t\t\t\tdots: true\n\t\t\t\t  }\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t  breakpoint: 767,\n\t\t\t\t  settings: {\n\t\t\t\t\tslidesToShow: 1,\n\t\t\t\t\tslidesToScroll: 1\n\t\t\t\t  }\n\t\t\t\t}\n\t\t\t  ]\n\t\t});\n\t}\n}\n"],"sourceRoot":""}