chore: formatting

package.json

@@ -7,9 +7,9 @@
     "start": "ng serve",
     "build": "ts-node build.ts",
     "build-data": "ts-node scripts/build-data.ts",
-    "test": "ng test --single-run --browsers=ChromeCI",
+    "test": "ng test ---watch=false --browsers=ChromeCI",
     "test:watch": "ng test --browsers=ChromeCI",
-    "test:ci": "ng test --single-run --code-coverage --no-progress --browsers=ChromeCI",
+    "test:ci": "ng test --watch=false --code-coverage --no-progress --browsers=ChromeCI",
     "lint": "ng lint ngx-emoji-mart --type-check --format stylish",
     "lint:fix": "ng lint ngx-emoji-mart --type-check --fix --format stylish",
     "ghpages": "ng build --prod --no-progress --baseHref='/ngx-emoji-mart/'",

src/lib/picker/emoji-search.service.ts

@@ -1,15 +1,19 @@
 import { Injectable } from '@angular/core';
 
-import { categories, EmojiData, EmojiService } from '@ctrl/ngx-emoji-mart/ngx-emoji';
+import {
+  categories,
+  EmojiData,
+  EmojiService,
+} from '@ctrl/ngx-emoji-mart/ngx-emoji';
 import { intersect } from './utils';
 
 @Injectable()
 export class EmojiSearch {
   originalPool: any = {};
   index: {
-    results?: EmojiData[],
-    pool?: { [key: string]: EmojiData },
-    [key: string]: any,
+    results?: EmojiData[];
+    pool?: { [key: string]: EmojiData };
+    [key: string]: any;
   } = {};
   emojisList: any = {};
   emoticonsList: { [key: string]: string } = {};
@@ -83,8 +87,8 @@ export class EmojiSearch {
             return;
           }
 
-          category.emojis!.forEach(emojiId =>
-            pool[emojiId] = this.emojiService.names[emojiId],
+          category.emojis!.forEach(
+            emojiId => (pool[emojiId] = this.emojiService.names[emojiId]),
           );
         });
 
@@ -114,7 +118,7 @@ export class EmojiSearch {
             aIndex = aIndex[char];
 
             if (!aIndex.results) {
-              const scores: {[key: string]: number} = {};
+              const scores: { [key: string]: number } = {};
 
               aIndex.results = [];
               aIndex.pool = {};

src/lib/picker/preview.component.ts

@@ -77,7 +77,7 @@ export class PreviewComponent implements OnChanges {
   @Input() emojiSheetSize: any;
   @Input() emojiBackgroundImageFn: any;
   @Output() skinChange = new EventEmitter<number>();
-  emojiData?: EmojiData;
+  emojiData: Partial<EmojiData> = {};
   listedEmoticons?: string[];
 
   constructor(

src/lib/picker/skins.component.ts

@@ -11,17 +11,13 @@ import { Emoji } from '@ctrl/ngx-emoji-mart/ngx-emoji';
 @Component({
   selector: 'emoji-skins',
   template: `
-  <div>
-    <div class="emoji-mart-skin-swatches" [class.emoji-mart-skin-swatches-opened]="opened">
-      <span *ngFor="let skinTone of skinTones"
-        class="emoji-mart-skin-swatch"
-        [class.emoji-mart-skin-swatch-selected]="skinTone === skin"
-        >
-          <span (click)="this.handleClick(skinTone)"
-            class="emoji-mart-skin emoji-mart-skin-tone-{{ skinTone }}"
-          ></span>
-        </span>
-    </div>
+  <div class="emoji-mart-skin-swatches" [class.emoji-mart-skin-swatches-opened]="opened">
+    <span *ngFor="let skinTone of skinTones" class="emoji-mart-skin-swatch"
+      [class.emoji-mart-skin-swatch-selected]="skinTone === skin">
+        <span (click)="this.handleClick(skinTone)"
+          class="emoji-mart-skin emoji-mart-skin-tone-{{ skinTone }}"
+        ></span>
+      </span>
   </div>
   `,
   changeDetection: ChangeDetectionStrategy.OnPush,

src/tsconfig.spec.json

@@ -11,8 +11,7 @@
       "@ctrl/ngx-emoji-mart/ngx-emoji": ["./lib/emoji/public_api"]
     }
   },
-  "files": ["test.ts"  "polyfills.ts"
-  ,],
+  "files": ["test.ts",  "polyfills.ts"],
   "include": ["**/*.spec.ts", "**/*.d.ts"],
   "angularCompilerOptions": {
     "preserveWhitespaces": false,