@edugouvfr/ngx-dsfr
Version:
NgxDsfr est un portage Angular des éléments d'interface du Système de Design de l'État Français (DSFR).
73 lines (72 loc) • 2.85 kB
TypeScript
import { ElementRef, EventEmitter, QueryList } from '@angular/core';
import { ActivatedRoute, Router } from '@angular/router';
import { DsfrTabComponent } from './tab.component';
import { DsfrTabRoute, EduTabHeader } from './tabs.model';
import * as i0 from "@angular/core";
export declare class DsfrTabsComponent {
private router;
private activatedRoute;
private elRef;
/**
* Attribut aria-label de la liste d'onglets.
*/
tabsAriaLabel: string;
/**
* Onglet sélectionné (commence à 0).
* Ne peut pas être utilisé quand on utilise l'input `routes`.
*/
selectedTabIndex: number;
/**
* Permet de positionner la largeur du viewport à 100% en mobile.
*/
fullViewport: boolean;
/**
* Définition des routes si l'on souhaite utiliser `<router-outlet>`.
*
* @since 1.9.0
*/
routes: DsfrTabRoute[];
/**
* Émis lors de la sélection d'un onglet. La valeur émise correspond au `tabId` de l'onglet sélectionné.
*/
tabSelect: EventEmitter<string>;
/** @internal */
tabComponents: QueryList<DsfrTabComponent>;
/** @internal */
routerTabId: string;
constructor(router: Router, activatedRoute: ActivatedRoute, elRef: ElementRef);
get headers(): EduTabHeader[];
private get tabsCount();
/** @internal */
getHeaderValue(header: EduTabHeader, key: string): any;
asRoute(header: EduTabHeader): DsfrTabRoute;
/** @internal */
getIconClasses(tabHeader: EduTabHeader): string;
/**
* [mode routes] Retourne l'identifiant unique du bouton de contrôle de l'onglet passé en paramètre.
*
* @internal
*/
getButtonTabId(header: EduTabHeader): string;
/**
* [mode routes] Retourne l'identifiant unique du bouton de contrôle de l'onglet courant.
*
* @internal
*/
getCurrentButtonTabId(): string | null;
/** @internal */
onSelect(event: MouseEvent, index: number): void;
/** @internal */
onRouterLinkActive(isActive: boolean, tabIndex: number): void;
/**
* Gestion de la navigation au clavier en mode routes.
*
* @internal
*/
onButtonTabKeydown(event: KeyboardEvent, index: number): void;
private isFirstTab;
private isLastTab;
private performKeyAction;
static ɵfac: i0.ɵɵFactoryDeclaration<DsfrTabsComponent, [{ optional: true; }, { optional: true; }, null]>;
static ɵcmp: i0.ɵɵComponentDeclaration<DsfrTabsComponent, "dsfr-tabs", never, { "tabsAriaLabel": { "alias": "tabsAriaLabel"; "required": false; }; "selectedTabIndex": { "alias": "selectedTabIndex"; "required": false; }; "fullViewport": { "alias": "fullViewport"; "required": false; }; "routes": { "alias": "routes"; "required": false; }; }, { "tabSelect": "tabSelect"; }, ["tabComponents"], ["*"], false, never>;
}