{"version":3,"sources":["webpack:////Users/xingli/Documents/projects/projects/ara-fe/src/views/blocks/testimonialBlock/js/testimonialBlock.js","webpack:///./ara/mediaQuery.js"],"names":["_mediaQuery","__webpack_require__","CLS","TestimonialBlock","element","_this","this","_classCallCheck","$element","$","mediaQuery","$colVideo","find","$colSlider","$slider","window","on","_","debounce","adjustSliderSize","initSlider","setTimeout","css","opacity","_this2","slick","dots","dotsClass","arrows","fade","swipe","infinite","mobileFirst","cssEase","responsive","breakpoint","BREAKPOINTS","MD","settings","adaptiveHeight","breakpointMaxWidth","LG","marginTop","height","MediaQuery","XS","SM","XL","width","Math","max","document","documentElement","clientWidth","innerWidth","isFinite"],"mappings":"6eAGAA,EAAAC,EAAA,KAHA,IACMC,EAAM,2BAICC,4BACZ,SAAAA,iBAAYC,GAAS,IAAAC,EAAAC,kHAAAC,CAAAD,KAAAH,kBACpBG,KAAKF,QAAUA,EACfE,KAAKE,SAAWC,EAAEL,GAClBE,KAAKI,WAAaA,aAClBJ,KAAKK,UAAYL,KAAKE,SAASI,KAAd,IAAuBV,EAAvB,kBACjBI,KAAKO,WAAaP,KAAKE,SAASI,KAAd,IAAuBV,EAAvB,mBAClBI,KAAKQ,QAAUR,KAAKE,SAASI,KAAd,IAAuBV,EAAvB,WAEfO,EAAEM,QAAQC,GAAG,SAAUC,EAAEC,SAAS,WACjCb,EAAKc,oBACH,KAEHb,KAAKc,aACLd,KAAKa,mBAELE,WAAW,WACVhB,EAAKG,SAASc,KACbC,QAAS,IAEVlB,EAAKS,QAAQQ,KAAMC,QAAS,KAC1B,8EAGS,IAAAC,EAAAlB,KACZA,KAAKQ,QAAQW,OACZC,MAAM,EACNC,UAAW,+BACXC,QAAQ,EACRC,MAAM,EACNC,OAAO,EACPC,UAAU,EACVC,aAAa,EACbC,QAAS,cACTC,aAEEC,WAAY7B,KAAKI,WAAW0B,YAAYC,GACxCC,UACCC,gBAAgB,OAIjBvB,GAAG,cAAe,WACpBQ,EAAKL,iFAKFb,KAAKI,WAAW8B,mBAAmBlC,KAAKI,WAAW0B,YAAYK,IAalEnC,KAAKK,UAAUW,KACdoB,gBAbEpC,KAAKO,WAAW8B,SAAWrC,KAAKK,UAAUgC,SAC5CrC,KAAKK,UAAUW,KACdoB,UAAcpC,KAAKO,WAAW8B,SAAWrC,KAAKK,UAAUgC,SAAxD,OAIDrC,KAAKK,UAAUW,KACdoB,sdC7DCE,aACL,SAAAA,0HAAcrC,CAAAD,KAAAsC,YACbtC,KAAK8B,aACJS,GAAI,EACJC,GAAI,IACJT,GAAI,IACJI,GAAI,IACJM,GAAI,uFAIaZ,GAClB,IAAIa,EAAQC,KAAKC,IAAIC,SAASC,gBAAgBC,YAAatC,OAAOuC,YAAc,GAEhF,QAAGrC,EAAEsC,SAASpB,IACNA,EAAaa,oBAOZtC,mBAAa,IAAIkC","file":"block-23.317c86355b23b3978b5f.js","sourcesContent":["const NS = 'TestimonialBlock';\nconst CLS = 'testimonialBlock';\n\nimport { mediaQuery } from '../../../../global/js/ara/mediaQuery';\n\nexport class TestimonialBlock {\n\tconstructor(element) {\n\t\tthis.element = element;\n\t\tthis.$element = $(element);\n\t\tthis.mediaQuery = mediaQuery;\n\t\tthis.$colVideo = this.$element.find(`.${CLS}-column--video`);\n\t\tthis.$colSlider = this.$element.find(`.${CLS}-column--slider`);\n\t\tthis.$slider = this.$element.find(`.${CLS}-slider`);\n\n\t\t$(window).on('resize', _.debounce(() => {\n\t\t\tthis.adjustSliderSize();\n\t\t}, 50));\n\n\t\tthis.initSlider();\n\t\tthis.adjustSliderSize();\n\n\t\tsetTimeout(() => {\n\t\t\tthis.$element.css({\n\t\t\t\topacity: 1\n\t\t\t});\n\t\t\tthis.$slider.css({ opacity: 1 });\n\t\t}, 500);\n\t}\n\n\tinitSlider() {\n\t\tthis.$slider.slick({\n\t\t\tdots: true,\n\t\t\tdotsClass: 'slick-dots slick-dots--green',\n\t\t\tarrows: false,\n\t\t\tfade: true,\n\t\t\tswipe: false,\n\t\t\tinfinite: true,\n\t\t\tmobileFirst: false,\n\t\t\tcssEase: 'ease-in-out',\n\t\t\tresponsive: [\n\t\t\t\t{\n\t\t\t\t\tbreakpoint: this.mediaQuery.BREAKPOINTS.MD,\n\t\t\t\t\tsettings: {\n\t\t\t\t\t\tadaptiveHeight: true\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t]\n\t\t}).on('afterChange', () => {\n\t\t\tthis.adjustSliderSize();\n\t\t});\n\t}\n\n\tadjustSliderSize() {\n\t\tif(!this.mediaQuery.breakpointMaxWidth(this.mediaQuery.BREAKPOINTS.LG)) {\n\t\t\tif(this.$colSlider.height() > this.$colVideo.height()) {\n\t\t\t\tthis.$colVideo.css({\n\t\t\t\t\tmarginTop: `${this.$colSlider.height() - this.$colVideo.height()}px`\n\t\t\t\t});\n\t\t\t}\n\t\t\telse {\n\t\t\t\tthis.$colVideo.css({\n\t\t\t\t\tmarginTop: `0`\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\t\telse {\n\t\t\tthis.$colVideo.css({\n\t\t\t\tmarginTop: `0`\n\t\t\t});\n\t\t}\n\t}\n}\n","class MediaQuery {\n\tconstructor() {\n\t\tthis.BREAKPOINTS = {\n\t\t\tXS: 0,\n\t\t\tSM: 576,\n\t\t\tMD: 768,\n\t\t\tLG: 992,\n\t\t\tXL: 1200\n\t\t};\n\t}\n\n\tbreakpointMaxWidth(breakpoint) {\n\t\tlet width = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);\n\n\t\tif(_.isFinite(breakpoint)) {\n\t\t\treturn breakpoint > width;\n\t\t}\n\t\tconsole.error(`MediaQuery::Error`, 'Please supply a valid breakpoint');\n\t\treturn false;\n\t}\n}\n\nexport let mediaQuery = new MediaQuery();\n"],"sourceRoot":""}