@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).
106 lines (105 loc) • 3.38 kB
TypeScript
import { ElementRef, EventEmitter, OnInit } from '@angular/core';
import { I18nService } 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: I18nService;
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 */
readonly themes: {
light: {
id: string;
value: string;
label: string;
img: string;
link: string;
deprecatedLink: string;
};
dark: {
id: string;
value: string;
label: string;
img: string;
link: string;
deprecatedLink: string;
};
system: {
id: string;
value: string;
label: string;
hint: string;
img: string;
link: string;
deprecatedLink: string;
};
};
/** @internal */ readonly closeI18n: string;
/** @internal */ name: string;
/** @internal */ themeValues: ({
id: string;
value: string;
label: string;
img: string;
link: string;
deprecatedLink: string;
} | {
id: string;
value: string;
label: string;
img: string;
link: string;
deprecatedLink: string;
} | {
id: string;
value: string;
label: string;
hint: string;
img: string;
link: string;
deprecatedLink: string;
})[];
/** @internal */ _svgRootPath: string;
private _useDeprecatedLink;
/** @internal */
constructor(config: DsfrConfig, i18n: I18nService, 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, sprite: string): 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, false, never>;
}
export {};