class Menu{constructor(container_selector=".menu-panel",button_selector="#hamburger"){this.container=document.querySelector(container_selector),this.button=document.querySelector(button_selector),this.isopen=!1,this.toggle=this.toggle.bind(this),this.button.addEventListener("click",(evt=>{this.toggle()}))}open(){this.container.classList.add("open"),this.button.classList.add("isOpen"),document.body.classList.add("noscroll"),this.isopen=!0}close(){this.container.classList.remove("open"),this.button.classList.remove("isOpen"),document.body.classList.remove("noscroll"),this.isopen=!1}toggle(){this.isopen=!this.isopen,this.isopen?this.open():this.close()}}class SearchButton{constructor(container_selector=".search-panel",button_selector=".open-search"){this.container=document.querySelector(container_selector),this.button=document.querySelector(button_selector),this.isopen=!1,this.toggle=this.toggle.bind(this),this.button.addEventListener("click",(evt=>{this.toggle()}))}open(){this.container.classList.add("open"),this.button.innerHTML='<i class="ui-add rotate"></i>',document.body.classList.add("noscroll"),this.isopen=!0}close(){this.container.classList.remove("open"),this.button.innerHTML='<i class="icon-search"></i>',document.body.classList.remove("noscroll"),this.isopen=!1}toggle(){this.isopen=!this.isopen,this.isopen?this.open():this.close()}}class TrendBar{constructor(container_selector=".category-menu"){this.container=document.querySelector(container_selector)}open(){this.container.classList.remove("hidden")}close(){this.container.classList.add("hidden")}}class BarManager{constructor(){this.menu=new Menu,this.search=new SearchPanel(".search-panel"),this.searchbtn=new SearchButton,this.trend=new TrendBar,this.menu.button.addEventListener("click",(evt=>{this.search.close(),this.searchbtn.close(),this.menu.isopen?this.trend.close():this.trend.open()})),this.search.button.addEventListener("click",(evt=>this.menu.close()))}}let blz_bar_mgr=new BarManager;