@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).
54 lines (53 loc) • 2.66 kB
TypeScript
import { AfterViewInit, ElementRef, QueryList } from '@angular/core';
import { DsfrPosition, DsfrSize } from '../../shared';
import { DsfrButtonComponent } from '../button';
import { DsfrAlign, DsfrInline } from './buttons-group.model';
import * as i0 from "@angular/core";
export declare class DsfrButtonsGroupComponent implements AfterViewInit {
private _elementRef;
/** @internal */
buttons: QueryList<DsfrButtonComponent>;
/**
* 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. */
size: DsfrSize;
private _iconPosition;
constructor(_elementRef: ElementRef);
get iconPosition(): DsfrPosition;
/**
* 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.
* @internal
*/
getClasses(): string[];
ngAfterViewInit(): void;
/** 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; }; "size": { "alias": "size"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; }, {}, ["buttons"], ["*"], false, never>;
}