`; } renderMenuLevel(menu, levelIdx) { const isLastLevel = levelIdx === this.menuHierarchy.length - 1; const shouldShow = window.innerWidth >= 970 || isLastLevel; if (!shouldShow) return ''; return html` `; } renderTopNavLinks() { if (window.innerWidth <= 576 || !this.isHomePage || this.menuOpened) return ''; const pageMenu = this.getPageMenu(); const handleTopNavKeyDown = (item, e) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); e.stopPropagation(); this.selectTopMenuItem(item, e); // Focus first item in menu dropdown after it opens if (item.children?.length) { this.updateComplete.then(() => { const firstMenuButton = this.shadowRoot.querySelector('.menu-items .q-btn'); if (firstMenuButton) { firstMenuButton.focus(); } }); } } }; return html` `; } render() { const toolbarClass = this.menuOpened ? 'q-toolbar bg-white top-index' : `q-toolbar top-index ${this.isHomePage ? 'gradient-dark' : 'bg-dark'}`; const logoTitleClass = this.menuOpened ? 'header-title-menu-opened' : `header-title-menu-closed ${this.isHomePage ? 'header-title-large' : 'header-title-normal'}`; const logoImage = this.menuOpened ? this.openedMenuLogoImage : this.logoImage; return html` `; } }; }