{"version":3,"sources":["webpack:////Users/owenli/Documents/workspace/awi-wool-fe/src/views/widgets/woolHeaderWidget/js/woolHeaderWidget.js"],"names":["CLS","WoolHeaderWidget","element","_this","this","_classCallCheck","$element","$","autoSlide","find","concat","data","slick","autoplay","autoplaySpeed","speed","arrows","infinite","$siteHeaderBottomMenuWidget","$siteHeaderBottomSearchBarWidget","$siteHeaderWidget","parent","document","body","append","$togglerButton","on","hasClass","trigger","removeClass","siteHeaderBottomWidget","addClass","$searchBarButton","destroyItems","bottomMenu","searchBar","include","initSticky","key","value","scrollY","$elementClone","initScrollEvents","offsetTop","Math","round","window","first","offset","top","_","isNil","clone","before","css","position","left","right","zIndex","attr","visibility","remove","debounce","leading","trailing"],"mappings":"+3BAAA,IACMA,EAAM,mBAECC,EAAgB,WAgF3B,SA/ED,SAAAA,EAAYC,GAAS,IAAAC,EAAAC,kGAAAC,CAAAD,KAAAH,GACpBG,KAAKF,QAAUA,EACfE,KAAKE,SAAWC,EAAEL,GAElBE,KAAKI,UAAYJ,KAAKE,SAASG,KAAI,IAAAC,OAAKV,EAAG,WAAUW,KAAI,eACnC,UAAnBP,KAAKI,UACPJ,KAAKI,WAAY,EAGjBJ,KAAKI,WAAY,EAIlBD,EAAE,gBAAgBK,OACjBC,SAAUT,KAAKI,UACfM,cAAe,IACfC,MAAO,IACPC,QAAQ,EACRC,UAAU,IAGXb,KAAKc,4BAA8Bd,KAAKE,SAASG,KAAI,+BACrDL,KAAKe,iCAAmCf,KAAKE,SAASG,KAAI,oCAC1DL,KAAKgB,kBAAoBhB,KAAKE,SAASe,OAAM,qBAC7Cd,EAAEe,SAASC,MAAMC,OAAOpB,KAAKc,6BAC7BX,EAAEe,SAASC,MAAMC,OAAOpB,KAAKe,kCAG7Bf,KAAKqB,eAAiBrB,KAAKE,SAASG,KAAI,IAAAC,OAAKV,EAAG,kBAChDI,KAAKqB,eAAeC,GAAG,QAAS,WAC3BvB,EAAKsB,eAAeE,SAAS,WAShCxB,EAAKe,4BAA4BU,QAAQ,uCACzCzB,EAAKsB,eAAeI,YAAY,YARhC1B,EAAKe,4BAA4BU,QAAQ,mCACxCE,uBAAwB3B,EAAKG,WAG9BH,EAAKsB,eAAeM,SAAS,aAS/B3B,KAAK4B,iBAAiBN,GAAG,QAAS,WAC7BvB,EAAK6B,iBAAiBL,SAAS,UAalCM,GACCC,YAAY,EACZC,WAAW,KAdZF,GACCC,YAAY,IAGb/B,EAAKgB,iCAAiCS,QAAQ,wCAC7CE,uBAAwB3B,EAAKG,WAG9BH,EAAK6B,iBAAiBD,SAAS,UAC/B5B,EAAKiB,kBAAkBW,SAAQ,sCAUjC,IAAIE,EAAe,SAACG,GAChBA,EAAQD,YACVhC,EAAKgB,iCAAiCS,QAAQ,4CAC9CzB,EAAK6B,iBAAiBH,YAAY,WAEhCO,EAAQF,aACV/B,EAAKe,4BAA4BU,QAAQ,uCACzCzB,EAAKsB,eAAeI,YAAY,WAEjC1B,EAAKiB,kBAAkBS,YAAW,oCAGnCzB,KAAKiC,mBACLC,IAAA,aAAAC,MAED,WACC,IAGIC,EAHAlC,EAAWF,KAAKE,SAChBmC,EAAgB,KAsChBC,EAAmB,WAlCJ,IACdC,EAkCJH,EAAUI,KAAKC,MAAMC,OAAON,SAlCxBG,EAAYpC,EAAE,qBAAqBwC,QAAQC,SAASC,IAErDT,EAAUG,EACTO,EAAEC,MAAMV,KACVA,EAAgBnC,EAAS8C,OAAM,GAAM,GACrC9C,EAAS+C,OAAOZ,GAEhBnC,EAASgD,KACRC,SAAU,QACVN,IAAK,IACLO,KAAM,IACNC,MAAO,IACPC,OAAQ,QAGTjB,EAAckB,KAAK,uCAAwC,QAC3DlB,EAAca,KACbM,WAAY,YAKXnB,IACFA,EAAcoB,SACdpB,EAAgB,KAEhBnC,EAASgD,KACRC,SAAU,MASAf,GAGdjC,EAAEuC,QAAQpB,GAAG,SAAUwB,EAAEY,SAAS,WAE7BvD,EAAEe,SAASC,MAAMI,SAAS,eAC7Be,KAEC,IAAMqB,SAAS,EAAMC,UAAU,KAElCtB,mGAvI2B","file":"widget-38.430117f348aedc9992ce.js","sourcesContent":["const NS = 'WoolHeaderWidget';\nconst CLS = 'woolHeaderWidget';\n\nexport class WoolHeaderWidget {\n\tconstructor(element) {\n\t\tthis.element = element;\n\t\tthis.$element = $(element);\n\n\t\tthis.autoSlide = this.$element.find(`.${CLS}-stats`).data(`tickerSlide`);\n\t\tif(this.autoSlide === \"False\"){\n\t\t\tthis.autoSlide = false;\n\t\t}\n\t\telse{\n\t\t\tthis.autoSlide = true;\n\t\t}\n\t\t\n\n\t\t$('.single-item').slick({\n\t\t\tautoplay: this.autoSlide,       //autoplay\n\t\t\tautoplaySpeed: 3000,  //autoplay speed\n\t\t\tspeed: 800,           //slide speed\n\t\t\tarrows: true,         //arrows both sides of slide\n\t\t\tinfinite: true,       //loop infinitely\n\t\t});\n\n\t\tthis.$siteHeaderBottomMenuWidget = this.$element.find(`.siteHeaderBottomMenuWidget`);\n\t\tthis.$siteHeaderBottomSearchBarWidget = this.$element.find(`.siteHeaderBottomSearchBarWidget`);\n\t\tthis.$siteHeaderWidget = this.$element.parent(`.siteHeaderWidget`);\n\t\t$(document.body).append(this.$siteHeaderBottomMenuWidget);\n\t\t$(document.body).append(this.$siteHeaderBottomSearchBarWidget);\n\n\n\t\tthis.$togglerButton = this.$element.find(`.${CLS}-btn--toggler`);\n\t\tthis.$togglerButton.on('click', () => {\n\t\t\tif(!this.$togglerButton.hasClass('active')) {\n\n\t\t\t\tthis.$siteHeaderBottomMenuWidget.trigger('siteHeaderBottomMenuWidget.open', {\n\t\t\t\t\tsiteHeaderBottomWidget: this.$element\n\t\t\t\t});\n\n\t\t\t\tthis.$togglerButton.addClass('active');\n\t\t\t}\n\t\t\telse {\n\t\t\t\tthis.$siteHeaderBottomMenuWidget.trigger('siteHeaderBottomMenuWidget.close', {});\n\t\t\t\tthis.$togglerButton.removeClass('active');\n\t\t\t}\n\t\t});\n\n\t\t//this.$searchBarButton = this.$element.find(`.${CLS}-btn--search`);\n\t\tthis.$searchBarButton.on('click', () => {\n\t\t\tif(!this.$searchBarButton.hasClass('active')) {\n\t\t\t\tdestroyItems({\n\t\t\t\t\tbottomMenu: true\n\t\t\t\t});\n\n\t\t\t\tthis.$siteHeaderBottomSearchBarWidget.trigger('siteHeaderBottomSearchBarWidget.open', {\n\t\t\t\t\tsiteHeaderBottomWidget: this.$element\n\t\t\t\t});\n\n\t\t\t\tthis.$searchBarButton.addClass('active');\n\t\t\t\tthis.$siteHeaderWidget.addClass(`siteHeaderWidget--activeElement`);\n\t\t\t}\n\t\t\telse {\n\t\t\t\tdestroyItems({\n\t\t\t\t\tbottomMenu: true,\n\t\t\t\t\tsearchBar: true\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\n\t\tlet destroyItems = (include) => {\n\t\t\tif(include.searchBar) {\n\t\t\t\tthis.$siteHeaderBottomSearchBarWidget.trigger('siteHeaderBottomSearchBarWidget.close', {});\n\t\t\t\tthis.$searchBarButton.removeClass('active');\n\t\t\t}\n\t\t\tif(include.bottomMenu) {\n\t\t\t\tthis.$siteHeaderBottomMenuWidget.trigger('siteHeaderBottomMenuWidget.close', {});\n\t\t\t\tthis.$togglerButton.removeClass('active');\n\t\t\t}\n\t\t\tthis.$siteHeaderWidget.removeClass(`siteHeaderWidget--activeElement`);\n\t\t};\n\n\t\tthis.initSticky();\n\t}\n\n\tinitSticky() {\n\t\tlet $element = this.$element;\n\t\tlet $elementClone = null;\n\t\tlet oldScrollY = 0;\n\t\tlet scrollY;\n\n\t\tlet toggleSticky = () => {\n\t\t\tlet offsetTop = $('.woolHeaderWidget').first().offset().top;\n\n\t\t\tif(scrollY > offsetTop) {\n\t\t\t\tif(_.isNil($elementClone)) {\n\t\t\t\t\t$elementClone = $element.clone(true, true);\n\t\t\t\t\t$element.before($elementClone);\n\n\t\t\t\t\t$element.css({\n\t\t\t\t\t\tposition: 'fixed',\n\t\t\t\t\t\ttop: '0',\n\t\t\t\t\t\tleft: '0',\n\t\t\t\t\t\tright: '0',\n\t\t\t\t\t\tzIndex: '100'\n\t\t\t\t\t});\n\n\t\t\t\t\t$elementClone.attr('wool-header-widget-placeholder-clone', 'true');\n\t\t\t\t\t$elementClone.css({\n\t\t\t\t\t\tvisibility: 'hidden'\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\t\t\telse {\n\t\t\t\tif($elementClone) {\n\t\t\t\t\t$elementClone.remove();\n\t\t\t\t\t$elementClone = null;\n\n\t\t\t\t\t$element.css({\n\t\t\t\t\t\tposition: ''\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\n\t\tlet initScrollEvents = () => {\n\t\t\tscrollY = Math.round(window.scrollY);\n\t\t\ttoggleSticky();\n\t\t\toldScrollY = scrollY;\n\t\t};\n\n\t\t$(window).on('scroll', _.debounce(() => {\n\t\t\t// Don’t trigger scrolling event when overlay is activated\n\t\t\tif(!$(document.body).hasClass('hasOverlay')) {\n\t\t\t\tinitScrollEvents();\n\t\t\t}\n\t\t}, 50, { leading: true, trailing: true }));\n\n\t\tinitScrollEvents();\n\t}\n}\n"],"sourceRoot":""}