{"version":3,"sources":["webpack:////Users/xingli/Documents/projects/projects/ara-fe/src/views/blocks/featuredPromoBlock/js/featuredPromoBlock.js","webpack:///./ara/mediaQuery.js"],"names":["_mediaQuery","__webpack_require__","CLS","FeaturedPromoBlock","element","_classCallCheck","this","$element","$","mediaQuery","$colCard","find","$colImage","$card","breakpointMaxWidth","BREAKPOINTS","LG","css","height","MediaQuery","XS","SM","MD","XL","breakpoint","width","Math","max","document","documentElement","clientWidth","window","innerWidth","_","isFinite"],"mappings":"4eAGAA,EAAAC,EAAA,KAHA,IACMC,EAAM,6BAICC,8BACZ,SAAAA,mBAAYC,gHAASC,CAAAC,KAAAH,oBACpBG,KAAKF,QAAUA,EACfE,KAAKC,SAAWC,EAAEJ,GAElBE,KAAKG,WAAaA,aAElBH,KAAKI,SAAWJ,KAAKC,SAASI,KAAd,IAAuBT,EAAvB,cAChBI,KAAKM,UAAYN,KAAKC,SAASI,KAAd,IAAuBT,EAAvB,eACjBI,KAAKO,MAAQP,KAAKC,SAASI,KAAd,IAAuBT,EAAvB,4FAUTI,KAAKG,WAAWK,mBAAmBR,KAAKG,WAAWM,YAAYC,KAqBlEV,KAAKI,SAASO,KACbC,OAAQ,UAGTZ,KAAKO,MAAMI,KACVC,kBAzBEZ,KAAKI,SAASQ,SAAWZ,KAAKM,UAAUM,UAC1CZ,KAAKI,SAASO,KACbC,OAAWZ,KAAKM,UAAUM,SAA1B,OAGDZ,KAAKO,MAAMI,KACVC,OAAWZ,KAAKM,UAAUM,SAA1B,SAIDZ,KAAKI,SAASO,KACbC,OAAQ,UAGTZ,KAAKO,MAAMI,KACVC,odCxCCC,aACL,SAAAA,0HAAcd,CAAAC,KAAAa,YACbb,KAAKS,aACJK,GAAI,EACJC,GAAI,IACJC,GAAI,IACJN,GAAI,IACJO,GAAI,uFAIaC,GAClB,IAAIC,EAAQC,KAAKC,IAAIC,SAASC,gBAAgBC,YAAaC,OAAOC,YAAc,GAEhF,QAAGC,EAAEC,SAASV,IACNA,EAAaC,oBAOZhB,mBAAa,IAAIU","file":"block-10.317c86355b23b3978b5f.js","sourcesContent":["const NS = 'FeaturedPromoBlock';\nconst CLS = 'featuredPromoBlock';\n\nimport { mediaQuery } from '../../../../global/js/ara/mediaQuery';\n\nexport class FeaturedPromoBlock {\n\tconstructor(element) {\n\t\tthis.element = element;\n\t\tthis.$element = $(element);\n\n\t\tthis.mediaQuery = mediaQuery;\n\n\t\tthis.$colCard = this.$element.find(`.${CLS}-col--card`);\n\t\tthis.$colImage = this.$element.find(`.${CLS}-col--image`);\n\t\tthis.$card = this.$element.find(`.${CLS}-card`);\n\n\t\t// $(window).on('resize', _.debounce(() => {\n\t\t// \tthis.adjustCardSize();\n\t\t// }, 50));\n\n\t\t// this.adjustCardSize();\n\t}\n\n\tadjustCardSize() {\n\t\tif(!this.mediaQuery.breakpointMaxWidth(this.mediaQuery.BREAKPOINTS.LG)) {\n\t\t\tif(this.$colCard.height() > this.$colImage.height()) {\n\t\t\t\tthis.$colCard.css({\n\t\t\t\t\theight: `${this.$colImage.height()}px`\n\t\t\t\t});\n\n\t\t\t\tthis.$card.css({\n\t\t\t\t\theight: `${this.$colImage.height()}px`\n\t\t\t\t});\n\t\t\t}\n\t\t\telse {\n\t\t\t\tthis.$colCard.css({\n\t\t\t\t\theight: 'unset'\n\t\t\t\t});\n\n\t\t\t\tthis.$card.css({\n\t\t\t\t\theight: `unset`\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\t\telse {\n\t\t\tthis.$colCard.css({\n\t\t\t\theight: 'unset'\n\t\t\t});\n\n\t\t\tthis.$card.css({\n\t\t\t\theight: `unset`\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":""}