@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).
73 lines (72 loc) • 3.4 kB
TypeScript
import { ElementRef } from '@angular/core';
import { DsfrPosition, DsfrSize } from '../../shared';
import { DsfrAlign, DsfrButtonsGroupMarkup, DsfrButtonsGroupMarkupConst, DsfrInline } from './buttons-group.model';
import * as i0 from "@angular/core";
export declare class DsfrButtonsGroupComponent {
private _elementRef;
/**
* Permet de basculer la disposition des boutons en mode horizontal.
* En mode vertical, mode par défaut, les boutons prennent 100% de la largeur du conteneur.
*/
inline: DsfrInline;
/**
* Placement des boutons en mode `inline` :
* - `default` : aligne les boutons sur la gauche.
* - `right` : aligne les boutons sur la droite
* - `between` : les boutons ont les mêmes espacements ente eux.
* - `center` : aligne les boutons au centre du conteneur.
* - `reverse` : les boutons se lisent de droite à gauche (implique nécessairement un placement à droite).
*
* 📌 N'a aucun effet en mode vertical.
*/
alignment: DsfrAlign;
/**
* Permet de mettre automatiquement tous les boutons d’un groupe à la même largeur.
* Cela permet une uniformité des boutons en mode horizontal.
* (en mode vertical, les boutons prennent 100% de la largeur du conteneur)
* Cette option peut être combinée avec la propriété d'alignement.
*/
equisized: boolean;
/**
* Taille des boutons du groupe.
*/
buttonGroupSize: DsfrSize;
/**
* Type de balise HTML pour la liste du groupe de boutons.
*
* 📌 Cette propriété ne doit pas être modifiée post-initialisation (i.e. dynamiquement).
*/
groupMarkup: DsfrButtonsGroupMarkup;
protected readonly DsfrButtonsGroupMarkup: typeof DsfrButtonsGroupMarkupConst;
private buttonsElements;
private buttons;
private _iconPosition;
constructor(_elementRef: ElementRef);
/**
* Taille des boutons du groupe.
*
* @deprecated since(1.15.0) utiliser 'buttonGroupSize' à la place
*/
get size(): DsfrSize;
get iconPosition(): DsfrPosition;
/**
* Taille des boutons du groupe.
*
* @deprecated since(1.15.0) utiliser 'buttonGroupSize' à la place
*/
set size(value: DsfrSize);
/**
* Positionnement (gauche ou droite) au niveau du groupe des icônes dans les boutons qui
* contiennent à la fois une icône et un label.
*/
set iconPosition(value: DsfrPosition);
/**
* Cette méthode calcule les styles du composant en évitant les magic strings.
*/
protected getClasses(): string[];
private surroundButtonsWithLi;
/** On force la position des icônes des boutons. */
private updateButtonsIconPosition;
static ɵfac: i0.ɵɵFactoryDeclaration<DsfrButtonsGroupComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<DsfrButtonsGroupComponent, "dsfr-buttons-group", never, { "inline": { "alias": "inline"; "required": false; }; "alignment": { "alias": "alignment"; "required": false; }; "equisized": { "alias": "equisized"; "required": false; }; "buttonGroupSize": { "alias": "buttonGroupSize"; "required": false; }; "groupMarkup": { "alias": "groupMarkup"; "required": false; }; "size": { "alias": "size"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; }, {}, ["buttonsElements", "buttons"], ["*"], true, never>;
}