{"version":3,"sources":["webpack:////Users/xingli/Documents/projects/projects/ara-fe/src/views/blocks/breadcrumbBannerCarouselBlock/js/breadcrumbBannerCarouselBlock.js"],"names":["CLS","BreadcrumbBannerCarouselBlock","element","_classCallCheck","this","$element","$","$sliderContainer","find","$dotsContainer","$carouselSlider","$carouselItems","slick","dots","dotsClass","appendArrows","appendDots","nextArrow","prevArrow","infinite","slidesToShow","slidesToScroll","mobileFirst","cssEase","useTransform","fade","adaptiveHeight","carouselArrowButton","css","opacity"],"mappings":"qKAAA,IACMA,EAAM,wCAECC,8BACZ,SAAAA,8BAAYC,gHAASC,CAAAC,KAAAH,+BACpBG,KAAKF,QAAUA,EACfE,KAAKC,SAAWC,EAAEJ,GAElBE,KAAKG,iBAAmBH,KAAKC,SAASG,KAAd,IAAuBR,EAAvB,oBACxBI,KAAKK,eAAiBL,KAAKC,SAASG,KAAd,IAAuBR,EAAvB,kBACtBI,KAAKM,gBAAkBN,KAAKC,SAASG,KAAd,IAAuBR,EAAvB,WACvBI,KAAKO,eAAiBP,KAAKC,SAASG,KAAd,IAAuBR,EAAvB,SAEtBI,KAAKM,gBAAgBE,OACpBC,MAAM,EACNC,uBACAC,aAAcX,KAAKG,iBACnBS,WAAYZ,KAAKK,eACjBQ,2IACAC,8IACAC,UAAU,EACVC,aAAc,EACdC,eAAgB,EAChBC,aAAa,EACbC,QAAS,cACTC,cAAc,EACdC,MAAM,EACNC,gBAAgB,IAGjBtB,KAAKuB,oBAAsBvB,KAAKC,SAASG,KAAd,gBAC3BJ,KAAKO,eAAeiB,KAAMC,QAAS","file":"block-2.317c86355b23b3978b5f.js","sourcesContent":["const NS = 'BreadcrumbBannerCarouselBlock';\nconst CLS = 'breadcrumbBannerCarouselBlock';\n\nexport class BreadcrumbBannerCarouselBlock {\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.$dotsContainer = this.$element.find(`.${CLS}-dotsContainer`);\n\t\tthis.$carouselSlider = this.$element.find(`.${CLS}-slider`);\n\t\tthis.$carouselItems = this.$element.find(`.${CLS}-item`);\n\n\t\tthis.$carouselSlider.slick({\n\t\t\tdots: true,\n\t\t\tdotsClass: `slick-dots`,\n\t\t\tappendArrows: this.$sliderContainer,\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-right\"></i></button>`,\n\t\t\tprevArrow: `<button type=\"button\" class=\"slick-arrow slick-arrow--previous\"><i class=\"slick-arrow-icon icon icon--chevron-left\"></i></button>`,\n\t\t\tinfinite: true,\n\t\t\tslidesToShow: 1,\n\t\t\tslidesToScroll: 1,\n\t\t\tmobileFirst: false,\n\t\t\tcssEase: 'ease-in-out',\n\t\t\tuseTransform: true,\n\t\t\tfade: true,\n\t\t\tadaptiveHeight: true\n\t\t});\n\n\t\tthis.carouselArrowButton = this.$element.find(`.slick-arrow`);\n\t\tthis.$carouselItems.css({ opacity: 1 });\n\t}\n}\n"],"sourceRoot":""}