@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) • 3.04 kB
TypeScript
import { AfterViewInit, ElementRef, EventEmitter } from '@angular/core';
import { DsfrPanelBackgroundConst, DsfrPanelBorderConst } from '../card';
import { BasePanelComponent } from '../card/base-panel.component';
import * as i0 from "@angular/core";
export declare class DsfrTileComponent extends BasePanelComponent implements AfterViewInit {
private _elementRef;
/**
* Chemin vers le répertoire racine contenant les pictogrammes illustratifs DSFR.
*/
artworkDirPath: string;
/**
* Chemin relatif à artworkDirPath dénotant le fichier d'illustration à utiliser.
*/
artworkFilePath: string;
/** @deprecated (since 1.5.0) */
imageAlt: string;
/** @deprecated (since 1.5.0) utiliser `artworkFilePath`. Path pour src d'image d'illustration. */
imagePath: string;
/**
* Ce boolean permet de ne pas afficher d'icône (flèche).
*/
noIcon: boolean;
/**
* Rotation d'une tuile sur breakpoint 'MD' ou 'LG' (au redimensionnement du contenu).
* 'fr-tile--horizontal@md|lg' si la tuile est verticale
* 'fr-tile--vertical@md|lg' si la tuile est horizontale
*/
rotateOn: 'MD' | 'LG' | undefined;
/** @deprecated utiliser `customBackground`. Active le fond de la tuile en gris clair. */
useGreyBackground: boolean;
/** Remplace le lien du bouton de download par un markup de bouton */
isDownloadButton: boolean;
/**
* Permet la gestion programmatique d'une navigation initiée au click sur le tile si l'input 'route' est valorisé.
* La valeur de la propriété 'route' sera transmise.
*/
tileSelect: EventEmitter<string>;
protected readonly DsfrPanelBackground: typeof DsfrPanelBackgroundConst;
protected readonly DsfrPanelBorder: typeof DsfrPanelBorderConst;
constructor(_elementRef: ElementRef);
/** @deprecated (since 1.9.0) utiliser `detailBottom` à la place */
set detail(value: string);
ngAfterViewInit(): void;
/**
* Dans le cas d'une route, un événement `(routeSelect)` est émis avec la valeur de la route et
* l'événement initial n'est pas propagé.
*
* @internal
*/
onLinkSelect(): void;
private removeEmptyElement;
static ɵfac: i0.ɵɵFactoryDeclaration<DsfrTileComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<DsfrTileComponent, "dsfr-tile", never, { "artworkDirPath": { "alias": "artworkDirPath"; "required": false; }; "artworkFilePath": { "alias": "artworkFilePath"; "required": false; }; "imageAlt": { "alias": "imageAlt"; "required": false; }; "imagePath": { "alias": "imagePath"; "required": false; }; "noIcon": { "alias": "noIcon"; "required": false; }; "rotateOn": { "alias": "rotateOn"; "required": false; }; "useGreyBackground": { "alias": "useGreyBackground"; "required": false; }; "isDownloadButton": { "alias": "isDownloadButton"; "required": false; }; "detail": { "alias": "detail"; "required": false; }; }, { "tileSelect": "tileSelect"; }, never, ["[desc]", "[detail]", "[heading]"], true, never>;
}