Fix module packaging (#24)

* Removed index.ts files from library

It looks like Angular metadata resolver does not process them properly
and resolves symbols to undefined if they are coming from re-export. I
don't completely understand how it works, but after debugging this I
also checked https://github.com/angular/angular/tree/master/packages and
https://github.com/ng-bootstrap/ng-bootstrap/tree/master/src and none
seem to have index.ts files besides the main one.

* Replaced @component annotation with @Injectable() on the abstract class

If @component is present compiler attempts to handle this class as a real
component and fails because it was not added to the NgModule. What is
really needed is to force metadata collection on this class and it can
be achieved by putting some useless Angular decorator.

angular/angular#16566 (comment)

Author: devoto13

src/fontawesome.module.ts

@@ -1,8 +1,10 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 
-import { FaIconComponent } from './icon';
-import { FaLayersComponent, FaLayersTextComponent, FaLayersCounterComponent } from './layers';
+import { FaIconComponent } from './icon/icon.component';
+import { FaLayersComponent } from './layers/layers.component';
+import { FaLayersTextComponent } from './layers/layers-text.component';
+import { FaLayersCounterComponent } from './layers/layers-counter.component';
 
 @NgModule({
   imports: [CommonModule],

src/icon/icon.component.ts

@@ -22,9 +22,13 @@ import {
 } from '@fortawesome/fontawesome-svg-core';
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
 
-import { faNotFoundIconHtml, faWarnIfIconHtmlMissing, faWarnIfIconSpecMissing} from '../shared/errors';
-import { objectWithKey, faClassList, faNormalizeIconSpec } from '../shared/utils';
-import { FaProps } from '../shared/models';
+import { faNormalizeIconSpec } from '../shared/utils/normalize-icon-spec.util';
+import { FaProps } from '../shared/models/props.model';
+import { objectWithKey } from '../shared/utils/object-with-keys.util';
+import { faClassList } from '../shared/utils/classlist.util';
+import { faWarnIfIconHtmlMissing } from '../shared/errors/warn-if-icon-html-missing';
+import { faWarnIfIconSpecMissing } from '../shared/errors/warn-if-icon-spec-missing';
+import { faNotFoundIconHtml } from '../shared/errors/not-found-icon-html';
 
 /**
  * Fontawesome icon.

src/icon/index.ts

@@ -1,4 +1,6 @@
 export * from './fontawesome.module';
-export { FaProps } from './shared/models';
-export { FaIconComponent } from './icon';
-export { FaLayersComponent, FaLayersTextComponent } from './layers';
+export { FaProps } from './shared/models/props.model';
+export { FaIconComponent } from './icon/icon.component';
+export { FaLayersComponent } from './layers/layers.component';
+export { FaLayersTextComponent } from './layers/layers-text.component';
+export { FaLayersCounterComponent } from './layers/layers-counter.component';

src/index.ts

@@ -1,9 +1,9 @@
 import {
   Input,
   Inject,
+  Injectable,
   Optional,
   OnChanges,
-  Component,
   forwardRef,
   HostBinding,
   SimpleChanges
@@ -14,13 +14,11 @@ import {
   TextParams
 } from '@fortawesome/fontawesome-svg-core';
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
-import { faWarnIfParentNotExist } from '../shared/errors';
+
 import { FaLayersComponent } from './layers.component';
+import { faWarnIfParentNotExist } from '../shared/errors/warn-if-parent-not-exist';
 
-@Component({
-    selector: 'fa-layers-text-base',
-    template: ''
-})
+@Injectable()
 export abstract class FaLayersTextBaseComponent implements OnChanges {
 
   constructor(@Inject(forwardRef(() => FaLayersComponent)) @Optional() private parent: FaLayersComponent,

src/layers/index.ts

@@ -16,8 +16,9 @@ import {
 } from '@fortawesome/fontawesome-svg-core';
 import { FaLayersTextBaseComponent } from './layers-text-base.component';
 
-import { objectWithKey, faClassList } from '../shared/utils';
-import { FaProps } from '../shared/models';
+import { FaProps } from '../shared/models/props.model';
+import { objectWithKey } from '../shared/utils/object-with-keys.util';
+import { faClassList } from '../shared/utils/classlist.util';
 
 /**
  * Fontawesome layers text.

src/layers/layers-text-base.component.ts

@@ -2,7 +2,7 @@ import { Component, Type } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { faUser, faMobile } from '@fortawesome/free-solid-svg-icons';
 
-import { FaIconComponent } from '../icon';
+import { FaIconComponent } from '../icon/icon.component';
 import { FaLayersComponent } from './layers.component';
 import { FaLayersTextComponent } from './layers-text.component';
 

src/layers/layers-text.component.ts

@@ -1,4 +1,4 @@
-import { FaProps } from '../models';
+import { FaProps } from '../models/props.model';
 
 /**
  * Fontawesome class list.