{"version":3,"sources":["webpack:////Users/owenli/Documents/workspace/awi-wlc-fe/src/views/blocks/courseCarouselBlock/js/courseCarouselBlock.js"],"names":["CLS","CourseCarouselBlock","_createClass","element","_classCallCheck","this","$element","$","$swiper","find","concat","$buttonNext","$buttonPrev","Swiper","speed","spaceBetween","slidesPerView","slidesPerGroupAuto","autoHeight","navigation","nextEl","prevEl","initAnimateScrollReveal"],"mappings":"o5BAAA,IACMA,EAAM,sBAICC,4GAAmBC,CAC/B,SAAAD,EAAYE,gGAASC,CAAAC,KAAAJ,GACpBI,KAAKF,QAAUA,EACfE,KAAKC,SAAWC,EAAEJ,GAElBE,KAAKG,QAAUH,KAAKC,SAASG,KAAI,IAAAC,OAAKV,EAAG,YACzCK,KAAKM,YAAcN,KAAKC,SAASG,KAAI,IAAAC,OAAKV,EAAG,wBAC7CK,KAAKO,YAAcP,KAAKC,SAASG,KAAI,IAAAC,OAAKV,EAAG,wBAE9B,IAAIa,IAAOR,KAAKG,QAAQ,IACtCM,MAAO,IACPC,aAAc,EACdC,cAAe,OACfC,oBAAoB,EACpBC,YAAY,EACZC,YACCC,OAAQf,KAAKM,YAAY,GACzBU,OAAQhB,KAAKO,YAAY,MAI3BP,KAAKiB,wBAAwBjB,KAAML","file":"block-18.2f662a3aa586e55a56ca.js","sourcesContent":["const NS = 'CourseCarouselBlock';\nconst CLS = 'courseCarouselBlock';\n\nimport Swiper from 'swiper/swiper-bundle.js';\n\nexport class CourseCarouselBlock {\n\tconstructor(element) {\n\t\tthis.element = element;\n\t\tthis.$element = $(element);\n\n\t\tthis.$swiper = this.$element.find(`.${CLS}-swiper`);\n\t\tthis.$buttonNext = this.$element.find(`.${CLS}-swiper-button-next`);\n\t\tthis.$buttonPrev = this.$element.find(`.${CLS}-swiper-button-prev`);\n\n\t\tconst swiper = new Swiper(this.$swiper[0], {\n\t\t\tspeed: 700,\n\t\t\tspaceBetween: 0,\n\t\t\tslidesPerView: 'auto', // scroll 3 at a time instead of 1\n\t\t\tslidesPerGroupAuto: true, // scroll 3 at a time instead of 1\n\t\t\tautoHeight: true,\n\t\t\tnavigation: {\n\t\t\t\tnextEl: this.$buttonNext[0],\n\t\t\t\tprevEl: this.$buttonPrev[0]\n\t\t\t}\n\t\t});\n\n\t\tthis.initAnimateScrollReveal(this, CLS);\n\n\t\t// this.element = element;\n\t\t// this.$element = $(element);\n\n\t\t// this.$elementInner = this.$element.find(`.${CLS}-inner`);\n\t\t// this.$carouselItems = this.$element.find(`.${CLS}-item`);\n\t\t// this.$carouselSlider = this.$element.find(`.${CLS}-slider`);\n\t\t// this.$carouselSlider.slick({\n\t\t// \tdots: true,\n\t\t// \tdotsClass: `slick-dots`,\n\t\t// \tappendArrows: this.$elementInner,\n\t\t// \tappendDots: this.$elementInner,\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: false,\n\t\t// \tslidesToShow: 3,\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// \tresponsive: [\n\t\t// \t\t{\n\t\t// \t\t\tbreakpoint: 992,\n\t\t// \t\t\tsettings: {\n\t\t// \t\t\t\tcenterPadding: '60px',\n\t\t// \t\t\t\tslidesToShow: 2,\n\t\t// \t\t\t\tslidesToScroll: 1\n\t\t// \t\t\t}\n\t\t// \t\t},\n\t\t// \t\t{\n\t\t// \t\t\tbreakpoint: 600,\n\t\t// \t\t\tsettings: {\n\t\t// \t\t\t\tcenterMode: true,\n\t\t// \t\t\t\tcenterPadding: '0',\n\t\t// \t\t\t\tslidesToShow: 1,\n\t\t// \t\t\t\tslidesToScroll: 1\n\t\t// \t\t\t}\n\t\t// \t\t}\n\t\t// \t]\n\t\t// });\n\n\t\t// this.$carouselItems.css({ opacity: 1 });\n\n\t\t// this.adjustArrowVisibility();\n\n\t\t// $(window).resize(_.debounce(() => {\n\t\t// \tthis.adjustArrowVisibility();\n\t\t// }, 50, { trailing: true }));\n\t}\n\n\t// adjustArrowVisibility() {\n\t// \tlet $arrows = this.$element.find(`.slick-arrow`);\n\t// \tif(!($arrows && $arrows.length > 0)) {\n\t// \t\treturn;\n\t// \t}\n\n\t// \tlet previousArrow = this.$element.find(`.slick-arrow--previous`);\n\t// \tlet nextArrow = this.$element.find(`.slick-arrow--next`);\n\n\t// \tpreviousArrow.css({\n\t// \t\tvisibility: Math.floor(previousArrow.offset().left) < 0 ? 'hidden' : 'visible'\n\t// \t});\n\n\t// \tnextArrow.css({\n\t// \t\tvisibility: (Math.ceil(nextArrow.offset().left + nextArrow.width()) + 1) >= this.getContainerWidth() ? 'hidden' : 'visible'\n\t// \t});\n\t// }\n\n\t// getContainerWidth() {\n\t// \tlet $tplContent = $('.tpl-content');\n\t// \tif($tplContent && $tplContent.length > 0) {\n\t// \t\treturn $tplContent.width();\n\t// \t}\n\t// \treturn $(window).width();\n\t// }\n}\n\n"],"sourceRoot":""}