[NAE-1684] Frontend component for data field caseRef

- add petriflow lib and petriflow canvas

Author: Kovy95

projects/netgrif-components/src/lib/data-fields/case-ref-field/case-ref-field.component.html

@@ -1 +1,3 @@
-ide
+<div class="outer">
+    <petriflow-svg-canvas class="canvas"></petriflow-svg-canvas>
+</div>

projects/netgrif-components/src/lib/data-fields/case-ref-field/case-ref-field.component.scss

@@ -0,0 +1,5 @@
+.outer {
+    display: flex;
+    min-height: 50%;
+    max-height: 100%;
+}

projects/netgrif-components/src/lib/data-fields/case-ref-field/case-ref-field.component.ts

@@ -1,15 +1,30 @@
-import {Component, Input} from '@angular/core';
+import {AfterViewInit, Component, Input} from '@angular/core';
 import {CaseRefField} from '@netgrif/components-core';
+import {
+    PetriflowCanvasConfigurationService,
+    PetriflowCanvasFactoryService,
+    PetriflowCanvasService
+} from '@netgrif/petriflow.svg';
 
 @Component({
   selector: 'nc-case-ref-field',
   templateUrl: './case-ref-field.component.html',
   styleUrls: ['./case-ref-field.component.scss']
 })
-export class CaseRefFieldComponent {
+export class CaseRefFieldComponent implements AfterViewInit{
 
     @Input() public dataField: CaseRefField;
 
-    constructor(){
+    constructor(private _petriflowCanvasService: PetriflowCanvasService, private _petriflowFactoryService: PetriflowCanvasFactoryService,
+                private _petriflowConfigService: PetriflowCanvasConfigurationService){
     }
+
+    ngAfterViewInit(): void {
+        const transition = this._petriflowFactoryService.createTransition(new DOMPoint(100, 100));
+        this._petriflowConfigService.addTransitionEvents(transition);
+
+        const place = this._petriflowFactoryService.createPlace(1, new DOMPoint(150, 100));
+        this._petriflowConfigService.addPlaceEvents(place);
+    }
+
 }

projects/netgrif-components/src/lib/data-fields/data-fields.module.ts

@@ -62,6 +62,7 @@ import { EasymdeWrapperComponent } from './text-field/rich-textarea-field/easymd
 import {BrowserModule} from '@angular/platform-browser';
 import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
 import { CaseRefFieldComponent } from './case-ref-field/case-ref-field.component';
+import {PetriflowCanvasModule} from '@netgrif/petriflow.svg';
 
 @NgModule({
     declarations: [
@@ -138,7 +139,8 @@ import { CaseRefFieldComponent } from './case-ref-field/case-ref-field.component
         MatProgressSpinnerModule,
         CurrencyModule,
         BrowserModule,
-        BrowserAnimationsModule
+        BrowserAnimationsModule,
+        PetriflowCanvasModule
     ],
     providers: [
         { provide: DateAdapter, useClass: CustomDateAdapter }