@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).
65 lines (64 loc) • 3.45 kB
TypeScript
import { EventEmitter } from '@angular/core';
import { DsfrI18nService, DsfrSizeConst } from '../../shared';
import { BasePanelComponent } from './base-panel.component';
import { DsfrPanelBackgroundConst, DsfrPanelBorderConst } from './base-panel.model';
import { DsfrImageFit, DsfrImageRatio, DsfrImageType } from './card.model';
import * as i0 from "@angular/core";
export declare class DsfrCardComponent extends BasePanelComponent {
i18n: DsfrI18nService;
/** Si true, les badges seront affichés sur la zone media. */
badgesOnMedia: boolean;
/**
* Le détail, optionnel.
*/
detail: string;
/** Icône de la zone de détail, optionnel. */
detailIcon: string;
/** Icône devant le détail situé au bas de la carte, optionnel. */
detailBottomIcon: string;
/**
* Zone d'actions, composée de bouton ou de liens, optionnelle (mais incompatible avec la
* deuxième zone de détail). Si activée elle affiche le slot avec sélecteur `footer`
*/
hasFooter: boolean;
/** Texte alternatif d'une image à utiliser uniquement si l'image à une information à passer. */
imageAlt: string;
/**
* Selon la valeur utilisée pour 'imageFit', l'élément peut être rogné, mis à l'échelle ou étiré, afin de remplir
* la boîte qui le contient.
*/
imageFit: DsfrImageFit;
/** Url de l'image de l'entête, optionnel. */
imagePath: string;
/** Ratio de l'image. */
imageRatio: DsfrImageRatio;
/**
* Supprime l'icône du lien.
*
* @since 1.12
*/
noIcon: boolean;
/**
* Type d'illustration
* - `img` : pour l'utilisation d'une balise '<img>'.
* - `svg` : pour l'utilisation de '<edu-svg-icon>'.
* Si c'est le cas, `@ImagePath` devient le path du fichier `sprite.svg` et la concaténation de l'id du svg à afficher.
*/
imageType: DsfrImageType;
/** Remplace le lien du bouton de download par un markup de bouton */
isDownloadButton: boolean;
/** Signale quand la carte est sélectionnée. */
readonly cardSelect: EventEmitter<string>;
/** @internal */
protected readonly DsfrBorder: typeof DsfrPanelBorderConst;
/** @internal */
protected readonly DsfrBackground: typeof DsfrPanelBackgroundConst;
/** @internal */
protected readonly DsfrSize: typeof DsfrSizeConst;
/**@internal */
constructor(i18n: DsfrI18nService);
/** @internal */
onLinkSelect(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<DsfrCardComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<DsfrCardComponent, "dsfr-card", never, { "badgesOnMedia": { "alias": "badgesOnMedia"; "required": false; }; "detail": { "alias": "detail"; "required": false; }; "detailIcon": { "alias": "detailIcon"; "required": false; }; "detailBottomIcon": { "alias": "detailBottomIcon"; "required": false; }; "hasFooter": { "alias": "hasFooter"; "required": false; }; "imageAlt": { "alias": "imageAlt"; "required": false; }; "imageFit": { "alias": "imageFit"; "required": false; }; "imagePath": { "alias": "imagePath"; "required": false; }; "imageRatio": { "alias": "imageRatio"; "required": false; }; "noIcon": { "alias": "noIcon"; "required": false; }; "imageType": { "alias": "imageType"; "required": false; }; "isDownloadButton": { "alias": "isDownloadButton"; "required": false; }; }, { "cardSelect": "cardSelect"; }, never, ["[footer]", "[heading]"], true, never>;
}