@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).
47 lines (46 loc) • 2.65 kB
TypeScript
import { AfterViewInit, ElementRef, EventEmitter, OnDestroy, OnInit, TemplateRef } from '@angular/core';
import { DsfrLink } from '../../../shared';
import * as i0 from "@angular/core";
export declare class DsfrToolLinkMenuComponent implements AfterViewInit, OnInit, OnDestroy {
/** Identifiant du bouton du menu (généré si non renseigné) */
menuId: string;
/** Libellé du bouton du menu déroulant */
labelMenu: string;
/** Attribut aria-label du bouton du menu déroulant */
ariaLabelMenu: string | undefined;
/** Désactiver le menu */
disabled: boolean;
iconMenu: string | undefined;
/** Liste des liens. Prioritaire sur le slot linksTemplate */
links: DsfrLink[];
/** Ajouter une classe personnalisée pour le menu */
customClass: string;
/** Suppression de la bordure si false */
outline: boolean;
/** Contenu personnalisé du header du menu */
headerTemplate: TemplateRef<any>;
/** Contenu personnalisé du footer du menu */
footerTemplate: TemplateRef<any>;
/** Contenu personnalisé des liens du menu */
linksTemplate: TemplateRef<any>;
/** Evènement émis au clic sur un lien */
readonly linkSelect: EventEmitter<DsfrLink>;
/** Signale l'ouverture du menu. */
disclose: EventEmitter<void>;
/** Signale la fermeture du menu. */
conceal: EventEmitter<void>;
/**@internal */
protected collapseMenu: ElementRef<HTMLElement>;
private renderer2;
private _unlisten;
ngOnInit(): void;
/**
* Ecouter les events scripts dsfr conceal/disclose sur le menu
* conceal: uniquement apres une premiere ouverture (présence de fr-collapse--expanded)
*/
ngAfterViewInit(): void;
ngOnDestroy(): void;
protected onLinkSelect(link: DsfrLink): void;
static ɵfac: i0.ɵɵFactoryDeclaration<DsfrToolLinkMenuComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<DsfrToolLinkMenuComponent, "dsfr-tool-link-menu, dsfr-ext-toolsmenu, dsfrx-toolsmenu", never, { "menuId": { "alias": "menuId"; "required": false; }; "labelMenu": { "alias": "labelMenu"; "required": false; }; "ariaLabelMenu": { "alias": "ariaLabelMenu"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "iconMenu": { "alias": "iconMenu"; "required": false; }; "links": { "alias": "links"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "outline": { "alias": "outline"; "required": false; }; }, { "linkSelect": "linkSelect"; "disclose": "disclose"; "conceal": "conceal"; }, ["headerTemplate", "footerTemplate", "linksTemplate"], never, true, never>;
}