@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).
83 lines (82 loc) • 5.01 kB
TypeScript
import { EventEmitter, OnInit } from '@angular/core';
import { IsActiveMatchOptions, NavigationExtras } from '@angular/router';
import { DsfrLink, DsfrLinkTarget, DsfrPosition, DsfrSize, I18nService } from '../../shared';
import * as i0 from "@angular/core";
export declare class DsfrLinkComponent implements Omit<DsfrLink, 'active' | 'target'>, OnInit {
private i18n;
/** Permet d'ajouter un attribut `aria-current` sur le lien.*/
ariaCurrent: string | undefined;
/** @since 1.4.0 La propriété ariaLabel définit une valeur de chaîne qui étiquette un élément interactif. */
ariaLabel: string | undefined;
/** @since 1.7 Identifie l'élément (ou les éléments) contrôlé par cet élément. */
ariaControls: string | undefined;
/** Pour ajouter des classes CSS custom. */
customClass: string | undefined;
/**
* Permet de désactiver le composant.
*/
disabled: boolean;
/** Classe de l'icône. */
icon: string | undefined;
/** Position de l'icône. À droite par défaut. */
iconPosition: DsfrPosition | undefined;
/** @since 1.6 */
linkId: string | undefined;
/** Texte du lien. */
label: string;
/** Lien href externe, exclusif avec route et routePath. */
link: string | undefined;
/** Attribut target du lien. */
linkTarget: DsfrLinkTarget | undefined;
/** Path interne. Exclusif avec link et routePath, prioritaire sur link. */
route: string | undefined;
/** Path angular géré en tant que directive routerLink. Prioritaire et exclusif avec link et route. */
routePath: string | string[] | undefined;
/** Classe CSS utilisée pour la directive routerLink active. */
routerLinkActive: string | string[] | undefined;
/** RouterLink : options additionnelles pour le routerLinkActive (exact). */
routerLinkActiveOptions: {
exact: boolean;
} | IsActiveMatchOptions | undefined;
/** RouterLink : options additionnelles ppour le routerLink (queryParams, state, etc.) */
routerLinkExtras: NavigationExtras | undefined;
/** Taille du lien. */
size: DsfrSize;
/** Message du tooltip (attribut title). @since 1.3.0 */
tooltipMessage: string | undefined;
/** @since 1.7.0 Transforme un lien en bouton si `button`, `link` par défaut. */
mode: 'link' | 'button' | undefined;
/**
* Si l'input 'route' est renseigné, sa valeur sera émise lorsque le lien est sélectionné.
*/
linkSelect: EventEmitter<string>;
constructor(i18n: I18nService);
/** @deprecated @since 1.5 utiliser `linkTarget` à la place. */
get targetLink(): DsfrLinkTarget | undefined;
/** @deprecated @since 1.5 utiliser `linkTarget` à la place. */
set targetLink(value: DsfrLinkTarget | undefined);
/**
* @deprecated (@since 1.11.5) utiliser `routePath` à la place.
* routerLink provoque un bug accessibilité sur la navigation au clavier (ajout d'un tabindex=0)
**/
set routerLink(value: string | string[] | undefined);
ngOnInit(): void;
/** @internal */
getHref(): string | undefined;
/** @internal */
hasRouterLink(): boolean;
/** @internal */
getClass(): {
'fr-link': boolean;
'fr-link--icon-right': boolean | "" | undefined;
'fr-link--icon-left': boolean | "" | undefined;
'fr-link--sm': boolean;
'fr-link--lg': boolean;
};
/** @internal */
getButtonClasses(): string;
/** @internal */
onLink(event: Event): void;
static ɵfac: i0.ɵɵFactoryDeclaration<DsfrLinkComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<DsfrLinkComponent, "dsfr-link", never, { "ariaCurrent": { "alias": "ariaCurrent"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaControls": { "alias": "ariaControls"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "linkId": { "alias": "linkId"; "required": false; }; "label": { "alias": "label"; "required": false; }; "link": { "alias": "link"; "required": false; }; "linkTarget": { "alias": "linkTarget"; "required": false; }; "route": { "alias": "route"; "required": false; }; "routePath": { "alias": "routePath"; "required": false; }; "routerLinkActive": { "alias": "routerLinkActive"; "required": false; }; "routerLinkActiveOptions": { "alias": "routerLinkActiveOptions"; "required": false; }; "routerLinkExtras": { "alias": "routerLinkExtras"; "required": false; }; "size": { "alias": "size"; "required": false; }; "tooltipMessage": { "alias": "tooltipMessage"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "targetLink": { "alias": "targetLink"; "required": false; }; "routerLink": { "alias": "routerLink"; "required": false; }; }, { "linkSelect": "linkSelect"; }, never, ["*"], false, never>;
}