docs: added token docs (#766)

* token docs

* new docs fix

* id fix

* removed id input

* removed unused import

library/src/lib/token/token.component.ts

@@ -1,6 +1,9 @@
-import { Component, ElementRef, EventEmitter, HostListener, Input, OnInit, Output, ViewChild } from '@angular/core';
-import { HashService } from '../utils/hash.service';
+import { Component, ElementRef, EventEmitter, HostListener, Output, ViewChild } from '@angular/core';
 
+/**
+ * A token is used to represent contextualizing information.
+ * They can be useful to show applied filters, selected values for form fields or object metadata.
+ */
 @Component({
     selector: 'fd-token',
     templateUrl: './token.component.html',
@@ -10,34 +13,30 @@ import { HashService } from '../utils/hash.service';
         'role': 'button'
     }
 })
-export class TokenComponent implements OnInit {
+export class TokenComponent {
 
+    /** @hidden */
     @ViewChild('contentContainer')
     contentContainer: ElementRef;
 
+    /** Emitted when the *x* icon is clicked. Specifically, any pseudo-element. */
     @Output()
-    onCloseClick: EventEmitter<string> = new EventEmitter<string>();
+    readonly onCloseClick: EventEmitter<void> = new EventEmitter<void>();
 
-    @Input()
-    id: string;
+    /** @hidden */
+    constructor(private elRef: ElementRef) {
+    }
 
+    /** @hidden */
     @HostListener('click', ['$event'])
     clickHandler(event): void {
         if (this.contentContainer) {
             if (this.elRef.nativeElement.contains(event.target) && !this.contentContainer.nativeElement.contains(event.target)) {
-                this.onCloseClick.emit(this.id);
+                this.onCloseClick.emit();
             }
         }
     }
 
-    constructor(private elRef: ElementRef, private hash: HashService) {}
-
-    ngOnInit(): void {
-        if (!this.id) {
-            this.id = this.hash.hash();
-        }
-    }
-
 }
 
 

library/src/lib/token/token.module.ts

@@ -1,11 +1,10 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { TokenComponent } from './token.component';
-import { UtilsModule } from '../utils/utils.module';
 
 @NgModule({
     declarations: [TokenComponent],
-    imports: [CommonModule, UtilsModule],
+    imports: [CommonModule],
     exports: [TokenComponent]
 })
 export class TokenModule {}