[ADF-865] codelyzer diagrams and analytics (#2072)

* fix codelyzer diagrams and analytics

* fix test

ng2-components/ng2-activiti-diagrams/config/webpack.common.js

@@ -42,7 +42,8 @@ module.exports = {
                 loader: 'tslint-loader',
                 options: {
                     emitErrors: true,
-                    failOnHint: true
+                    failOnHint: true,
+                    fix: true
                 },
                 exclude: [/node_modules/, /bundles/, /dist/, /demo/]
             },

ng2-components/ng2-activiti-diagrams/src/components/activities/diagram-alfresco-publish-task.component.ts

@@ -15,13 +15,13 @@
  * limitations under the License.
  */
 
-import { Component, ElementRef, EventEmitter, Input, Output } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
 
 @Component({
     selector: 'adf-diagram-publish-task, diagram-alfresco-publish-task',
     templateUrl: './diagram-alfresco-publish-task.component.html'
 })
-export class DiagramAlfrescoPublishTaskComponent {
+export class DiagramAlfrescoPublishTaskComponent implements OnInit {
     @Input()
     data: any;
 

ng2-components/ng2-activiti-diagrams/src/components/activities/diagram-box-publish-task.component.ts

@@ -15,13 +15,13 @@
  * limitations under the License.
  */
 
-import { Component, ElementRef, EventEmitter, Input, Output } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
 
 @Component({
     selector: 'diagram-box-publish-task',
     templateUrl: './diagram-box-publish-task.component.html'
 })
-export class DiagramBoxPublishTaskComponent {
+export class DiagramBoxPublishTaskComponent implements OnInit {
     @Input()
     data: any;
 

ng2-components/ng2-activiti-diagrams/src/components/activities/diagram-business-rule-task.component.ts

@@ -15,14 +15,14 @@
  * limitations under the License.
  */
 
-import { Component, ElementRef, EventEmitter, Input, Output } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
 import { DiagramColorService } from '../../services/diagram-color.service';
 
 @Component({
     selector: 'diagram-business-rule-task',
     templateUrl: './diagram-business-rule-task.component.html'
 })
-export class DiagramBusinessRuleTaskComponent {
+export class DiagramBusinessRuleTaskComponent implements OnInit {
     @Input()
     data: any;
 

ng2-components/ng2-activiti-diagrams/src/components/activities/diagram-camel-task.component.ts

@@ -15,13 +15,13 @@
  * limitations under the License.
  */
 
-import { Component, ElementRef, EventEmitter, Input, Output } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
 
 @Component({
     selector: 'diagram-camel-task',
     templateUrl: './diagram-camel-task.component.html'
 })
-export class DiagramCamelTaskComponent {
+export class DiagramCamelTaskComponent implements OnInit {
     @Input()
     data: any;
 

ng2-components/ng2-activiti-diagrams/src/components/activities/diagram-container-service-task.component.ts

@@ -15,13 +15,13 @@
  * limitations under the License.
  */
 
-import { Component, ElementRef, EventEmitter, Input, Output } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
 
 @Component({
     selector: 'diagram-container-service-task',
     templateUrl: './diagram-container-service-task.component.html'
 })
-export class DiagramContainerServiceTaskComponent {
+export class DiagramContainerServiceTaskComponent implements OnInit {
     @Input()
     data: any;
 

ng2-components/ng2-activiti-diagrams/src/components/activities/diagram-google-drive-publish-task.component.ts

@@ -15,13 +15,13 @@
  * limitations under the License.
  */
 
-import { Component, ElementRef, EventEmitter, Input, Output } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
 
 @Component({
     selector: 'diagram-google-drive-publish-task',
     templateUrl: './diagram-google-drive-publish-task.component.html'
 })
-export class DiagramGoogleDrivePublishTaskComponent {
+export class DiagramGoogleDrivePublishTaskComponent implements OnInit {
     @Input()
     data: any;
 

ng2-components/ng2-activiti-diagrams/src/components/activities/diagram-manual-task.component.ts

@@ -15,14 +15,14 @@
  * limitations under the License.
  */
 
-import { Component, ElementRef, EventEmitter, Input, Output } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
 import { DiagramColorService } from '../../services/diagram-color.service';
 
 @Component({
     selector: 'diagram-manual-task',
     templateUrl: './diagram-manual-task.component.html'
 })
-export class DiagramManualTaskComponent {
+export class DiagramManualTaskComponent implements OnInit {
     @Input()
     data: any;
 
@@ -30,7 +30,8 @@ export class DiagramManualTaskComponent {
     onError = new EventEmitter();
 
     constructor(public elementRef: ElementRef,
-                private diagramColorService: DiagramColorService) {}
+                private diagramColorService: DiagramColorService) {
+    }
 
     ngOnInit() {
 

ng2-components/ng2-activiti-diagrams/src/components/activities/diagram-mule-task.component.ts

@@ -15,13 +15,13 @@
  * limitations under the License.
  */
 
-import { Component, ElementRef, EventEmitter, Input, Output } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
 
 @Component({
     selector: 'diagram-mule-task',
     templateUrl: './diagram-mule-task.component.html'
 })
-export class DiagramMuleTaskComponent {
+export class DiagramMuleTaskComponent implements OnInit {
     @Input()
     data: any;
 

ng2-components/ng2-activiti-diagrams/src/components/activities/diagram-receive-task.component.ts

@@ -15,14 +15,14 @@
  * limitations under the License.
  */
 
-import { Component, ElementRef, EventEmitter, Input, Output } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
 import { DiagramColorService } from '../../services/diagram-color.service';
 
 @Component({
     selector: 'diagram-receive-task',
     templateUrl: './diagram-receive-task.component.html'
 })
-export class DiagramReceiveTaskComponent {
+export class DiagramReceiveTaskComponent implements OnInit {
     @Input()
     data: any;
 

ng2-components/ng2-activiti-diagrams/src/components/activities/diagram-rest-call-task.component.ts

@@ -15,13 +15,13 @@
  * limitations under the License.
  */
 
-import { Component, ElementRef, EventEmitter, Input, Output } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
 
 @Component({
     selector: 'diagram-rest-call-task',
     templateUrl: './diagram-rest-call-task.component.html'
 })
-export class DiagramRestCallTaskComponent {
+export class DiagramRestCallTaskComponent implements OnInit {
     @Input()
     data: any;
 

ng2-components/ng2-activiti-diagrams/src/components/activities/diagram-script-task.component.ts

@@ -15,14 +15,14 @@
  * limitations under the License.
  */
 
-import { Component, ElementRef, EventEmitter, Input, Output } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
 import { DiagramColorService } from '../../services/diagram-color.service';
 
 @Component({
     selector: 'diagram-script-task',
     templateUrl: './diagram-script-task.component.html'
 })
-export class DiagramScriptTaskComponent {
+export class DiagramScriptTaskComponent implements OnInit {
     @Input()
     data: any;
 

ng2-components/ng2-activiti-diagrams/src/components/activities/diagram-send-task.component.ts

@@ -15,13 +15,13 @@
  * limitations under the License.
  */
 
-import { Component, ElementRef, EventEmitter, Input, Output } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
 
 @Component({
     selector: 'diagram-send-task',
     templateUrl: './diagram-send-task.component.html'
 })
-export class DiagramSendTaskComponent {
+export class DiagramSendTaskComponent implements OnInit {
     @Input()
     data: any;
 

ng2-components/ng2-activiti-diagrams/src/components/activities/diagram-service-task.component.ts

@@ -15,14 +15,14 @@
  * limitations under the License.
  */
 
-import { Component, ElementRef, EventEmitter, Input, Output } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
 import { DiagramColorService } from '../../services/diagram-color.service';
 
 @Component({
     selector: 'diagram-service-task',
     templateUrl: './diagram-service-task.component.html'
 })
-export class DiagramServiceTaskComponent {
+export class DiagramServiceTaskComponent implements OnInit {
     @Input()
     data: any;
 

ng2-components/ng2-activiti-diagrams/src/components/activities/diagram-task.component.ts

@@ -15,14 +15,14 @@
  * limitations under the License.
  */
 
-import { Component, ElementRef, EventEmitter, Input, Output } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
 import { DiagramColorService } from '../../services/diagram-color.service';
 
 @Component({
     selector: 'diagram-task',
     templateUrl: './diagram-task.component.html'
 })
-export class DiagramTaskComponent {
+export class DiagramTaskComponent implements OnInit {
     @Input()
     data: any;
 

ng2-components/ng2-activiti-diagrams/src/components/activities/diagram-user-task.component.ts

@@ -15,14 +15,14 @@
  * limitations under the License.
  */
 
-import { Component, ElementRef, EventEmitter, Input, Output } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
 import { DiagramColorService } from '../../services/diagram-color.service';
 
 @Component({
     selector: 'diagram-user-task',
     templateUrl: './diagram-user-task.component.html'
 })
-export class DiagramUserTaskComponent {
+export class DiagramUserTaskComponent implements OnInit {
     @Input()
     data: any;
 

ng2-components/ng2-activiti-diagrams/src/components/boundary-events/diagram-boundary-event.component.ts

@@ -15,14 +15,14 @@
  * limitations under the License.
  */
 
-import { Component, ElementRef, EventEmitter, Input, Output } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
 import { DiagramColorService } from '../../services/diagram-color.service';
 
 @Component({
     selector: 'diagram-boundary-event',
     templateUrl: './diagram-boundary-event.component.html'
 })
-export class DiagramBoundaryEventComponent {
+export class DiagramBoundaryEventComponent implements OnInit {
     @Input()
     data: any;
 

ng2-components/ng2-activiti-diagrams/src/components/boundary-events/diagram-throw-event.component.ts

@@ -15,14 +15,14 @@
  * limitations under the License.
  */
 
-import { Component, ElementRef, EventEmitter, Input, Output } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
 import { DiagramColorService } from '../../services/diagram-color.service';
 
 @Component({
     selector: 'diagram-throw-event',
     templateUrl: './diagram-throw-event.component.html'
 })
-export class DiagramThrowEventComponent {
+export class DiagramThrowEventComponent implements OnInit {
     @Input()
     data: any;
 
@@ -38,7 +38,8 @@ export class DiagramThrowEventComponent {
     circleRadiusOuter: number;
 
     constructor(public elementRef: ElementRef,
-                private diagramColorService: DiagramColorService) {}
+                private diagramColorService: DiagramColorService) {
+    }
 
     ngOnInit() {
         this.center.x = this.data.x + (this.data.width / 2);

ng2-components/ng2-activiti-diagrams/src/components/diagram-sequence-flow.component.ts

@@ -15,13 +15,13 @@
  * limitations under the License.
  */
 
-import { Component, ElementRef, EventEmitter, Input, Output } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
 
 @Component({
     selector: 'diagram-sequence-flow',
     templateUrl: './diagram-sequence-flow.component.html'
 })
-export class DiagramSequenceFlowComponent {
+export class DiagramSequenceFlowComponent implements OnInit {
     @Input()
     flow: any;
 

ng2-components/ng2-activiti-diagrams/src/components/diagram.component.ts

@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 
-import { Component, ElementRef, EventEmitter, Input, Output, SimpleChanges } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, OnChanges, Output, SimpleChanges } from '@angular/core';
 import { AlfrescoTranslationService, LogService } from 'ng2-alfresco-core';
 import { DiagramElementModel, DiagramModel } from '../models/diagram.model';
 import { DiagramColorService } from '../services/diagram-color.service';
@@ -27,7 +27,7 @@ import { RaphaelService } from './raphael/raphael.service';
     styleUrls: ['./diagram.component.css'],
     templateUrl: './diagram.component.html'
 })
-export class DiagramComponent {
+export class DiagramComponent implements OnChanges {
     @Input()
     processDefinitionId: any;
 
@@ -58,7 +58,7 @@ export class DiagramComponent {
     PADDING_WIDTH: number = 60;
     PADDING_HEIGHT: number = 60;
 
-    private diagram: DiagramModel;
+    diagram: DiagramModel;
 
     constructor(private elementRef: ElementRef,
                 private translateService: AlfrescoTranslationService,

ng2-components/ng2-activiti-diagrams/src/components/events/diagram-end-event.component.ts

@@ -15,14 +15,14 @@
  * limitations under the License.
  */
 
-import { Component, ElementRef, EventEmitter, Input, Output } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
 import { DiagramColorService } from '../../services/diagram-color.service';
 
 @Component({
     selector: 'diagram-end-event',
     templateUrl: './diagram-end-event.component.html'
 })
-export class DiagramEndEventComponent {
+export class DiagramEndEventComponent implements OnInit {
     @Input()
     data: any;
 

ng2-components/ng2-activiti-diagrams/src/components/events/diagram-event.component.ts

@@ -15,14 +15,14 @@
  * limitations under the License.
  */
 
-import { Component, ElementRef, EventEmitter, Input, Output } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
 import { DiagramColorService } from '../../services/diagram-color.service';
 
 @Component({
     selector: 'diagram-event',
     templateUrl: './diagram-event.component.html'
 })
-export class DiagramEventComponent {
+export class DiagramEventComponent implements OnInit {
     @Input()
     data: any;
 

ng2-components/ng2-activiti-diagrams/src/components/events/diagram-start-event.component.ts

@@ -15,14 +15,14 @@
  * limitations under the License.
  */
 
-import { Component, ElementRef, EventEmitter, Input, Output } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
 import { DiagramColorService } from '../../services/diagram-color.service';
 
 @Component({
     selector: 'diagram-start-event',
     templateUrl: './diagram-start-event.component.html'
 })
-export class DiagramStartEventComponent {
+export class DiagramStartEventComponent implements OnInit {
     @Input()
     data: any;
 

ng2-components/ng2-activiti-diagrams/src/components/gateways/diagram-event-gateway.component.ts

@@ -15,14 +15,14 @@
  * limitations under the License.
  */
 
-import { Component, ElementRef, EventEmitter, Input, Output } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
 import { DiagramColorService } from '../../services/diagram-color.service';
 
 @Component({
     selector: 'diagram-event-gateway',
     templateUrl: './diagram-event-gateway.component.html'
 })
-export class DiagramEventGatewayComponent {
+export class DiagramEventGatewayComponent implements OnInit {
     @Input()
     data: any;
 

ng2-components/ng2-activiti-diagrams/src/components/gateways/diagram-exclusive-gateway.component.ts

@@ -15,14 +15,14 @@
  * limitations under the License.
  */
 
-import { Component, ElementRef, EventEmitter, Input, Output } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
 import { DiagramColorService } from '../../services/diagram-color.service';
 
 @Component({
     selector: 'diagram-exclusive-gateway',
     templateUrl: './diagram-exclusive-gateway.component.html'
 })
-export class DiagramExclusiveGatewayComponent {
+export class DiagramExclusiveGatewayComponent implements OnInit {
     @Input()
     data: any;
 

ng2-components/ng2-activiti-diagrams/src/components/gateways/diagram-gateway.component.ts

@@ -15,14 +15,14 @@
  * limitations under the License.
  */
 
-import { Component, ElementRef, EventEmitter, Input, Output } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
 import { DiagramColorService } from '../../services/diagram-color.service';
 
 @Component({
     selector: 'diagram-gateway',
     templateUrl: './diagram-gateway.component.html'
 })
-export class DiagramGatewayComponent {
+export class DiagramGatewayComponent implements OnInit {
     @Input()
     data: any;
 

ng2-components/ng2-activiti-diagrams/src/components/gateways/diagram-inclusive-gateway.component.ts

@@ -15,14 +15,14 @@
  * limitations under the License.
  */
 
-import { Component, ElementRef, EventEmitter, Input, Output } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
 import { DiagramColorService } from '../../services/diagram-color.service';
 
 @Component({
     selector: 'diagram-inclusive-gateway',
     templateUrl: './diagram-inclusive-gateway.component.html'
 })
-export class DiagramInclusiveGatewayComponent {
+export class DiagramInclusiveGatewayComponent implements OnInit {
     @Input()
     data: any;
 

ng2-components/ng2-activiti-diagrams/src/components/gateways/diagram-parallel-gateway.component.ts

@@ -15,14 +15,14 @@
  * limitations under the License.
  */
 
-import { Component, ElementRef, EventEmitter, Input, Output } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
 import { DiagramColorService } from '../../services/diagram-color.service';
 
 @Component({
     selector: 'diagram-parallel-gateway',
     templateUrl: './diagram-parallel-gateway.component.html'
 })
-export class DiagramParallelGatewayComponent {
+export class DiagramParallelGatewayComponent implements OnInit {
     @Input()
     data: any;
 

ng2-components/ng2-activiti-diagrams/src/components/icons/diagram-container-icon-event.component.ts

@@ -15,14 +15,14 @@
  * limitations under the License.
  */
 
-import { Component, ElementRef, EventEmitter, Input, Output } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
 import { DiagramColorService } from '../../services/diagram-color.service';
 
 @Component({
     selector: 'diagram-container-icon-event',
     templateUrl: './diagram-container-icon-event.component.html'
 })
-export class DiagramContainerIconEventTaskComponent {
+export class DiagramContainerIconEventTaskComponent implements OnInit {
     @Input()
     data: any;
 

ng2-components/ng2-activiti-diagrams/src/components/icons/diagram-icon-alfresco-publish-task.component.ts

@@ -15,14 +15,14 @@
  * limitations under the License.
  */
 
-import { Component, ElementRef, EventEmitter, Input, Output } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
 import { DiagramColorService } from '../../services/diagram-color.service';
 
 @Component({
     selector: 'adf-diagram-icon-publish-task, diagram-icon-alfresco-publish-task',
     templateUrl: './diagram-icon-alfresco-publish-task.component.html'
 })
-export class DiagramIconAlfrescoPublishTaskComponent {
+export class DiagramIconAlfrescoPublishTaskComponent implements OnInit {
     @Input()
     data: any;
 

ng2-components/ng2-activiti-diagrams/src/components/icons/diagram-icon-box-publish-task.component.ts

@@ -15,14 +15,14 @@
  * limitations under the License.
  */
 
-import { Component, ElementRef, EventEmitter, Input, Output } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
 import { DiagramColorService } from '../../services/diagram-color.service';
 
 @Component({
     selector: 'diagram-icon-box-publish-task',
     templateUrl: './diagram-icon-box-publish-task.component.html'
 })
-export class DiagramIconBoxPublishTaskComponent {
+export class DiagramIconBoxPublishTaskComponent implements OnInit {
     @Input()
     data: any;
 

ng2-components/ng2-activiti-diagrams/src/components/icons/diagram-icon-business-rule-task.component.ts

@@ -15,14 +15,14 @@
  * limitations under the License.
  */
 
-import { Component, ElementRef, EventEmitter, Input, Output } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
 import { DiagramColorService } from '../../services/diagram-color.service';
 
 @Component({
     selector: 'diagram-icon-business-rule-task',
     templateUrl: './diagram-icon-business-rule-task.component.html'
 })
-export class DiagramIconBusinessRuleTaskComponent {
+export class DiagramIconBusinessRuleTaskComponent implements OnInit {
     @Input()
     data: any;
 

ng2-components/ng2-activiti-diagrams/src/components/icons/diagram-icon-camel-task.component.ts

@@ -15,14 +15,14 @@
  * limitations under the License.
  */
 
-import { Component, ElementRef, EventEmitter, Input, Output } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
 import { DiagramColorService } from '../../services/diagram-color.service';
 
 @Component({
     selector: 'diagram-icon-camel-task',
     templateUrl: './diagram-icon-camel-task.component.html'
 })
-export class DiagramIconCamelTaskComponent {
+export class DiagramIconCamelTaskComponent implements OnInit {
     @Input()
     data: any;
 

ng2-components/ng2-activiti-diagrams/src/components/icons/diagram-icon-error.component.ts

@@ -15,14 +15,14 @@
  * limitations under the License.
  */
 
-import { Component, ElementRef, EventEmitter, Input, Output } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
 import { DiagramColorService } from '../../services/diagram-color.service';
 
 @Component({
     selector: 'diagram-icon-error',
     templateUrl: './diagram-icon-error.component.html'
 })
-export class DiagramIconErrorComponent {
+export class DiagramIconErrorComponent implements OnInit {
     @Input()
     data: any;
 

ng2-components/ng2-activiti-diagrams/src/components/icons/diagram-icon-google-drive-publish-task.component.ts

@@ -15,14 +15,14 @@
  * limitations under the License.
  */
 
-import { Component, ElementRef, EventEmitter, Input, Output } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
 import { DiagramColorService } from '../../services/diagram-color.service';
 
 @Component({
     selector: 'diagram-icon-google-drive-publish-task',
     templateUrl: './diagram-icon-google-drive-publish-task.component.html'
 })
-export class DiagramIconGoogleDrivePublishTaskComponent {
+export class DiagramIconGoogleDrivePublishTaskComponent implements OnInit {
     @Input()
     data: any;
 

ng2-components/ng2-activiti-diagrams/src/components/icons/diagram-icon-manual-task.component.ts

@@ -15,14 +15,14 @@
  * limitations under the License.
  */
 
-import { Component, ElementRef, EventEmitter, Input, Output } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
 import { DiagramColorService } from '../../services/diagram-color.service';
 
 @Component({
     selector: 'diagram-icon-manual-task',
     templateUrl: './diagram-icon-manual-task.component.html'
 })
-export class DiagramIconManualTaskComponent {
+export class DiagramIconManualTaskComponent implements OnInit {
     @Input()
     data: any;
 

ng2-components/ng2-activiti-diagrams/src/components/icons/diagram-icon-message.component.ts

@@ -15,14 +15,14 @@
  * limitations under the License.
  */
 
-import { Component, ElementRef, EventEmitter, Input, Output } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
 import { DiagramColorService } from '../../services/diagram-color.service';
 
 @Component({
     selector: 'diagram-icon-message',
     templateUrl: './diagram-icon-message.component.html'
 })
-export class DiagramIconMessageComponent {
+export class DiagramIconMessageComponent implements OnInit {
     @Input()
     data: any;
 

ng2-components/ng2-activiti-diagrams/src/components/icons/diagram-icon-mule-task.component.ts

@@ -15,14 +15,14 @@
  * limitations under the License.
  */
 
-import { Component, ElementRef, EventEmitter, Input, Output } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
 import { DiagramColorService } from '../../services/diagram-color.service';
 
 @Component({
     selector: 'diagram-icon-mule-task',
     templateUrl: './diagram-icon-mule-task.component.html'
 })
-export class DiagramIconMuleTaskComponent {
+export class DiagramIconMuleTaskComponent implements OnInit {
     @Input()
     data: any;
 

ng2-components/ng2-activiti-diagrams/src/components/icons/diagram-icon-receive-task.component.ts

@@ -15,14 +15,14 @@
  * limitations under the License.
  */
 
-import { Component, ElementRef, EventEmitter, Input, Output } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
 import { DiagramColorService } from '../../services/diagram-color.service';
 
 @Component({
     selector: 'diagram-icon-receive-task',
     templateUrl: './diagram-icon-receive-task.component.html'
 })
-export class DiagramIconReceiveTaskComponent {
+export class DiagramIconReceiveTaskComponent implements OnInit {
     @Input()
     data: any;
 

ng2-components/ng2-activiti-diagrams/src/components/icons/diagram-icon-rest-call-task.component.ts

@@ -15,14 +15,14 @@
  * limitations under the License.
  */
 
-import { Component, ElementRef, EventEmitter, Input, Output } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
 import { DiagramColorService } from '../../services/diagram-color.service';
 
 @Component({
     selector: 'diagram-icon-rest-call-task',
     templateUrl: './diagram-icon-rest-call-task.component.html'
 })
-export class DiagramIconRestCallTaskComponent {
+export class DiagramIconRestCallTaskComponent implements OnInit {
     @Input()
     data: any;
 

ng2-components/ng2-activiti-diagrams/src/components/icons/diagram-icon-script-task.component.ts

@@ -15,14 +15,14 @@
  * limitations under the License.
  */
 
-import { Component, ElementRef, EventEmitter, Input, Output } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
 import { DiagramColorService } from '../../services/diagram-color.service';
 
 @Component({
     selector: 'diagram-icon-script-task',
     templateUrl: './diagram-icon-script-task.component.html'
 })
-export class DiagramIconScriptTaskComponent {
+export class DiagramIconScriptTaskComponent implements OnInit {
     @Input()
     data: any;
 

ng2-components/ng2-activiti-diagrams/src/components/icons/diagram-icon-send-task.component.ts

@@ -15,14 +15,14 @@
  * limitations under the License.
  */
 
-import { Component, ElementRef, EventEmitter, Input, Output } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
 import { DiagramColorService } from '../../services/diagram-color.service';
 
 @Component({
     selector: 'diagram-icon-send-task',
     templateUrl: './diagram-icon-send-task.component.html'
 })
-export class DiagramIconSendTaskComponent {
+export class DiagramIconSendTaskComponent implements OnInit {
     @Input()
     data: any;
 

ng2-components/ng2-activiti-diagrams/src/components/icons/diagram-icon-service-task.component.ts

@@ -15,14 +15,14 @@
  * limitations under the License.
  */
 
-import { Component, ElementRef, EventEmitter, Input, Output } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
 import { DiagramColorService } from '../../services/diagram-color.service';
 
 @Component({
     selector: 'diagram-icon-service-task',
     templateUrl: './diagram-icon-service-task.component.html'
 })
-export class DiagramIconServiceTaskComponent {
+export class DiagramIconServiceTaskComponent implements OnInit {
     @Input()
     data: any;
 

ng2-components/ng2-activiti-diagrams/src/components/icons/diagram-icon-signal.component.ts

@@ -15,14 +15,14 @@
  * limitations under the License.
  */
 
-import { Component, ElementRef, EventEmitter, Input, Output } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
 import { DiagramColorService } from '../../services/diagram-color.service';
 
 @Component({
     selector: 'diagram-icon-signal',
     templateUrl: './diagram-icon-signal.component.html'
 })
-export class DiagramIconSignalComponent {
+export class DiagramIconSignalComponent implements OnInit {
     @Input()
     data: any;
 

ng2-components/ng2-activiti-diagrams/src/components/icons/diagram-icon-timer.component.ts

@@ -15,14 +15,14 @@
  * limitations under the License.
  */
 
-import { Component, ElementRef, EventEmitter, Input, Output } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
 import { DiagramColorService } from '../../services/diagram-color.service';
 
 @Component({
     selector: 'diagram-icon-timer',
     templateUrl: './diagram-icon-timer.component.html'
 })
-export class DiagramIconTimerComponent {
+export class DiagramIconTimerComponent implements OnInit {
     @Input()
     data: any;
 

ng2-components/ng2-activiti-diagrams/src/components/icons/diagram-icon-user-task.component.ts

@@ -15,14 +15,14 @@
  * limitations under the License.
  */
 
-import { Component, ElementRef, EventEmitter, Input, Output } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
 import { DiagramColorService } from '../../services/diagram-color.service';
 
 @Component({
     selector: 'diagram-icon-user-task',
     templateUrl: './diagram-icon-user-task.component.html'
 })
-export class DiagramIconUserTaskComponent {
+export class DiagramIconUserTaskComponent implements OnInit {
     @Input()
     data: any;
 

ng2-components/ng2-activiti-diagrams/src/components/index.ts

@@ -25,7 +25,7 @@ import { DIAGRAM_ICONS_DIRECTIVES } from './icons/index';
 import { DIAGRAM_INTERMEDIATE_EVENTS_DIRECTIVES } from './intermediate-catching-events/index';
 import { DIAGRAM_STRUCTURAL_DIRECTIVES } from './structural/index';
 import { DIAGRAM_SWIMLANES_DIRECTIVES } from './swimlanes/index';
-import { DiagramTooltip } from './tooltip/index';
+import { DiagramTooltipComponent } from './tooltip/index';
 
 import { DiagramColorService } from '../services/diagram-color.service';
 import { DiagramsService } from '../services/diagrams.service';
@@ -52,7 +52,7 @@ export const DIAGRAM_DIRECTIVES: any[] = [
     DIAGRAM_INTERMEDIATE_EVENTS_DIRECTIVES,
     DIAGRAM_STRUCTURAL_DIRECTIVES,
     DIAGRAM_SWIMLANES_DIRECTIVES,
-    DiagramTooltip
+    DiagramTooltipComponent
 ];
 
 export const DIAGRAM_PROVIDERS: any[] = [

ng2-components/ng2-activiti-diagrams/src/components/intermediate-catching-events/diagram-intermediate-catching-event.component.ts

@@ -15,14 +15,14 @@
  * limitations under the License.
  */
 
-import { Component, ElementRef, EventEmitter, Input, Output } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
 import { DiagramColorService } from '../../services/diagram-color.service';
 
 @Component({
     selector: 'diagram-intermediate-catching-event',
     templateUrl: './diagram-intermediate-catching-event.component.html'
 })
-export class DiagramIntermediateCatchingEventComponent {
+export class DiagramIntermediateCatchingEventComponent implements OnInit {
     @Input()
     data: any;
 

ng2-components/ng2-activiti-diagrams/src/components/raphael/raphael.service.ts

@@ -15,12 +15,12 @@
  * limitations under the License.
  */
 
-import { Injectable } from '@angular/core';
+import { Injectable , OnDestroy} from '@angular/core';
 
 declare let Raphael: any;
 
 @Injectable()
-export class RaphaelService {
+export class RaphaelService implements OnDestroy {
 
     paper: any;
     width: number = 300;
@@ -53,7 +53,7 @@ export class RaphaelService {
         return paper;
     }
 
-    private ngOnDestroy(): any {
+    public ngOnDestroy(): any {
         if (this.paper) {
             this.paper.clear();
             this.paper = void 0;

ng2-components/ng2-activiti-diagrams/src/components/structural/diagram-event-subprocess.component.ts

@@ -15,14 +15,14 @@
  * limitations under the License.
  */
 
-import { Component, ElementRef, EventEmitter, Input, Output } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output} from '@angular/core';
 import { DiagramColorService } from '../../services/diagram-color.service';
 
 @Component({
     selector: 'diagram-event-subprocess',
     templateUrl: './diagram-event-subprocess.component.html'
 })
-export class DiagramEventSubprocessComponent {
+export class DiagramEventSubprocessComponent implements OnInit {
     @Input()
     data: any;
 

ng2-components/ng2-activiti-diagrams/src/components/structural/diagram-subprocess.component.ts

@@ -15,14 +15,14 @@
  * limitations under the License.
  */
 
-import { Component, ElementRef, EventEmitter, Input, Output } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
 import { DiagramColorService } from '../../services/diagram-color.service';
 
 @Component({
     selector: 'diagram-subprocess',
     templateUrl: './diagram-subprocess.component.html'
 })
-export class DiagramSubprocessComponent {
+export class DiagramSubprocessComponent implements OnInit {
     @Input()
     data: any;
 

ng2-components/ng2-activiti-diagrams/src/components/swimlanes/diagram-lane.component.ts

@@ -15,14 +15,14 @@
  * limitations under the License.
  */
 
-import { Component, ElementRef, EventEmitter, Input, Output } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
 import { DiagramColorService } from '../../services/diagram-color.service';
 
 @Component({
     selector: 'diagram-lane',
     templateUrl: './diagram-lane.component.html'
 })
-export class DiagramLaneComponent {
+export class DiagramLaneComponent implements OnInit {
     @Input()
     lane: any;
 

ng2-components/ng2-activiti-diagrams/src/components/swimlanes/diagram-lanes.component.ts

@@ -15,13 +15,13 @@
  * limitations under the License.
  */
 
-import { Component, ElementRef, EventEmitter, Input, Output } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
 
 @Component({
     selector: 'diagram-lanes',
     templateUrl: './diagram-lanes.component.html'
 })
-export class DiagramLanesComponent {
+export class DiagramLanesComponent implements OnInit {
     @Input()
     lanes: any [];
 

ng2-components/ng2-activiti-diagrams/src/components/swimlanes/diagram-pool.component.ts

@@ -15,14 +15,14 @@
  * limitations under the License.
  */
 
-import { Component, ElementRef, EventEmitter, Input, Output } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
 import { DiagramColorService } from '../../services/diagram-color.service';
 
 @Component({
     selector: 'diagram-pool',
     templateUrl: './diagram-pool.component.html'
 })
-export class DiagramPoolComponent {
+export class DiagramPoolComponent implements OnInit {
     @Input()
     pool: any;
 

ng2-components/ng2-activiti-diagrams/src/components/swimlanes/diagram-pools.component.ts

@@ -15,13 +15,13 @@
  * limitations under the License.
  */
 
-import { Component, ElementRef, EventEmitter, Input, Output } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, OnInit, Output } from '@angular/core';
 
 @Component({
     selector: 'diagram-pools',
     templateUrl: './diagram-pools.component.html'
 })
-export class DiagramPoolsComponent {
+export class DiagramPoolsComponent implements OnInit {
     @Input()
     pools: any [];
 

ng2-components/ng2-activiti-diagrams/src/components/tooltip/diagram-tooltip.component.spec.ts

@@ -18,7 +18,7 @@
 import { Component } from '@angular/core';
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
-import { DiagramTooltip } from './diagram-tooltip.component';
+import { DiagramTooltipComponent } from './diagram-tooltip.component';
 
 @Component({
     template: `
@@ -31,23 +31,23 @@ class TestHostComponent {
     };
 }
 
-describe('DiagramTooltip', () => {
+describe('DiagramTooltipComponent', () => {
 
     describe('Template', () => {
 
-        let fixture: ComponentFixture<DiagramTooltip>;
-        let component: DiagramTooltip;
+        let fixture: ComponentFixture<DiagramTooltipComponent>;
+        let component: DiagramTooltipComponent;
         let data;
 
         beforeEach(async(() => {
             TestBed.configureTestingModule({
-                declarations: [ DiagramTooltip ],
+                declarations: [ DiagramTooltipComponent ],
                 providers: []
             }).compileComponents();
         }));
 
         beforeEach(() => {
-            fixture = TestBed.createComponent(DiagramTooltip);
+            fixture = TestBed.createComponent(DiagramTooltipComponent);
             component = fixture.componentInstance;
             data = {
                 type: 'awesome-diagram-element',
@@ -117,7 +117,7 @@ describe('DiagramTooltip', () => {
 
         beforeEach(async(() => {
             TestBed.configureTestingModule({
-                declarations: [ DiagramTooltip, TestHostComponent ]
+                declarations: [ DiagramTooltipComponent, TestHostComponent ]
             }).compileComponents();
         }));
 

ng2-components/ng2-activiti-diagrams/src/components/tooltip/diagram-tooltip.component.ts

@@ -24,7 +24,7 @@ const IS_ACTIVE_CLASS = 'is-active';
     templateUrl: './diagram-tooltip.component.html',
     styleUrls: ['./diagram-tooltip.component.scss']
 })
-export class DiagramTooltip implements AfterViewInit, OnDestroy {
+export class DiagramTooltipComponent implements AfterViewInit, OnDestroy {
 
     private tooltipElement: any;
     private targetElement: any;

ng2-components/ng2-activiti-diagrams/tslint.json

@@ -1,4 +1,7 @@
 {
+    "rulesDirectory": [
+        "node_modules/codelyzer"
+    ],
     "rules": {
         "align": [
             true,
@@ -105,14 +108,50 @@
             "allow-leading-underscore",
             "ban-keywords"
         ],
+        "callable-types": true,
+        "import-blacklist": [
+            true,
+            "rxjs"
+        ],
+        "import-spacing": true,
+        "interface-over-type-literal": true,
+        "member-access": false,
+        "no-empty-interface": true,
+        "no-string-literal": false,
+        "no-string-throw": true,
+        "prefer-const": false,
+        "typeof-compare": true,
+        "unified-signatures": true,
         "whitespace": [
             true,
             "check-branch",
+            "check-decl",
             "check-operator",
             "check-separator",
-            "check-type",
-            "check-module",
-            "check-decl"
-        ]
+            "check-type"
+        ],
+        "directive-selector": [
+            true,
+            "attribute",
+            "app",
+            "camelCase"
+        ],
+        "component-selector": [
+            true,
+            "element",
+            "app",
+            "kebab-case"
+        ],
+        "ordered-imports": true,
+        "use-input-property-decorator": true,
+        "use-output-property-decorator": true,
+        "use-host-property-decorator": true,
+        "use-life-cycle-interface": true,
+        "use-pipe-transform-interface": true,
+        "component-class-suffix": true,
+        "directive-class-suffix": true,
+        "no-access-missing-member": false,
+        "templates-use-public": true,
+        "invoke-injectable": true
     }
 }