@progressive-development/pd-page
Version:
Progressive development page helper, teaser, menu, footer.
72 lines • 1.79 kB
TypeScript
import { LitElement, CSSResultGroup } from 'lit';
import { PdMenuItem } from '../types.js';
/**
* Menü-Komponente zur Navigation in der Anwendung.
*
* @fires route-event – Wird ausgelöst, wenn ein Menüpunkt mit Route geklickt wird
* @fires locale-change – Wird ausgelöst, wenn die Sprache gewechselt wird
*
* @slot slotLogo – Slot für das App-Logo
* @tagname pd-menu
*/
export declare class PdMenu extends LitElement {
/**
* Aktuelle aktive Route (zur Hervorhebung)
*/
activeRoute: string;
/**
* Aktuell ausgewählte Sprache
*/
selectedLocale: string;
/**
* Aktuell ausgewählte Sprache
*/
logoRoute?: string;
/**
* Liste verfügbarer Sprachen
*/
locales: string[];
/**
* Hauptmenüeinträge
*/
menuItems: PdMenuItem[];
/**
* Zusätzliche Einträge in der oberen Menüzeile
*/
topMenuItems: PdMenuItem[];
/**
* Flag, ob Burger-Menü deaktiviert ist
*/
noBurgerMenu: boolean;
/**
* Größe des Headers (für Scroll-Berechnung)
*/
headerSize: number;
/**
* Index des aktiven Inhaltsbereichs (bei Scroll)
*/
private _activeSecIndex;
/**
* Burger-Menü aktiv?
*/
private _activeBurgerMenu;
/**
* Sprachmenü aktiv?
*/
private _activeLocaleMenu;
/**
* Zeige mobile Ansicht?
*/
private _smallScreen;
static styles: CSSResultGroup;
protected firstUpdated(): void;
render(): import('lit').TemplateResult<1>;
private _renderItems;
private _toggleBurgerMenu;
private _toggleLocaleSelection;
private _localeClicked;
private _menuItemClicked;
private _logoClicked;
private static _scrollToTop;
}
//# sourceMappingURL=PdMenu.d.ts.map