@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).
44 lines (43 loc) • 2.6 kB
TypeScript
import { ElementRef, EventEmitter, Renderer2 } from '@angular/core';
import { DsfrHeadingLevel, DsfrSeverity, I18nService } from '../../shared';
import { DsfrAlertSize } from './alert.size';
import * as i0 from "@angular/core";
export declare class DsfrAlertComponent {
private i18n;
private el;
private renderer;
/** Le titre de l'alerte (html autorisé). */
heading: string;
/** Le niveau de titre devant être utilisé, une balise <p> sera utilisée si la propriété n'est pas renseignée. */
headingLevel: DsfrHeadingLevel;
/** Le corps du message de l'alerte (textex simple). */
message: string;
/** Le niveau d'alerte. 'info' par défaut. */
severity: DsfrSeverity;
/** La valeur à utiliser pour le rôle ARIA. 'alert' par défaut. */
ariaRoleValue: 'alert' | 'status';
/** La taille de l'alerte. 'MD' par défaut. */
size: DsfrAlertSize;
/** Le libellé associé au bouton de fermeture de l'alerte. */
closeControlLabel: string;
/** Doit être vrai si l'alerte apparait dynamiquement en cours de navigation. (ajout de role=alert pour l'accessibilité),
* false par défaut */
hasAriaRole: boolean;
/** L'alerte peut être masquée */
closeable: boolean;
/** Signale la fermeture de l'alerte. */
conceal: EventEmitter<void>;
constructor(i18n: I18nService, el: ElementRef, renderer: Renderer2);
/** @deprecated @since 1.7.0 use 'closeable' instead (avec un 'e') */
get closable(): boolean;
/** @deprecated (@since 1.7.0) utiliser `closeable` à la place (avec un 'e') */
set closable(value: boolean);
/** @internal */
getClasses(): string[];
/** @internal */
isSmall(): boolean;
/** @internal */
onClose(event: Event): void;
static ɵfac: i0.ɵɵFactoryDeclaration<DsfrAlertComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<DsfrAlertComponent, "dsfr-alert", never, { "heading": { "alias": "heading"; "required": false; }; "headingLevel": { "alias": "headingLevel"; "required": false; }; "message": { "alias": "message"; "required": false; }; "severity": { "alias": "severity"; "required": false; }; "ariaRoleValue": { "alias": "ariaRoleValue"; "required": false; }; "size": { "alias": "size"; "required": false; }; "closeControlLabel": { "alias": "closeControlLabel"; "required": false; }; "hasAriaRole": { "alias": "hasAriaRole"; "required": false; }; "closeable": { "alias": "closeable"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; }, { "conceal": "conceal"; }, never, ["*"], false, never>;
}