{"version":3,"sources":["webpack:////Users/owenli/Documents/workspace/awi-wool-fe/src/views/blocks/woolBtbFeaturedBlock/js/woolBtbFeaturedBlock.js"],"names":["CLS","WoolBtbFeaturedBlock","_createClass","element","_classCallCheck","this","$element","$","$carouselSlider","find","concat","$carouselItems","$carouselImgContainer","$arrowContainer","$dotsContainer","autoSlide","data","slick","dots","dotsClass","appendArrows","appendDots","nextArrow","prevArrow","infinite","cssEase","useTransform","fade","speed","autoplay","autoplaySpeed","css","display"],"mappings":"g4BAAA,IACMA,EAAM,uBAECC,4GAAoBC,CAChC,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,KAAKU,UAAYV,KAAKC,SAASU,KAAI,aACb,UAAnBX,KAAKU,UACPV,KAAKU,WAAY,EAGjBV,KAAKU,WAAY,EAGlBV,KAAKG,gBAAgBS,OACpBC,MAAM,EACNC,UAAS,aACTC,aAAcf,KAAKQ,gBACnBQ,WAAYhB,KAAKS,eACjBQ,UAAS,oIACTC,UAAS,uIACTC,UAAU,EACVC,QAAS,cACTC,cAAc,EACdC,MAAM,EACNC,MAAO,IACPC,SAAUxB,KAAKU,UACbe,cAAe,MAKlBzB,KAAKM,eAAeoB,KAAMC,QAAS","file":"block-34.430117f348aedc9992ce.js","sourcesContent":["const NS = 'WoolBtbFeaturedBlock';\nconst CLS = 'woolBtbFeaturedBlock';\n\nexport class WoolBtbFeaturedBlock {\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.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\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: this.autoSlide,\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":""}