Installation

Utiliser une version de NodeJS compatible

Version 18+

Ajouter le CSS

Import du CSS de la lib, ajouter dans le style.scss de votre application :

@use 'node_modules/@provoly/dashboard/styles/main';
@use 'node_modules/@provoly/dashboard/styles-theme/main-theme';

Import avec gestion du theming, voir détails ici : Theming : architecture et surcharge du thème css de la librairie

Ajouter NGRX et @angular/cdk

Ajouter les librairies, ainsi que les initialisations (Module.forRoot…), dont notamment Overlay.

Installer en tant que dépendance

ng add @provoly/dashboard

Récupérer les assets

À ajouter dans la partie assets du build angular.json:

{ "glob": "**/*", "input": "./node_modules/@provoly/dashboard/assets", "output": "/assets/" }

(Optionnel) Ajouter la snackbar

Pour profiter de la snackbar pry, il convient de l’initialiser de cette manière, depuis le composant racine par exemple:

constructor(snackbarService: PrySnackbarService, viewContainerRef: ViewContainerRef) {
    snackbarService.setRootViewContainerRef(viewContainerRef);
}