@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).
87 lines (86 loc) • 5.09 kB
TypeScript
import { EventEmitter } from '@angular/core';
import { DomSanitizer } from '@angular/platform-browser';
import { NavigationExtras } from '@angular/router';
import { DsfrLinkTarget, DsfrNavigation, DsfrSize } from '../../shared';
import { DsfrMedia } from './media';
import * as i0 from "@angular/core";
type RatioImage = '16:9/2' | '16:9' | '3:2' | '4:3' | '1:1' | '3:4' | '2:3';
type RatioVideo = '16:9' | '4:3' | '1:1';
export declare class DsfrContentComponent implements DsfrNavigation {
private sanitizer;
/** Type du média 'image' | 'video', 'image' par défaut. */
type: DsfrMedia;
/** Légende, optionnelle */
legend: string | undefined;
/** Le format conseillé par défaut est le 16:9. */
ratio: RatioImage | RatioVideo;
/** @requires media, image, vidéo ou audio, obligatoire */
source: string;
/**
* @since 1.6 remplace 'transcriptionLabel'.
* Label du lien (de transcription), optionnel.
*/
linkLabel: string;
/** Lien de transcription (ou autre), optionnel. */
link: string;
/** Target du lien. Target par défaut de l'application si la propriété est non renseignée. */
linkTarget: DsfrLinkTarget;
/** Path interne. Exclusif avec link et routePath */
route: string;
/** Path angular géré en tant que directive routerLink. Exclusif avec link et route. */
routePath: string | string[];
/** RouterLink : classe utilisée pour la directive routerLink active. */
routerLinkActive: string | string[] | undefined;
/** RouterLink : valeurs additionnelles de navigation pour le routerLink (queryParams, state, etc.) */
routerLinkExtras: NavigationExtras;
/** Message du tooltip du média. */
tooltipMessage: string;
/**
* @since 1.6 remplace 'transcription'.
* Contenu, simple, optionnel de la modale de transcription.
*/
transcriptionContent: string;
/**
* @since 1.6 Titre du média (image ou vidéo), de niveau h1.
*/
transcriptionHeading: string;
/**
* Spécifique aux images.
* Alternative d'une image (attribut alt), doit toujours être présente, sa valeur peut être vide (image n’apportant
* pas de sens supplémentaire au contexte) ou non (porteuse de texte ou apportant du sens) selon votre contexte.
*/
alternate: string;
/**
* Si une route est spécifiée, émet un événement avec la route comme valeur, sinon n'émet rien.
*/
linkSelect: EventEmitter<string>;
private _size;
constructor(sanitizer: DomSanitizer);
get size(): DsfrSize;
/** @deprecated (@since 1.6) utiliser `transcriptionContent` à la place */
get transcription(): string;
/** @deprecated (@since 1.6) utiliser `transcriptionLinkLabel` à la place */
get transcriptionLabel(): string;
/** @deprecated (@since 1.6) utiliser `transcriptionContent` à la place */
set transcription(value: string);
/** @deprecated (@since 1.6) utiliser `transcriptionLinkLabel` à la place */
set transcriptionLabel(value: string);
/** Redimensionnement du composant : `LG` : 125%, `MD` : 100% (défault), `SM` : 75%. */
set size(value: DsfrSize);
/**
* @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);
/** @internal */
onLinkSelect(): void;
/**
* @internal
*/
sanitizedSource(): import("@angular/platform-browser").SafeResourceUrl;
/** @internal */
hasTranscriptionLink(): boolean;
static ɵfac: i0.ɵɵFactoryDeclaration<DsfrContentComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<DsfrContentComponent, "dsfr-content", never, { "type": { "alias": "type"; "required": false; }; "legend": { "alias": "legend"; "required": false; }; "ratio": { "alias": "ratio"; "required": false; }; "source": { "alias": "source"; "required": false; }; "linkLabel": { "alias": "linkLabel"; "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; }; "routerLinkExtras": { "alias": "routerLinkExtras"; "required": false; }; "tooltipMessage": { "alias": "tooltipMessage"; "required": false; }; "transcriptionContent": { "alias": "transcriptionContent"; "required": false; }; "transcriptionHeading": { "alias": "transcriptionHeading"; "required": false; }; "alternate": { "alias": "alternate"; "required": false; }; "transcription": { "alias": "transcription"; "required": false; }; "transcriptionLabel": { "alias": "transcriptionLabel"; "required": false; }; "size": { "alias": "size"; "required": false; }; "routerLink": { "alias": "routerLink"; "required": false; }; }, { "linkSelect": "linkSelect"; }, never, ["*", "[svg]", "[transcription]"], false, never>;
}
export {};