@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).
58 lines (57 loc) • 3.24 kB
TypeScript
import { EventEmitter, TemplateRef } from '@angular/core';
import { DsfrSegmentedControl } from '../../segmented-control/segmented-control.model';
import * as i0 from "@angular/core";
/**
* Composant en-tête du tableau.
* Il peut contenir quatre éléments optionnel mais dans cet ordre :
* - le nombre de lignes sélectionnées
* - une barre de recherche
* - des boutons d’actions liés à la sélection de lignes
* - un contrôle segmenté.
*/
export declare class EduTableHeaderComponent {
/** Template optionnel afficher des boutons d'actions dans le header */
headerActionsTemplate: TemplateRef<any>;
/** Nombre de lignes sélectionnées */
countSelectedRows: number | undefined;
/** Afficher le changement de type d'affichage (tableau / liste) */
showHeaderViews: boolean;
/** Contrôle segmenté contenant les types d'affichages (tableau / liste par défaut) */
headerViewsOptions: DsfrSegmentedControl[];
/** Affiche la barre de recherche dans le header */
showSearch: boolean;
/**
* Valeur du placeholder de l'input de recherche, si showSearch est `true`.
*/
searchInputPlaceholder: string | undefined;
/**
* Valeur du title du bouton de la barre de recherche, si showSearch est `true`.
*/
searchButtonTitle: string | undefined;
/**
* Positionne la valeur de la barre de recherche recherche, si `showSearch` est `true`.
*/
searchInputValue: string | undefined;
/** Changement de type de vue */
viewSelect: EventEmitter<string>;
/** Emet le texte lors de l'évènement keyup sur l'input de recherche. */
searchChange: EventEmitter<string>;
/** Emet le texte lors du clic sur le bouton "rechercher". */
searchSelect: EventEmitter<string>;
/**
* Permet de positionner la valeur intiale du champ de recherche (si utilisé)
*
* @deprecated (since 1.15) Utiliser `searchInputValue` à la place.
*/
set searchInputInitialValue(value: string | undefined);
/**
* Changement de type d'affichage (liste ou tableau)
* @internal */
onViewSelect(value: string): void;
/** @internal */
onSearch(e: string): void;
/** @internal */
onSearchClick(e: string): void;
static ɵfac: i0.ɵɵFactoryDeclaration<EduTableHeaderComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<EduTableHeaderComponent, "edu-table-header", never, { "headerActionsTemplate": { "alias": "headerActionsTemplate"; "required": false; }; "countSelectedRows": { "alias": "countSelectedRows"; "required": false; }; "showHeaderViews": { "alias": "showHeaderViews"; "required": false; }; "headerViewsOptions": { "alias": "headerViewsOptions"; "required": false; }; "showSearch": { "alias": "showSearch"; "required": false; }; "searchInputPlaceholder": { "alias": "searchInputPlaceholder"; "required": false; }; "searchButtonTitle": { "alias": "searchButtonTitle"; "required": false; }; "searchInputValue": { "alias": "searchInputValue"; "required": false; }; "searchInputInitialValue": { "alias": "searchInputInitialValue"; "required": false; }; }, { "viewSelect": "viewSelect"; "searchChange": "searchChange"; "searchSelect": "searchSelect"; }, never, never, true, never>;
}