# asksuite-citrus

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 14.1.0.

## About

Angular Library containing all tokens and components from Asksuite Design System.

## Local Testing

1. Run ```ng build --watch```
2. Go to generated lib folder ```cd dist/asksuite-citrus```
3. Register symlink ```npm link```
4. Go to an Angular project (i.e. ```asksuite-dashboard```)
5. Create symlink ```npm link asksuite-citrus```

> Note 1: When working with symlinks, you must add the following snippet to angular.json on the path
> ```projects.architect.build.options```:
> ```"preserveSymlinks": true```
> 
> [More Info here](https://stackoverflow.com/questions/45480341/npm-link-is-not-working-with-angular-cli-created-projects)

> Note 2: When rebuilding the asksuite-citrus lib, sometimes an error is trigerred on the angular project where the lib is being tested. Just restarting the application or relinking the package should solve the problem.  

## Building

In order to build the lib run ```ng build```

If the error ```NG3001: Unsupported private class``` shows up, add the class import to ```public-api.ts```. All classes created within the lib must be exposed there.

## Storybook

Storybook is the tool used to test and document the UI elements. You can run it by executing the following commmand:

```npm run storybook```