@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).
71 lines (70 loc) • 3.97 kB
TypeScript
import { AfterViewInit, ElementRef, EventEmitter, Renderer2 } from '@angular/core';
import { DsfrHeadingLevel, DsfrSeverity } from '../../shared';
import { DsfrAlertSize } from './alert.model';
import * as i0 from "@angular/core";
export declare class DsfrAlertComponent implements AfterViewInit {
private el;
private renderer;
/** Le titre de l'alerte. Peut être remplacé par le slot par défaut. */
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 (texte simple). Pour utiliser du HTML utilisez le slot `message` à la place. */
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.
*/
alertSize: DsfrAlertSize;
/** Le libellé associé au bouton de fermeture de l'alerte. */
closeControlLabel: string | undefined;
/** 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>;
protected containerSlotHeading: import("@angular/core").Signal<ElementRef<any> | undefined>;
protected isNgContentEmpty: import("@angular/core").WritableSignal<boolean>;
constructor(el: ElementRef, renderer: Renderer2);
/**
* La taille de l'alerte. 'MD' par défaut.
*
* @deprecated since(1.15.0) utiliser 'alertSize' à la place
*/
get size(): DsfrAlertSize;
/** @deprecated (since 1.7.0) use 'closeable' instead (avec un 'e') */
get closable(): boolean;
/**
* La taille de l'alerte. 'MD' par défaut.
*
* @deprecated since(1.15.0) utiliser 'alertSize' à la place
*/
set size(value: DsfrAlertSize);
/** @deprecated (since 1.7.0) utiliser `closeable` à la place (avec un 'e') */
set closable(value: boolean);
/**
* Supprimer le container <p> du titre si le contenu projeté heading est vide
* ok a l'initialisation la balise sera bien supprimé.
* mais si du contenu est ajouté dynamiquement dans le slot du heading alors qu'il est vide a l'init, le heading ne
* sera pas projeté. Solution temporaire pour ce cas précis : initialiser avec une valeur vide type <span></span>
* */
ngAfterViewInit(): void;
/** @internal */
getClasses(): string[];
/** @internal */
isSmall(): boolean;
/** @internal */
onClose(event: Event): void;
/**
* Test si le container doit être affiché (contenu visible)
* @returns true si le container possède au moins un noeuf enfant ou du contenu de texte (exclure les commentaires et chaine vide)
*/
private hasContent;
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; }; "alertSize": { "alias": "alertSize"; "required": false; }; "closeControlLabel": { "alias": "closeControlLabel"; "required": false; }; "hasAriaRole": { "alias": "hasAriaRole"; "required": false; }; "closeable": { "alias": "closeable"; "required": false; }; "size": { "alias": "size"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; }, { "conceal": "conceal"; }, never, ["[message]", "*"], true, never>;
}