https://www.wunderground.com/wu-static/views/header/header.b441a7d5.js

1import{BaseView as e}from"#views/base-view.8933a16d.js";import{SearchView as s}from"#views/search-view.5fa735b6.js";import{HeaderSensorNetworkView as a}from"#views/header/sensor-network.cc917c2a.js";import{HeaderSevereWeatherView as n}from"#views/header/severe-weather.c2dc2734.js";import{HeaderMapsAndRadarView as t}from"#views/header/maps-and-radar.46e68480.js";import{HeaderNewsAndBlogsView as i}from"#views/header/news-and-blogs.7beea8db.js";import{HeaderMobileAppsView as l}from"#views/header/mobile-apps.05b85e07.js";import{HeaderProfileView as r}from"#views/header/profile.a67e0519.js";import{HeaderMenuView as m}from"#views/header/menu.ebac4aa3.js";import{Globals as o}from"#utils/globals.ad6d1f6a.js";class d extends e{constructor(e){super(e),this.searchView=new s,this.headerMenuView=new m}connectedCallback(){this.detailsOpenCount=0,this.detailsOpenEl=null,this.documentClickListener=this.onDocumentClick.bind(this),this.queryAll("details").forEach((e=>{e.addEventListener("toggle",this.onDetailsToggle.bind(this))}))}onDetailsToggle(e){!0===e.target.open?(this.detailsOpenCount+=1,this.detailsOpenEl=e.target):this.detailsOpenCount-=1,this.detailsOpenCount>0?document.addEventListener("click",this.documentClickListener):document.removeEventListener("click",this.documentClickListener)}onDocumentClick(e){this.detailsOpenEl.removeAttribute("open")}get html(){return`\n      <header>\n        <header-wc class="max-width">\n          <a href="/" class="logo">Home</a>\n          <nav>\n            <details name="nav-details">\n              <summary>Sensor Network</summary>\n              ${a.getHtml({className:"top"})}\n            </details>\n            <details name="nav-details">\n              <summary>Maps & Radar</summary>\n              ${t.getHtml({className:"top"})}\n            </details>\n            <details name="nav-details">\n              <summary>Severe Weather</summary>\n              ${n.getHtml({className:"top"})}\n            </details>\n            <details name="nav-details">\n              <summary>News & Blogs</summary>\n              ${i.getHtml({className:"top"})}\n            </details>\n            <details name="nav-details">\n              <summary>Mobile Apps</summary>\n              ${l.getHtml({className:"top"})}\n            </details>\n            <details name="nav-details">\n              <summary>More</summary>\n              <ol class="more-menu">\n                <li class="sub-nav">\n                  <span>Severe Weather</span>\n                  ${n.getHtml({className:"sub-nav-menu"})}\n                </li>\n                <li class="sub-nav">\n                  <span>News & Blogs</span>\n                  ${i.getHtml({className:"sub-nav-menu"})}\n                </li>\n                <li class="sub-nav">\n                  <span>Mobile Apps</span>\n                  ${l.getHtml({className:"sub-nav-menu"})}\n                </li>\n                <li>\n                  <a href="/history">Historical Weather</a>\n                </li>\n              </ol>\n            </details>\n          </nav>\n          ${r.authedHtml}\n          ${r.unAuthedHtml}\n          ${this.searchView.html}\n          ${this.headerMenuView.html}\n        </header-wc>\n      </header>\n    `}}d.register("header-wc");export{d as HeaderView};