Remove global style from library component

+ Fix white space in filename input

Author: AXeL-dev

projects/ngx-diff2html/src/lib/ngx-diff2html.component.css

@@ -1,4 +1,4 @@
-import { Component, OnInit, Input, OnChanges, SimpleChanges, SimpleChange, ViewEncapsulation, Output, EventEmitter } from '@angular/core';
+import { Component, OnInit, Input, OnChanges, SimpleChanges, SimpleChange, Output, EventEmitter } from '@angular/core';
 import { NgxDiff2htmlService } from './ngx-diff2html.service';
 import { DiffFormat, DiffStyle } from './ngx-diff2html.model';
 
@@ -7,14 +7,13 @@ import { DiffFormat, DiffStyle } from './ngx-diff2html.model';
   template: `
     <div [innerHtml]="diffHTML"></div>
   `,
-  styleUrls: ['./ngx-diff2html.component.css'],
-  encapsulation: ViewEncapsulation.None
+  styles: []
 })
 export class NgxDiff2htmlComponent implements OnInit, OnChanges {
 
   @Input() private left: string;
   @Input() private right: string;
-  @Input() private filename: string = ' '; // cannot be null or empty
+  @Input() private filename: string = '';
   @Input() private format: DiffFormat = 'line-by-line';
   @Input() private style: DiffStyle = 'word';
   @Output() diffChange: EventEmitter<string> = new EventEmitter();

projects/ngx-diff2html/src/lib/ngx-diff2html.component.ts

@@ -36,7 +36,7 @@ export class NgxDiff2htmlService {
     const unifiedDiff = lines.join("\n");
     // console.info(unifiedDiff);
 
-    const strInput = "--- " + filename + "\n+++ " + filename + "\n" + unifiedDiff;
+    const strInput = "--- " + filename + " \n+++ " + filename + " \n" + unifiedDiff;
     const diff = decodeURIComponent(strInput);
     // console.info(diff);