{"version":3,"sources":["webpack:////Users/xingli/Documents/projects/projects/ara-fe/src/views/widgets/siteHeaderWidget/js/siteHeaderWidget.js","webpack:///./ara/overlay.js"],"names":["_overlay","__webpack_require__","CLS","SiteHeaderWidget","element","_this","this","_classCallCheck","$element","$","$siteHeaderMenuWidget","find","$siteHeaderSearchBarWidget","document","body","append","overlay","$siteHeaderBlockWrapper","$btnMenu","on","removeClass","toggleClass","attr","destroyItems","searchBar","create","onDestroyCallback","transparent","trigger","addClass","$searchIcon","hasClass","$btnSearch","menu","$menuIcon","focus","include","arguments","length","undefined","destroy","Overlay","options","css","top","window","scrollY","callback","remove","scrollTo","parseInt","scrollTop"],"mappings":"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","file":"widget-8.317c86355b23b3978b5f.js","sourcesContent":["const NS = 'SiteHeaderWidget';\nconst CLS = 'siteHeaderWidget';\nimport { overlay } from '../../../../global/js/ara/overlay';\n\nexport class SiteHeaderWidget {\n\tconstructor(element) {\n\t\tthis.element = element;\n\t\tthis.$element = $(element);\n\t\tthis.$siteHeaderMenuWidget = this.$element.find('[data-wg=\"SiteHeaderMenuWidget\"]');\n\t\tthis.$siteHeaderSearchBarWidget = this.$element.find('[data-wg=\"SiteHeaderSearchBarWidget\"]');\n\t\t$(document.body).append(this.$siteHeaderMenuWidget);\n\t\t$(document.body).append(this.$siteHeaderSearchBarWidget);\n\t\tthis.overlay = overlay;\n\n\t\tthis.$siteHeaderBlockWrapper = $('.siteHeaderBlock-wrapper');\n\n\n\t\tthis.$btnMenu = this.$element.find(`.${CLS}-btn--menu`);\n\t\tthis.$btnMenu.on('click', () => {\n\t\t\tthis.$siteHeaderBlockWrapper.removeClass('fixed');\n\n\t\t\t$('.siteHeaderWidget-btn--menu .siteHeaderWidget-btn-icon').toggleClass('icon--menu icon--close');\n\n\t\t\tif(this.$siteHeaderMenuWidget.attr('data-active') === 'false') {\n\t\t\t\tdestroyItems({\n\t\t\t\t\tsearchBar: true\n\t\t\t\t});\n\n\t\t\t\tthis.overlay.create({\n\t\t\t\t\tonDestroyCallback: destroyItems,\n\t\t\t\t\ttransparent: true\n\t\t\t\t});\n\n\t\t\t\tthis.$siteHeaderMenuWidget.trigger('siteHeaderMenuWidget.open', {});\n\t\t\t\tthis.$btnMenu.addClass('active');\n\t\t\t\tthis.$siteHeaderBlockWrapper.addClass('fixed');\n\n\t\t\t\tlet $searchIcon = $('.siteHeaderWidget-btn--search .siteHeaderWidget-btn-icon');\n\t\t\t\tif($searchIcon.hasClass('icon--close')) {\n\t\t\t\t\t$searchIcon.removeClass('icon--close');\n\t\t\t\t\t$searchIcon.addClass('icon--search');\n\t\t\t\t}\n\n\t\t\t}\n\t\t\telse {\n\t\t\t\tdestroyItems();\n\t\t\t\tthis.$siteHeaderBlockWrapper.removeClass('fixed');\n\n\t\t\t}\n\t\t});\n\n\t\tthis.$btnSearch = this.$element.find(`.${CLS}-btn--search`);\n\t\tthis.$btnSearch.on('click', () => {\n\t\t\tthis.$siteHeaderBlockWrapper.removeClass('fixed');\n\n\t\t\t$('.siteHeaderWidget-btn--search .siteHeaderWidget-btn-icon').toggleClass('icon--search icon--close');\n\n\n\t\t\tif(this.$siteHeaderSearchBarWidget.attr('data-active') === 'false') {\n\t\t\t\tdestroyItems({\n\t\t\t\t\tmenu: true\n\t\t\t\t});\n\n\t\t\t\t// Create overlay\n\t\t\t\tthis.overlay.create({\n\t\t\t\t\tonDestroyCallback: destroyItems,\n\t\t\t\t\ttransparent: true\n\t\t\t\t});\n\n\t\t\t\tthis.$siteHeaderSearchBarWidget.trigger('siteHeaderSearchBarWidget.open', {});\n\t\t\t\tthis.$btnSearch.addClass('active');\n\n\t\t\t\tlet $menuIcon = $('.siteHeaderWidget-btn--menu .siteHeaderWidget-btn-icon');\n\t\t\t\tif($menuIcon.hasClass('icon--close')) {\n\t\t\t\t\t$menuIcon.removeClass('icon--close');\n\t\t\t\t\t$menuIcon.addClass('icon--menu');\n\t\t\t\t}\n\n\t\t\t\tthis.$siteHeaderBlockWrapper.addClass('fixed');\n\n\t\t\t\t// console.log($('.siteHeaderSearchBarWidget .generalSearchAutoCompleteWidget-searchInput'));\n\t\t\t\t$('.siteHeaderSearchBarWidget .generalSearchAutoCompleteWidget-searchInput')[0].focus();\n\t\t\t}\n\t\t\telse {\n\t\t\t\tdestroyItems();\n\t\t\t\tthis.$siteHeaderBlockWrapper.removeClass('fixed');\n\n\t\t\t}\n\t\t});\n\n\t\tlet destroyItems = (include = { menu: true, searchBar: true }) => {\n\n\t\t\tthis.overlay.destroy();\n\n\t\t\tif(include.searchBar) {\n\t\t\t\tthis.$siteHeaderSearchBarWidget.trigger('siteHeaderSearchBarWidget.close', {});\n\t\t\t\tthis.$btnSearch.removeClass('active');\n\t\t\t\tthis.$siteHeaderBlockWrapper.removeClass('fixed');\n\n\t\t\t\tlet $searchIcon = $('.siteHeaderWidget-btn--search .siteHeaderWidget-btn-icon');\n\t\t\t\t$searchIcon.removeClass('icon--close');\n\t\t\t\t$searchIcon.addClass('icon--search');\n\n\t\t\t}\n\n\t\t\tif(include.menu) {\n\t\t\t\tthis.$siteHeaderMenuWidget.trigger('siteHeaderMenuWidget.close', {});\n\t\t\t\tthis.$btnMenu.removeClass('active');\n\t\t\t}\n\t\t};\n\t}\n}\n","class Overlay {\n\tcreate(options = { transparent: false, onDestroyCallback: () => {} }) {\n\t\t$(document.body).css({\n\t\t\ttop: `-${window.scrollY}px`\n\t\t}).addClass('hasOverlay');\n\t\t$(document.body).append(`<div class=\"overlay ${options.transparent ? 'overlay--transparent' : ''}\" onclick=\"javascript:void(0)\"></div>`);\n\t\t$(document.body).on('click', '.overlay', () => {\n\t\t\tthis.destroy({ callback: options.onDestroyCallback });\n\t\t});\n\t}\n\n\tdestroy(options = { callback: null }) {\n\t\t$(document.body).removeClass('hasOverlay');\n\n\t\t$('.overlay').remove();\n\t\tlet scrollTo = parseInt($(document.body).css('top'));\n\t\t$('html, body').scrollTop(-scrollTo);\n\t\t$(document.body).css({\n\t\t\ttop: null\n\t\t});\n\n\t\tif(options && options.callback) {\n\t\t\toptions.callback();\n\t\t}\n\t}\n}\n\nexport let overlay = new Overlay();\n"],"sourceRoot":""}