@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).
69 lines (68 loc) • 3.4 kB
TypeScript
import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
import { DefaultControlComponent, I18nService } from '../../shared';
import { DsfrSelectOption } from './form-select.model';
import * as i0 from "@angular/core";
export declare class DsfrFormSelectComponent extends DefaultControlComponent<any> implements OnInit, OnChanges {
private i18n;
/**
* Permet de personnaliser la première option (non sélectionnable). Cette propriété est positionnée à une valeur par
* défaut (ex : Sélectionnez une option) internationalisée.
*/
placeholder: string;
/**
* Le modèle de présentation permettant de transmettre la liste des options.
*/
options: DsfrSelectOption[];
/**
* Indique que le champ est obligatoire, nécessaire du point de vue de l'accessibilité.
*/
required: boolean;
/**
* Permet d'ajouter un attribut 'aria-label' sur le champ de formulaire en cas de besoin.
*/
ariaLabel: string;
/**
* Message d'erreur, quand il est présent les couleurs du contrôle changent.
*/
error: string;
/**
* Message de validation, quand il est présent les couleurs du contrôle changent.
*/
valid: string;
/**
* Output équivalent de (ngModelChange) si celui n'est pas disponible.
*/
selectChange: EventEmitter<any>;
/** @internal */ messagesGroupId: string;
/**
* @internal
* https://github.com/angular/angular/issues/50233 : issue performance with ng-container/ng-template inside select for Firefox
* Dans le cas ou il n'y a pas de groupe, supprimer le ng-container avec ngFor côté template
* fixme: vérifier/améliorer le fix lors du passage à angular 17.
*/
noGroup: boolean;
/** @internal fonction de comparaison */
compareFn: (o1: any, o2: any) => boolean;
/** @internal */
constructor(i18n: I18nService);
/**
* @deprecated since 1.2, utiliser `placeholder` à la place (sans H majuscule).
*/
get placeHolder(): string;
/**
* @deprecated since 1.2, utiliser `placeholder` à la place (sans H majuscule).
*/
set placeHolder(value: string);
/** Personnalisation de la comparaison. CompareWith est une fonction qui a deux arguments: valeur option1 et valeur option2.
Si compareWith est fournie, sélection de l'option en fonction du retour de la fonction. */
set compareWith(fn: (o1: any, o2: any) => boolean);
/** @internal */
ngOnInit(): void;
ngOnChanges({ value }: SimpleChanges): void;
/** @internal */
onChange(): void;
trackByIndex: (index: number) => number;
private findOption;
static ɵfac: i0.ɵɵFactoryDeclaration<DsfrFormSelectComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<DsfrFormSelectComponent, "dsfr-form-select", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "options": { "alias": "options"; "required": false; }; "required": { "alias": "required"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "error": { "alias": "error"; "required": false; }; "valid": { "alias": "valid"; "required": false; }; "placeHolder": { "alias": "placeHolder"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; }, { "selectChange": "selectChange"; }, never, ["[label]"], false, never>;
}