@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).
53 lines (52 loc) • 2.97 kB
TypeScript
import { EventEmitter } from '@angular/core';
import { I18nService, LangService } from '../../shared';
import { BasePanelComponent } from './base-panel.component';
import { DsfrImageFit, DsfrImageRatio, DsfrImageType } from './card.model';
import * as i0 from "@angular/core";
export declare class DsfrCardComponent extends BasePanelComponent {
i18n: I18nService;
/** Si true, les badges seront affichés sur la zone media. */
badgesOnMedia: boolean;
/**
* Le détail, optionnel. Supporte le format HTML (slot avec sélecteur "detail")
*/
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 (jusqu'à 4 éléments), optionnelle (mais incompatible avec la
* deuxième zone de détail).
* Usage : cette propriété doit être activée pour afficher le contenu fourni par l'intermédiaire du slot 'actions'
*/
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;
/**
* 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;
/** Signale quand la carte est sélectionnée. */
readonly cardSelect: EventEmitter<string>;
/**@internal */
constructor(langService: LangService, i18n: I18nService);
/** @internal */
getClasses(): {};
/** @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; }; "imageType": { "alias": "imageType"; "required": false; }; }, { "cardSelect": "cardSelect"; }, never, ["[footer]"], false, never>;
}