moved graphs component to lib

projects/nls-guilloche/src/lib/components/graphs.component.ts

@@ -21,22 +21,21 @@ import * as Shape from 'd3-shape';
 import * as Random from 'd3-random';
 import * as Drag from 'd3-drag';
 
-import { environment as env } from '../../environments/environment';
+import { Graph } from './../models/graph.model';
-import { Graph } from './../../../projects/nls-guilloche/src/lib/models/graph.model';
+import { Config } from './../models/config.model';
-import { Config } from './../../../projects/nls-guilloche/src/lib/models/config.model';
+import { Point } from './../models/point.model';
-import { Point } from './../../../projects/nls-guilloche/src/lib/models/point.model';
+import { NlsCanvasService } from './../services/canvas.service';
-import { NlsCanvasService } from './../../../projects/nls-guilloche/src/lib/services/canvas.service';
+import { NlsHistoryService } from './../services/history.service';
-import { NlsHistoryService } from './../../../projects/nls-guilloche/src/lib/services/history.service';
+import { NlsMathService } from './../services/math.service';
-import { NlsMathService } from './../../../projects/nls-guilloche/src/lib/services/math.service';
+import { NlsGuillocheDirective } from './../directives/guilloche.directive';
-import { NlsGuillocheDirective } from './../../../projects/nls-guilloche/src/lib/directives/guilloche.directive';
+import { NlsGraphService } from './../services/graph.service';
-import { NlsGraphService } from './../../../projects/nls-guilloche/src/lib/services/graph.service';
 
 @Component({
-  selector: 'app-graphs',
+  selector: 'nls-graphs',
   templateUrl: './graphs.component.html',
   styleUrls: ['./graphs.component.scss']
 })
-export class GraphsComponent implements OnChanges, OnInit {
+export class NlsGraphsComponent implements OnChanges, OnInit {
 
   public canvas: any | null;
   public matrix: any | null;

src/app/app.component.html

@@ -1,4 +1,4 @@
-<app-graphs [config]="config" [restoredHistory]="restoredHistory" (svgChange)="prepareSvgExport($event)" [animation]="animationActive"></app-graphs>
+<nls-graphs [config]="config" [restoredHistory]="restoredHistory" (svgChange)="prepareSvgExport($event)" [animation]="animationActive"></nls-graphs>
 
 <aside class="col-sm-4 col-lg-3 col-xl-3">
   <div class="aside-inner">

src/app/app.module.ts

@@ -21,7 +21,7 @@ import { ReactiveFormsModule, FormsModule } from '@angular/forms';
 import { MomentModule } from 'ngx-moment';
 
 import { AppComponent } from './app.component';
-import { GraphsComponent } from './components/graphs.component';
+import { NlsGraphsComponent } from './../../projects/nls-guilloche/src/lib/components/graphs.component';
 import { NlsGuillocheDirective } from './../../projects/nls-guilloche/src/lib/directives/guilloche.directive';
 import { NlsCanvasService } from './../../projects/nls-guilloche/src/lib/services/canvas.service';
 import { NlsHistoryService } from './../../projects/nls-guilloche/src/lib/services/history.service';
@@ -32,12 +32,11 @@ import { NlsGraphService } from './../../projects/nls-guilloche/src/lib/services
 @NgModule({
   declarations: [
     AppComponent,
-    GraphsComponent,
+    NlsGraphsComponent,
     NlsGuillocheDirective
   ],
   imports: [
     BrowserModule,
-    // BrowserAnimationsModule,
     ReactiveFormsModule,
     FormsModule,
     MomentModule,