{"version":3,"sources":["webpack:////Users/owenli/Documents/workspace/awi-wool-fe/src/views/blocks/homePageCarouselBlock/js/homePageCarouselBlock.js"],"names":["CLS","HomePageCarouselBlock","_createClass","element","_classCallCheck","this","$element","$","$carouselSlider","find","concat","$carouselItems","$carouselImgContainer","$arrowContainer","$dotsContainer","slick","dots","dotsClass","appendArrows","appendDots","nextArrow","prevArrow","infinite","cssEase","useTransform","fade","speed","autoplay","autoplaySpeed","css","display"],"mappings":"i4BAAA,IACMA,EAAM,wBAECC,4GAAqBC,CACjC,SAAAD,EAAYE,gGAASC,CAAAC,KAAAJ,GACpBI,KAAKF,QAAUA,EACfE,KAAKC,SAAWC,EAAEJ,GAElBE,KAAKG,gBAAkBH,KAAKC,SAASG,KAAI,IAAAC,OAAKV,EAAG,YACjDK,KAAKM,eAAiBN,KAAKC,SAASG,KAAI,IAAAC,OAAKV,EAAG,UAChDK,KAAKO,sBAAwBP,KAAKM,eAAeF,KAAI,IAAAC,OAAKV,EAAG,uBAE7DK,KAAKQ,gBAAkBR,KAAKC,SAASG,KAAI,IAAAC,OAAKV,EAAG,qBACjDK,KAAKS,eAAiBT,KAAKC,SAASG,KAAI,IAAAC,OAAKV,EAAG,oBAEhDK,KAAKG,gBAAgBO,OACpBC,MAAM,EACNC,UAAS,aACTC,aAAcb,KAAKQ,gBACnBM,WAAYd,KAAKS,eACjBM,UAAS,oIACTC,UAAS,uIACTC,UAAU,EACVC,QAAS,cACTC,cAAc,EACdC,MAAM,EACNC,MAAO,IACPC,UAAU,EACRC,cAAe,MAKlBvB,KAAKM,eAAekB,KAAMC,QAAS","file":"block-5.430117f348aedc9992ce.js","sourcesContent":["const NS = 'HomePageCarouselBlock';\nconst CLS = 'homePageCarouselBlock';\n\nexport class HomePageCarouselBlock {\n\tconstructor(element) {\n\t\tthis.element = element;\n\t\tthis.$element = $(element);\n\n\t\tthis.$carouselSlider = this.$element.find(`.${CLS}-slider`);\n\t\tthis.$carouselItems = this.$element.find(`.${CLS}-item`);\n\t\tthis.$carouselImgContainer = this.$carouselItems.find(`.${CLS}-item-imgContainer`);\n\n\t\tthis.$arrowContainer = this.$element.find(`.${CLS}-arrow-container`);\n\t\tthis.$dotsContainer = this.$element.find(`.${CLS}-dots-container`);\n\n\t\tthis.$carouselSlider.slick({\n\t\t\tdots: true,\n\t\t\tdotsClass: `slick-dots`,\n\t\t\tappendArrows: this.$arrowContainer,\n\t\t\tappendDots: this.$dotsContainer,\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\tcssEase: 'ease-in-out',\n\t\t\tuseTransform: true,\n\t\t\tfade: true,\n\t\t\tspeed: 750,\n\t\t\tautoplay: true,\n  \t\t\tautoplaySpeed: 4000\n\t\t\t\n\t\t});\n\n\t\t// Display the carousel\n\t\tthis.$carouselItems.css({ display: 'block' });\n\t}\n}\n"],"sourceRoot":""}