import type { CSSResultGroup } from 'lit'; import { ShoelaceElement } from '../../internal/shoelace-element'; /** * @summary The header offers elements of information on the site (logos, title, etc.), a search field and a set of links and actions for the user. * @documentation https://dsa.service-public-autonomie.fr/latest/librairie-webcomponents/en-tete-header/en-tete-header/web-580agKvE * * @slot external-links - External links that will be displayed in the very top on desktop. * @slot first-logo - Change the first logo (for exemple if you need to use Angular routerLink). * @slot second-logo - Optional second logo. * @slot site-name - Website / service name. * @slot baseline - Baseline / precisions on the service. * @slot search - Search component (dsa-header-search). * @slot - Right section of the header, used for action buttons. * * @cssproperty [--header-max-width] - Custom value for the header content maximum width * @cssproperty [--header-padding-inline] - Custom value for the header inline padding */ export default class DSAHeader extends ShoelaceElement { static styles: CSSResultGroup; private readonly hasSlotController; private readonly localize; externalLinks: HTMLSlotElement; /** Choice between public or pro for the first logo */ firstLogo: 'public' | 'pro'; /** The url of the first logo link */ logoHref: string; /** Renders the logo with larger dimensions */ logoSize: 'default' | 'large'; /** Expands the search */ searchExpanded: boolean; /** Controls whether the header is rendered in its mobile version or in its desktop version */ mobile?: boolean | undefined; connectedCallback(): void; disconnectedCallback(): void; private handleSearchExpandEvent; private handleSearchCollapseEvent; private getFirtLogo; private getHeaderSearch; handleSearchExpanded(): void; handleMobile(): void; render(): import("lit").TemplateResult<1>; } declare global { interface HTMLElementTagNameMap { 'dsa-header': DSAHeader; } }