{"version":3,"sources":["webpack:////Users/owenli/Documents/workspace/awi-wool-fe/src/views/widgets/siteHeaderTopWidget/js/siteHeaderTopWidget.js"],"names":["CLS","SiteHeaderTopWidget","element","_this","this","_classCallCheck","$element","$","initCarousel","$siteHeaderWidget","parents","marketUpdateButton","find","concat","on","trigger","toggleClass","addClass","removeClass","hasClass","$loginBtn","document","key","value","_this2","$carousel","$carouselItems","$carouselViewInner","$carouselPrev","$carouselNext","$carouselIndex","$carouselMaxIndex","length","toggleButtonStatus","css","transition","transform","window","resize","_","debounce"],"mappings":"k4BAAA,IACMA,EAAM,sBAECC,EAAmB,WA0C9B,SAzCD,SAAAA,EAAYC,GAAS,IAAAC,EAAAC,kGAAAC,CAAAD,KAAAH,GACpBG,KAAKF,QAAUA,EACfE,KAAKE,SAAWC,EAAEL,GAElBE,KAAKI,eAELJ,KAAKK,kBAAoBL,KAAKE,SAASI,QAAQ,qBAC/CN,KAAKO,mBAAqBP,KAAKE,SAASM,KAAI,IAAAC,OAAKb,EAAG,uBACpDI,KAAKO,mBAAmBG,GAAG,QAAS,WACnCX,EAAKM,kBAAkBM,QAAO,oBAAAF,OAAqBb,EAAG,mCAGvDI,KAAKE,SAASQ,GAAE,GAAAD,OAAIb,EAAG,mCAAmC,WACzDG,EAAKQ,mBAAmBK,YAAW,GAAAH,OAAIb,EAAG,iCAG3CI,KAAKE,SAASQ,GAAE,GAAAD,OAAIb,EAAG,gCAAgC,WACtDG,EAAKQ,mBAAmBM,SAAQ,GAAAJ,OAAIb,EAAG,iCAGxCI,KAAKE,SAASQ,GAAE,GAAAD,OAAIb,EAAG,mCAAmC,WACzDG,EAAKQ,mBAAmBO,YAAW,GAAAL,OAAIb,EAAG,iCAGxCI,KAAKK,kBAAkBU,SAAS,kBAClCf,KAAKgB,UAAYhB,KAAKE,SAASM,KAAI,IAAAC,OAAKb,EAAG,gBAC3CI,KAAKgB,UAAUN,GAAG,QAAS,WAEvBP,EAAEc,UAAUT,KAAK,oCAAoCO,SAAS,WAChEZ,EAAEc,UAAUT,KAAK,YAAYG,QAAQ,SAInCR,EAAEc,UAAUT,KAAK,+BAA+BO,SAAS,WAC3DZ,EAAEc,UAAUT,KAAK,wCAAwCG,QAAQ,SAGlER,EAAEc,UAAUT,KAAK,gCAAgCK,SAAS,UAC1DV,EAAEc,UAAUT,KAAK,gCAAgCG,QAAQ,mBAG3DO,IAAA,eAAAC,MAED,WAAe,IAAAC,EAAApB,KACdA,KAAKqB,UAAYrB,KAAKE,SAASM,KAAI,IAAAC,OAAKb,EAAG,cAC3CI,KAAKsB,eAAiBtB,KAAKqB,UAAUb,KAAI,IAAAC,OAAKb,EAAG,wBAAAa,OAAuBb,EAAG,4BAC3EI,KAAKuB,mBAAqBvB,KAAKqB,UAAUb,KAAI,IAAAC,OAAKb,EAAG,yBACrDI,KAAKwB,cAAgBxB,KAAKqB,UAAUb,KAAI,IAAAC,OAAKb,EAAG,wBAChDI,KAAKyB,cAAgBzB,KAAKqB,UAAUb,KAAI,IAAAC,OAAKb,EAAG,wBAEhDI,KAAK0B,eAAiB,EACtB1B,KAAK2B,kBAAoB3B,KAAKsB,eAAeM,OAAS,EAEtD,IAAIC,EAAqB,WACG,IAAxBT,EAAKM,eACPN,EAAKI,cAAcX,SAAQ,YAG3BO,EAAKI,cAAcV,YAAW,YAG5BM,EAAKM,iBAAmBN,EAAKO,kBAC/BP,EAAKK,cAAcZ,SAAQ,YAG3BO,EAAKK,cAAcX,YAAW,aAIhCd,KAAKwB,cAAcd,GAAG,QAAS,WAC3BU,EAAKM,eAAiB,GAAK,IAC7BN,EAAKM,gBAAkB,EACvBN,EAAKG,mBAAmBO,KACvBC,WAAU,6BACVC,UAAS,eAAAvB,OAAiB,IAAMW,EAAKM,eAAc,QAEpDG,OAIF7B,KAAKyB,cAAcf,GAAG,QAAS,WAC3BU,EAAKM,eAAiB,GAAKN,EAAKO,oBAClCP,EAAKM,gBAAkB,EACvBN,EAAKG,mBAAmBO,KACvBC,WAAU,6BACVC,UAAS,eAAAvB,OAAiB,IAAMW,EAAKM,eAAc,QAEpDG,OAIF1B,EAAE8B,QAAQC,OAAOC,EAAEC,SAAS,WAC3BhB,EAAKM,eAAiB,EACtBN,EAAKG,mBAAmBO,KACvBC,WAAU,QACVC,UAAS,mBAEVZ,EAAKI,cAAcX,SAAQ,aACzB,qGAnG2B","file":"widget-34.430117f348aedc9992ce.js","sourcesContent":["const NS = 'SiteHeaderTopWidget';\nconst CLS = 'siteHeaderTopWidget';\n\nexport class SiteHeaderTopWidget {\n\tconstructor(element) {\n\t\tthis.element = element;\n\t\tthis.$element = $(element);\n\n\t\tthis.initCarousel();\n\n\t\tthis.$siteHeaderWidget = this.$element.parents('.siteHeaderWidget');\n\t\tthis.marketUpdateButton = this.$element.find(`.${CLS}-btn--marketUpdate`);\n\t\tthis.marketUpdateButton.on('click', () => {\n\t\t\tthis.$siteHeaderWidget.trigger(`siteHeaderWidget.${CLS}.marketUpdateButton.click`, {});\n\t\t});\n\n\t\tthis.$element.on(`${CLS}.marketUpdateButton.toggleClass`, () => {\n\t\t\tthis.marketUpdateButton.toggleClass(`${CLS}-btn--marketUpdate--active`);\n\t\t});\n\n\t\tthis.$element.on(`${CLS}.marketUpdateButton.addClass`, () => {\n\t\t\tthis.marketUpdateButton.addClass(`${CLS}-btn--marketUpdate--active`);\n\t\t});\n\n\t\tthis.$element.on(`${CLS}.marketUpdateButton.removeClass`, () => {\n\t\t\tthis.marketUpdateButton.removeClass(`${CLS}-btn--marketUpdate--active`);\n\t\t});\n\n\t\tif(this.$siteHeaderWidget.hasClass('is-logged-in')) {\n\t\t\tthis.$loginBtn = this.$element.find(`.${CLS}-btn--login`);\n\t\t\tthis.$loginBtn.on('click', () => {\n\t\t\t\t// if search is active, close it\n\t\t\t\tif($(document).find('.siteHeaderBottomSearchBarWidget').hasClass('active')) {\n\t\t\t\t\t$(document).find('.overlay').trigger('click');\n\t\t\t\t}\n\n\t\t\t\t// if menu (mobile) is active, close it\n\t\t\t\tif($(document).find('.siteHeaderBottomMenuWidget').hasClass('active')) {\n\t\t\t\t\t$(document).find('.siteHeaderBottomWidget-btn--toggler').trigger('click');\n\t\t\t\t}\n\n\t\t\t\t$(document).find('.personalisedDashboardWidget').addClass('active');\n\t\t\t\t$(document).find('.personalisedDashboardWidget').trigger('opened');\n\t\t\t});\n\t\t}\n\t}\n\n\tinitCarousel() {\n\t\tthis.$carousel = this.$element.find(`.${CLS}-carousel`);\n\t\tthis.$carouselItems = this.$carousel.find(`.${CLS}-carousel-item:not(.${CLS}-carousel-item--spacer)`);\n\t\tthis.$carouselViewInner = this.$carousel.find(`.${CLS}-carousel-view-inner`);\n\t\tthis.$carouselPrev = this.$carousel.find(`.${CLS}-carousel-btn--prev`);\n\t\tthis.$carouselNext = this.$carousel.find(`.${CLS}-carousel-btn--next`);\n\n\t\tthis.$carouselIndex = 0;\n\t\tthis.$carouselMaxIndex = this.$carouselItems.length - 1;\n\n\t\tlet toggleButtonStatus = () => {\n\t\t\tif(this.$carouselIndex === 0) {\n\t\t\t\tthis.$carouselPrev.addClass(`disabled`);\n\t\t\t}\n\t\t\telse {\n\t\t\t\tthis.$carouselPrev.removeClass(`disabled`);\n\t\t\t}\n\n\t\t\tif(this.$carouselIndex === this.$carouselMaxIndex) {\n\t\t\t\tthis.$carouselNext.addClass(`disabled`);\n\t\t\t}\n\t\t\telse {\n\t\t\t\tthis.$carouselNext.removeClass(`disabled`);\n\t\t\t}\n\t\t};\n\n\t\tthis.$carouselPrev.on('click', () => {\n\t\t\tif(this.$carouselIndex - 1 >= 0) {\n\t\t\t\tthis.$carouselIndex -= 1;\n\t\t\t\tthis.$carouselViewInner.css({\n\t\t\t\t\ttransition: `transform 0.5s ease-in-out`,\n\t\t\t\t\ttransform: `translateX(-${100 * this.$carouselIndex}%)`\n\t\t\t\t});\n\t\t\t\ttoggleButtonStatus();\n\t\t\t}\n\t\t});\n\n\t\tthis.$carouselNext.on('click', () => {\n\t\t\tif(this.$carouselIndex + 1 <= this.$carouselMaxIndex) {\n\t\t\t\tthis.$carouselIndex += 1;\n\t\t\t\tthis.$carouselViewInner.css({\n\t\t\t\t\ttransition: `transform 0.5s ease-in-out`,\n\t\t\t\t\ttransform: `translateX(-${100 * this.$carouselIndex}%)`\n\t\t\t\t});\n\t\t\t\ttoggleButtonStatus();\n\t\t\t}\n\t\t});\n\n\t\t$(window).resize(_.debounce(() => {\n\t\t\tthis.$carouselIndex = 0;\n\t\t\tthis.$carouselViewInner.css({\n\t\t\t\ttransition: `unset`,\n\t\t\t\ttransform: `translateX(0%)`\n\t\t\t});\n\t\t\tthis.$carouselPrev.addClass(`disabled`);\n\t\t}, 250));\n\t}\n}\n"],"sourceRoot":""}