{"version":3,"sources":["webpack:////Users/owenli/Documents/workspace/awi-wlc-fe/src/views/widgets/courseDetailsSocialShareWidget/js/courseDetailsSocialShareWidget.js","webpack:///./wlc/mediaQuery.js"],"names":["CLS","CourseDetailsSocialShareWidget","_createClass","element","_this","this","_classCallCheck","$element","$","$icons","find","concat","urlToShare","data","$shareButtons","each","index","attr","hover","mediaQuery","breakpointMaxWidth","BREAKPOINTS","MD","css","bottom","length","_index","MediaQuery","XS","SM","LG","XL","key","value","breakpoint","width","Math","max","document","documentElement","clientWidth","window","innerWidth","_","isFinite"],"mappings":"w5BAAA,IACMA,EAAM,iCAICC,4GAA8BC,CAC1C,SAAAD,EAAYE,GAAS,IAAAC,EAAAC,kGAAAC,CAAAD,KAAAJ,GACpBI,KAAKF,QAAUA,EACfE,KAAKE,SAAWC,EAAEL,GAElBE,KAAKI,OAASJ,KAAKE,SAASG,KAAI,IAAAC,OAAKX,EAAG,WACxCK,KAAKO,WAAaP,KAAKE,SAASM,KAAK,cACrCR,KAAKS,cAAgBT,KAAKI,OAAOC,KAAI,IAAAC,OAAKX,EAAG,YAE7CK,KAAKS,cAAcC,KAAK,SAACC,EAAOb,GAC/B,IAAII,EAAWC,EAAEL,GACdI,EAASM,KAAK,eAChBN,EAASU,KAAK,OAAQV,EAASU,KAAK,QAAUb,EAAKQ,cAIrDP,KAAKE,SAASW,MAAM,WACnBd,EAAKU,cAAcC,KAAK,SAACC,EAAOb,GAE3BgB,IAAWC,mBAAmBD,IAAWE,YAAYC,IAMxDd,EAAEL,GAASoB,KACVC,OAAM,IAAAb,OAAM,IAAM,EAAIK,GAAM,QAN7BR,EAAEL,GAASoB,KACVC,OAAM,GAAAb,OAAK,IAAOP,EAAKU,cAAcW,OAAST,GAAO,WAStD,WACkBZ,EAAKK,OAAOC,KAAI,IAAAC,OAAKX,EAAG,YAC9Be,KAAK,SAACW,EAAQvB,GAC3BK,EAAEL,GAASoB,KACVC,OAAQ,60BCjBFL,EAAa,IAtBR,WASd,SARD,SAAAQ,iGAAcrB,CAAAD,KAAAsB,GACbtB,KAAKgB,aACJO,GAAI,EACJC,GAAI,IACJP,GAAI,IACJQ,GAAI,IACJC,GAAI,YAELC,IAAA,qBAAAC,MAED,SAAmBC,GAClB,IAAIC,EAAQC,KAAKC,IAAIC,SAASC,gBAAgBC,YAAaC,OAAOC,YAAc,GAEhF,QAAGC,EAAEC,SAASV,IACNA,EAAaC,iGAfP","file":"widget-1.2f662a3aa586e55a56ca.js","sourcesContent":["const NS = 'CourseDetailsSocialShareWidget';\nconst CLS = 'courseDetailsSocialShareWidget';\n\nimport { mediaQuery } from '../../../../global/js/wlc/mediaQuery';\n\nexport class CourseDetailsSocialShareWidget {\n\tconstructor(element) {\n\t\tthis.element = element;\n\t\tthis.$element = $(element);\n\n\t\tthis.$icons = this.$element.find(`.${CLS}-icons`);\n\t\tthis.urlToShare = this.$element.data('urlToShare');\n\t\tthis.$shareButtons = this.$icons.find(`.${CLS}-button`);\n\n\t\tthis.$shareButtons.each((index, element) => {\n\t\t\tlet $element = $(element);\n\t\t\tif($element.data('appendLink')) {\n\t\t\t\t$element.attr('href', $element.attr('href') + this.urlToShare);\n\t\t\t}\n\t\t});\n\n\t\tthis.$element.hover(() => {\n\t\t\tthis.$shareButtons.each((index, element) => {\n\t\t\t\t// Deals with positioning\n\t\t\t\tif(!mediaQuery.breakpointMaxWidth(mediaQuery.BREAKPOINTS.MD)) {\n\t\t\t\t\t$(element).css({\n\t\t\t\t\t\tbottom: `${30 * ((this.$shareButtons.length - index))}px`\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t\telse {\n\t\t\t\t\t$(element).css({\n\t\t\t\t\t\tbottom: `-${30 * (1 + index)}px`\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t});\n\t\t}, () => {\n\t\t\tlet $shareButtons = this.$icons.find(`.${CLS}-button`);\n\t\t\t$shareButtons.each((_index, element) => {\n\t\t\t\t$(element).css({\n\t\t\t\t\tbottom: 0\n\t\t\t\t});\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":""}