{"version":3,"sources":["webpack:///./widgets/socialBar.js"],"names":["WG","concat","SocialBar","$el","_classCallCheck","this","key","value","initSocialBar","onModalShow","socialButtons","querySelectorAll","Array","from","forEach","item","social","getAttribute","currentPage","window","location","href","setAttribute","wgTopOffset","$","offset","top","wg","scroll","document","documentElement","clientWidth","scrollTop","attr","removeAttr","on","css"],"mappings":"61BACA,IAEMA,EAAK,IAAHC,OADI,YACM,KAOLC,EAAS,WAKpB,O,EAHD,SAAAA,EAAYC,I,4FAAKC,CAAA,KAAAF,GAEhBG,KAAKF,IAAMA,I,EACX,EAAAG,IAAA,OAAAC,MAED,WACCF,KAAKG,gBASLH,KAAKI,gBACL,CAAAH,IAAA,gBAAAC,MAED,WACC,IAAMG,EAAgBL,KAAKF,IAAIQ,iBAAiB,qBAEhDC,MAAMC,KAAKH,GAAeI,SAAS,SAACC,GACnC,IAAMC,EAASD,EAAKE,aAAa,eAC3BC,EAAcC,OAAOC,SAASC,KAEpC,OAAQL,GACP,IAAK,WACJD,EAAKO,aAAa,OAAQ,wCAAFrB,OAA0CiB,IAClE,MACD,IAAK,UACJH,EAAKO,aAAa,OAAQ,iCAAFrB,OAAmCiB,EAAW,eACtE,MACD,IAAK,WACJH,EAAKO,aAAa,OAAQ,0DAAFrB,OAA4DiB,IACpF,MACD,IAAK,YACJH,EAAKO,aAAa,OAAQ,gDAAFrB,OAAkDiB,EAAW,yBACrF,MACD,IAAK,YACJH,EAAKO,aAAa,OAAQ,6DAI7B,CAAAhB,IAAA,iBAAAC,MAED,WACC,IAAMgB,EAAcC,EAAEnB,KAAKF,KAAKsB,SAASC,IAAM,GACzCC,EAAKH,EAAEnB,KAAKF,KAElBqB,EAAEL,QAAQS,QAAO,WAEZC,SAASC,gBAAgBC,aAAe,OACvCP,EAAEL,QAAQa,YAAcT,EAC3BI,EAAGM,KAAK,QAAS,yDAEjBN,EAAGO,WAAW,eAIjB,CAAA5B,IAAA,cAAAC,MAED,WACCiB,EAAExB,EAAK,SAASmC,GAAG,kBAAkB,WACpCX,EAAE,6BAA6BY,IAAI,UAAW,c,0FAjE3B,I","file":"73.js","sourcesContent":["// CONSTANTS are all caps.\nconst NS = 'SocialBar';\nconst CLS = 'socialBar';\nconst WG = `.${CLS}-`;\n\n// Import stuff here if you need to or even better to import them dynamically\n// for ex. of dynamic import check out src/scripts/loadWg/socialBar.js using Webpack dynamic imports as chunks.\n// import $ from 'jquery'\n\n\nexport class SocialBar {\n\n\tconstructor($el) {\n\t\t// $el is the widget node return by the loadSocialBar function\n\t\tthis.$el = $el;\n\t}\n\n\tinit() {\n\t\tthis.initSocialBar();\n\n\t\t// let hasAffix = !this.$el.classList.contains('modalChild') && !this.$el.classList.contains('newsTemplate-socialBar');\n\t\t// if (hasAffix) {\n\t\t// \tsetTimeout(() => {\n\t\t// \t\tthis.affixSocialBar();\n\t\t// \t}, 500);\n\t\t// }\n\n\t\tthis.onModalShow();\n\t}\n\n\tinitSocialBar() {\n\t\tconst socialButtons = this.$el.querySelectorAll('.socialBar-button');\n\n\t\tArray.from(socialButtons).forEach( (item) => {\n\t\t\tconst social = item.getAttribute('data-social');\n\t\t\tconst currentPage = window.location.href;\n\n\t\t\tswitch (social) {\n\t\t\t\tcase 'facebook':\n\t\t\t\t\titem.setAttribute('href', `http://www.facebook.com/sharer.php?u=${currentPage}`);\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'twitter':\n\t\t\t\t\titem.setAttribute('href', `https://twitter.com/share?url=${currentPage}&text=`);\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'linkedin':\n\t\t\t\t\titem.setAttribute('href', `http://www.linkedin.com/shareArticle?mini=true&url=${currentPage}`);\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'pinterest':\n\t\t\t\t\titem.setAttribute('href', `https://pinterest.com/pin/create/button/?url=${currentPage}&media=&description=`);\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'instagram':\n\t\t\t\t\titem.setAttribute('href', `https://www.instagram.com/thewoolmarkcompany/?hl=en`);\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t});\n\t}\n\n\taffixSocialBar() {\n\t\tconst wgTopOffset = $(this.$el).offset().top - 70;\n\t\tconst wg = $(this.$el);\n\n\t\t$(window).scroll(function() {\n\t\t\t// console.log(`window: ${$(window).scrollTop()}; wg: ${wgTopOffset}`);\n\t\t\tif (document.documentElement.clientWidth >= 1200) {\n\t\t\t\tif ($(window).scrollTop() > wgTopOffset) {\n\t\t\t\t\twg.attr('style', `position: fixed !important; top: 40px; z-index: 1001;`); // 99999\n\t\t\t\t} else {\n\t\t\t\t\twg.removeAttr('style');\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t}\n\n\tonModalShow() {\n\t\t$(WG + 'modal').on('shown.bs.modal', () => {\n\t\t\t$('.modal-backdrop.fade.show').css('opacity', '.5');\n\t\t});\n\t}\n}\n"],"sourceRoot":""}