Tree-root get filepath when clicked

* [ x] question about the decisions made in the repository

### Issue description

**Current behavior:**
Tree root lets me go down through folders and see files etc

**Expected behavior:**
I want to be able to click a file in the tree-root and be able to have the filepath to it: something like:

```
'folder1/folder1inside/filename.png'
```

What I have in html is:
```

```

and in just JS which just shows the name of the clicked element of the tree-root:

```
clicked(event: Event) {
console.log(event.srcElement.textContent);
}
```

I would also like to be able to change the background/foreground colors of the selected item in the tree-root but not sure if possible without editing base tree-root component?

Thanks all!