@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).
55 lines (54 loc) • 2.16 kB
TypeScript
import { ElementRef, EventEmitter, OnInit } from '@angular/core';
import { DsfrI18nService } from '../../shared';
import { DsfrConfig } from '../../shared/config/config.model';
import * as i0 from "@angular/core";
export declare const DISPLAY_MODAL_ID = "theme-modal-id";
type DisplayTheme = 'light' | 'dark' | 'system';
export declare class DsfrDisplayComponent implements OnInit {
private config;
i18n: DsfrI18nService;
private elementRef;
/**
* l'identifiant de la modale portant les paramètres d'affichage.
*/
displayId: string;
/**
* Chemin vers le répertoire exposant les pictogrammes illustratifs DSFR.
*/
artworkDirPath: string;
/**
* Événement émis lorsque le thème change avec la valeur du nouveau thème : `light`, `dark` ou `system`.
*/
displayChange: EventEmitter<string>;
/**
* Thème courant du composant.
*
* @internal
*/
currentTheme: DisplayTheme;
/** @internal */
themes: any[];
/** @internal */ _svgRootPath: string;
private _useDeprecatedLink;
/** @internal */
constructor(config: DsfrConfig, i18n: DsfrI18nService, elementRef: ElementRef);
get pictoPath(): string;
/**
* Chemin des pictogrammes (du composant display) renseigné par le développeur.
*
* Note: ce chemin doit permettre de récupérer directement les fichiers SVG suivants : moon.svg, sun.svg, system.svg
*
* @deprecated Use `artworkDirPath` instead.
*/
set pictoPath(path: string);
ngOnInit(): void;
/** @internal */
onChange(): void;
/** @internal */
buildSvgPath(theme: any): string;
private initDisplayTheme;
private setHtmlSchemeAttribute;
static ɵfac: i0.ɵɵFactoryDeclaration<DsfrDisplayComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<DsfrDisplayComponent, "dsfr-display", never, { "displayId": { "alias": "displayId"; "required": false; }; "artworkDirPath": { "alias": "artworkDirPath"; "required": false; }; "pictoPath": { "alias": "pictoPath"; "required": false; }; }, { "displayChange": "displayChange"; }, never, never, true, never>;
}
export {};