import type { CSSResultGroup } from 'lit'; import DSAIcon from '../icon/icon'; import { ShoelaceElement } from '../../internal/shoelace-element'; /** * @summary Card Nav Accordion show a brief summary and expand to show additional navigation option in a Card nav. * @documentation https://dsa.service-public-autonomie.fr/latest/librairie-webcomponents/card-nav-carte-de-navigation/web-UaT6ppPp * * @dependency dsa-icon * * @slot - The accordion's content (dsa-card-nav-item elements). * @slot summary - The accordion's summary. Alternatively, you can use the `summary` attribute. * @event dsa-show - Emitted when the accordion opens. * @event dsa-after-show - Emitted after the accordion opens and all animations are complete. * @event dsa-hide - Emitted when the accordion closes. * @event dsa-after-hide - Emitted after the accordion closes and all animations are complete. * */ export default class DSACardNavAccordion extends ShoelaceElement { static styles: CSSResultGroup; static dependencies: { 'dsa-icon': typeof DSAIcon; }; private readonly localize; private readonly hasSlotController; accordion: HTMLElement; headerButton: HTMLElement; body: HTMLElement; /** * Indicates whether or not the accordion is open. You can toggle this attribute to show and hide the accordion, or you * can use the `show()` and `hide()` methods and this attribute will reflect the accordion' open state. */ open: boolean; /** The summary to show in the header. If you need to display HTML, use the `summary` slot instead. */ summary: string; /** Default role of the accordion. */ role: string; firstUpdated(): void; private handleSummaryClick; private handleSummaryKeyDown; handleOpenChange(): Promise; /** Shows the accordion. */ show(): Promise; /** Hides the accordion */ hide(): Promise; render(): import("lit").TemplateResult<1>; } declare global { interface HTMLElementTagNameMap { 'dsa-card-nav-accordion': DSACardNavAccordion; } }