<commit_before># Spikes Angular Components - Docs

Here you will find more information about the usage of the components.
For dependencies and install instructions go to the [readme](https://github.com/SpikesBE/AngularComponents).

## Treeview

![Treeview](https://github.com/SpikesBE/AngularComponents/tree/master/img/SpikesTreeview.png "Treeview Sample")

The treeview component is built starting from the following requirements:
* Recursive
* Tri-state select visualisation
* Retrieve selected items on a level per level basis

### Usage

```html
<spikes-treeview [treeviewItems]="treeviewItems" [treeviewConfiguration]="treeviewConfiguration"></spikes-treeview>
```

```js
import * as tree from 'spikes-ng2-components';

@Component({
  selector: 'app-spikes-treeview-demo',
  templateUrl: './spikes-treeview-demo.component.html',
  styleUrls: ['./spikes-treeview-demo.component.css']
})
export class SpikesTreeviewDemoComponent implements OnInit {

  treeviewItems: Array<tree.ITreeviewItem> = [];
  treeviewConfiguration: tree.ITreeviewConfiguration = new tree.TreeviewConfiguration({
    showToggleAll: true
  });

  constructor() { }

  ngOnInit() {}<commit_msg>Github page image not working. Last try for now.<commit_after># Spikes Angular Components - Docs

Here you will find more information about the usage of the components.
For dependencies and install instructions go to the [readme](https://github.com/SpikesBE/AngularComponents).

## Treeview

![Treeview](/img/SpikesTreeview.png "Treeview Sample")

The treeview component is built starting from the following requirements:
* Recursive
* Tri-state select visualisation
* Retrieve selected items on a level per level basis

### Usage

```html
<spikes-treeview [treeviewItems]="treeviewItems" [treeviewConfiguration]="treeviewConfiguration"></spikes-treeview>
```

```js
import * as tree from 'spikes-ng2-components';

@Component({
  selector: 'app-spikes-treeview-demo',
  templateUrl: './spikes-treeview-demo.component.html',
  styleUrls: ['./spikes-treeview-demo.component.css']
})
export class SpikesTreeviewDemoComponent implements OnInit {

  treeviewItems: Array<tree.ITreeviewItem> = [];
  treeviewConfiguration: tree.ITreeviewConfiguration = new tree.TreeviewConfiguration({
    showToggleAll: true
  });

  constructor() { }

  ngOnInit() {}
{'fraction_non_alphanumeric': 0.1157167530224525, 'fraction_numerical': 0.0008635578583765112, 'mean_word_length': 5.545197740112994, 'pattern_counts': {'":': 0, '<': 9, '<?xml version=': 0, '>': 9, 'https://': 3, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '386774', 'n_tokens_mistral': 682, 'n_tokens_neox': 665, 'n_words': 180}