@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).
48 lines (47 loc) • 2.49 kB
TypeScript
import { EventEmitter } from '@angular/core';
import { LangService } from '../../shared';
import { BasePanelComponent } from '../card/base-panel.component';
import * as i0 from "@angular/core";
export declare class DsfrTileComponent extends BasePanelComponent {
/**
* 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 verticale sur breakpoint 'MD' ou 'LG' (au redimensionnement du contenu)
*/
rotateOn: 'MD' | 'LG' | undefined;
/** @deprecated utiliser `customBackground`. Active le fond de la tuile en gris clair. */
useGreyBackground: 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>;
constructor(langService: LangService);
/** @deprecated (@since 1.9.0) utiliser `detailBottom` à la place */
set detail(value: string);
/** @internal */
getClasses(): {};
/**
* 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;
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; }; "detail": { "alias": "detail"; "required": false; }; }, { "tileSelect": "tileSelect"; }, never, ["[desc]", "[detail]", "[heading]"], false, never>;
}