{"version":3,"sources":["webpack:////Users/xingli/Documents/projects/projects/ara-fe/src/views/blocks/featuredContentTileContainerBlock/js/featuredContentTileContainerBlock.js","webpack:///./ara/mediaQuery.js"],"names":["_mediaQuery","__webpack_require__","CLS","FeaturedContentTileContainerBlock","element","_this","this","_classCallCheck","$element","$","$side","find","$mainImg","mediaQuery","window","resize","_","debounce","setMainImageHeight","breakpointMaxWidth","BREAKPOINTS","LG","css","height","paddingTop","newHeight","outerHeight","MediaQuery","XS","SM","MD","XL","breakpoint","width","Math","max","document","documentElement","clientWidth","innerWidth","isFinite"],"mappings":"8fAIAA,EAAAC,EAAA,KAJA,IACMC,EAAM,4CAKCC,6CACZ,SAAAA,kCAAYC,GAAS,IAAAC,EAAAC,kHAAAC,CAAAD,KAAAH,mCACpBG,KAAKF,QAAUA,EACfE,KAAKE,SAAWC,EAAEL,GAClBE,KAAKI,MAAQJ,KAAKE,SAASG,KAAd,IAAuBT,EAAvB,SACbI,KAAKM,SAAWN,KAAKE,SAASG,KAAd,IAAuBT,EAAvB,+CAChBI,KAAKO,WAAaA,aAElBJ,EAAEK,QAAQC,OAAOC,EAAEC,SAAS,WAC3BZ,EAAKa,sBACH,KAEHZ,KAAKY,+HAIL,GAAIZ,KAAKO,WAAWM,mBAAmBb,KAAKO,WAAWO,YAAYC,IAUlEf,KAAKM,SAASU,KACbC,OAAQ,GACRC,WAAY,SAZ0D,CACvE,IAEIC,EAFkBnB,KAAKI,MAAMC,KAAX,IAAoBT,EAApB,qBAA4CwB,aAAY,GACxDpB,KAAKI,MAAMC,KAAX,IAAoBT,EAApB,sDAA6EwB,cAEnGpB,KAAKM,SAASU,KACbC,OAAWE,EAAX,KACAD,WAAY,keC5BVG,aACL,SAAAA,0HAAcpB,CAAAD,KAAAqB,YACbrB,KAAKc,aACJQ,GAAI,EACJC,GAAI,IACJC,GAAI,IACJT,GAAI,IACJU,GAAI,uFAIaC,GAClB,IAAIC,EAAQC,KAAKC,IAAIC,SAASC,gBAAgBC,YAAaxB,OAAOyB,YAAc,GAEhF,QAAGvB,EAAEwB,SAASR,IACNA,EAAaC,oBAOZpB,mBAAa,IAAIc","file":"block-8.317c86355b23b3978b5f.js","sourcesContent":["const NS = 'FeaturedContentTileContainerBlock';\nconst CLS = 'featuredContentTileContainerBlock';\nconst BLK = '.' + CLS + '-';\n\nimport { mediaQuery } from '../../../../global/js/ara/mediaQuery';\n\nexport class FeaturedContentTileContainerBlock {\n\tconstructor(element) {\n\t\tthis.element = element;\n\t\tthis.$element = $(element);\n\t\tthis.$side = this.$element.find(`.${CLS}-side`);\n\t\tthis.$mainImg = this.$element.find(`.${CLS}-main .featuredContentTileItemBlock-imgWrap`);\n\t\tthis.mediaQuery = mediaQuery;\n\n\t\t$(window).resize(_.debounce(() => {\n\t\t\tthis.setMainImageHeight();\n\t\t}, 50));\n\n\t\tthis.setMainImageHeight();\n\t}\n\n\tsetMainImageHeight() {\n\t\tif(!this.mediaQuery.breakpointMaxWidth(this.mediaQuery.BREAKPOINTS.LG)) {\n\t\t\tlet firstItemHeight = this.$side.find(`.${CLS}-item:first-child`).outerHeight(true);\n\t\t\tlet lastImageHeight = this.$side.find(`.${CLS}-item:last-child .featuredContentTileItemBlock-img`).outerHeight();\n\t\t\tlet newHeight = firstItemHeight + lastImageHeight;\n\t\t\tthis.$mainImg.css({\n\t\t\t\theight: `${newHeight}px`,\n\t\t\t\tpaddingTop: 'unset'\n\t\t\t});\n\t\t}\n\t\telse {\n\t\t\tthis.$mainImg.css({\n\t\t\t\theight: '',\n\t\t\t\tpaddingTop: ''\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":""}