Create feature modules for each spinner component. Change main export…

… file

README.md

@@ -16,18 +16,20 @@ OR
 ## Usage
 Example 
 
-``` angular
- <app-atom-spinner
-   [animationDuration]="1000"
-   [size]="60"
-   [color]="'#ff1d5e'"
-  ></app-atom-spinner>
-  
-  import {AtomSpinnerComponent} from 'angular-epic-spinners'
+Import each spinners' module into your module file and use the spinner component anywhere. 
+
+``` angular  
+  import {AtomSpinnerModule} from 'angular-epic-spinners'
   
   @NgModule({
-    declarations: [AtomSpinnerComponent]
+    imports: [AtomSpinnerModule]
   })
+  
+  <app-atom-spinner
+     [animationDuration]="1000"
+     [size]="60"
+     [color]="'#ff1d5e'"
+    ></app-atom-spinner>
 ```
 
 ## Components list

ng-package.json

@@ -0,0 +1,6 @@
+{
+  "$schema": "./node_modules/ng-packagr/ng-package.schema.json",
+  "lib": {
+    "entryFile": "public_api.ts"
+  }
+}

package.json

@@ -1,14 +1,15 @@
 {
   "name": "angular-epic-spinners",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "license": "MIT",
   "scripts": {
     "ng": "ng",
     "start": "ng serve",
     "build": "ng build --prod",
     "test": "ng test",
     "lint": "ng lint",
-    "e2e": "ng e2e"
+    "e2e": "ng e2e",
+    "packagr": "ng-packagr -p ng-package.json"
   },
   "author": {
     "name": "Richard Afro",
@@ -20,25 +21,23 @@
     "@angular/core": "^5.0.0"
   },
   "devDependencies": {
+    "@angular/animations": "^5.0.0",
     "@angular/cli": "1.6.1",
+    "@angular/common": "^5.0.0",
+    "@angular/compiler": "^5.0.0",
     "@angular/compiler-cli": "^5.0.0",
+    "@angular/forms": "^5.0.0",
+    "@angular/http": "^5.0.0",
     "@angular/language-service": "^5.0.0",
+    "@angular/platform-browser": "^5.0.0",
     "@angular/platform-browser-dynamic": "^5.0.0",
     "@angular/router": "^5.0.0",
-    "@angular/forms": "^5.0.0",
-    "@angular/animations": "^5.0.0",
-    "@angular/platform-browser": "^5.0.0",
-    "@angular/common": "^5.0.0",
-    "@angular/compiler": "^5.0.0",
-    "@angular/http": "^5.0.0",
-    "concurrently": "^3.5.1",
-    "core-js": "^2.4.1",
-    "rxjs": "^5.5.2",
-    "zone.js": "^0.8.14",
     "@types/jasmine": "~2.5.53",
     "@types/jasminewd2": "~2.0.2",
     "@types/node": "~6.0.60",
     "codelyzer": "^4.0.1",
+    "concurrently": "^3.5.1",
+    "core-js": "^2.4.1",
     "jasmine-core": "~2.6.2",
     "jasmine-spec-reporter": "~4.1.0",
     "karma": "~1.7.0",
@@ -47,9 +46,12 @@
     "karma-coverage-istanbul-reporter": "^1.2.1",
     "karma-jasmine": "~1.1.0",
     "karma-jasmine-html-reporter": "^0.2.2",
+    "ng-packagr": "^1.6.0",
     "protractor": "~5.1.2",
+    "rxjs": "^5.5.2",
     "ts-node": "~3.2.0",
     "tslint": "~5.7.0",
-    "typescript": "~2.4.2"
+    "typescript": "~2.4.2",
+    "zone.js": "^0.8.14"
   }
 }

public_api.ts

@@ -0,0 +1,20 @@
+export * from './src/app/atom-spinner/atom-spinner.module';
+export * from './src/app/breeding-rhombus-spinner/breeding-rhombus-spinner.module';
+export * from './src/app/circles-to-rhumbuses-spinner/circles-to-rhumbuses-spinner.module';
+export * from './src/app/fingerprint-spinner/fingerprint-spinner.module';
+export * from './src/app/fulfilling-bouncing-circle-spinner/fulfilling-bouncing-circle-spinner.module';
+export * from './src/app/flower-spinner/flower-spinner.module';
+export * from './src/app/fulfilling-square-spinner/fulfilling-square-spinner.module';
+export * from './src/app/half-circle-spinner/half-circle-spinner.module';
+export * from './src/app/hollow-dots-spinner/hollow-dots-spinner.module';
+export * from './src/app/intersecting-circles-spinner/intersecting-circles-spinner.module';
+export * from './src/app/looping-rhombuses-spinner/looping-rhumbuses-spinner.module';
+export * from './src/app/orbit-spinner/orbit-spinner.module';
+export * from './src/app/pixel-spinner/pixel-spinner.module';
+export * from './src/app/radar-spinner/radar-spinner.module';
+export * from './src/app/scaling-squares-spinner/scaling-squares-spinner.module';
+export * from './src/app/self-building-square-spinner/self-building-square-spinner.module';
+export * from './src/app/semipolar-spinner/semipolar-spinner.module';
+export * from './src/app/spring-spinner/spring-spinner.module';
+export * from './src/app/swapping-squares-spinner/swapping-squares-spinner.module';
+export * from './src/app/trinity-rings-spinner/trinity-rings-spinner.module';

src/app/app.module.ts

@@ -6,7 +6,7 @@ import {AppComponent} from './app.component';
 import {AtomSpinnerComponent} from './atom-spinner/atom-spinner.component';
 import {CirclesToRhumbusesSpinnerComponent} from './circles-to-rhumbuses-spinner/circles-to-rhumbuses-spinner.component';
 import {FulfillingBouncingCircleSpinnerComponent} from './fulfilling-bouncing-circle-spinner/fulfilling-bouncing-circle-spinner.component';
-import {LoopingRhombusesSpinnerComponent} from './looping-rhombuses-spinner/looping-rhombuses-spinner.component';
+import {LoopingRhombusesSpinnerComponent} from './looping-rhombuses-spinner/looping-rhumbuses-spinner.component';
 import {SemipolarSpinnerComponent} from './semipolar-spinner/semipolar-spinner.component';
 import {FingerprintSpinnerComponent} from './fingerprint-spinner/fingerprint-spinner.component';
 import {FlowerSpinnerComponent} from './flower-spinner/flower-spinner.component';

src/app/atom-spinner/atom-spinner.module.ts

@@ -0,0 +1,13 @@
+import {NgModule} from '@angular/core';
+
+import {AtomSpinnerComponent} from './atom-spinner.component';
+import {CommonModule} from '@angular/common';
+
+@NgModule({
+  imports: [CommonModule],
+  exports: [AtomSpinnerComponent],
+  declarations: [AtomSpinnerComponent],
+  providers: [],
+})
+export class AtomSpinnerModule {
+}

src/app/breeding-rhombus-spinner/breeding-rhombus-spinner.module.ts

@@ -0,0 +1,12 @@
+import {NgModule} from '@angular/core';
+
+import {BreedingRhombusSpinnerComponent} from './breeding-rhombus-spinner.component';
+
+@NgModule({
+  imports: [],
+  exports: [BreedingRhombusSpinnerComponent],
+  declarations: [BreedingRhombusSpinnerComponent],
+  providers: [],
+})
+export class BreedingRhombusSpinnerModule {
+}

src/app/circles-to-rhumbuses-spinner/circles-to-rhumbuses-spinner.module.ts

@@ -0,0 +1,12 @@
+import {NgModule} from '@angular/core';
+
+import {CirclesToRhumbusesSpinnerComponent} from './circles-to-rhumbuses-spinner.component';
+
+@NgModule({
+  imports: [],
+  exports: [CirclesToRhumbusesSpinnerComponent],
+  declarations: [CirclesToRhumbusesSpinnerComponent],
+  providers: [],
+})
+export class CirclesToRhumbusesSpinnerModule {
+}

src/app/fingerprint-spinner/fingerprint-spinner.module.ts

@@ -0,0 +1,12 @@
+import {NgModule} from '@angular/core';
+
+import {FingerprintSpinnerComponent} from './fingerprint-spinner.component';
+
+@NgModule({
+  imports: [],
+  exports: [FingerprintSpinnerComponent],
+  declarations: [FingerprintSpinnerComponent],
+  providers: [],
+})
+export class FingerprintSpinnerComponentModule {
+}

src/app/flower-spinner/flower-spinner.module.ts

@@ -0,0 +1,12 @@
+import {NgModule} from '@angular/core';
+
+import {FlowerSpinnerComponent} from './flower-spinner.component';
+
+@NgModule({
+  imports: [],
+  exports: [FlowerSpinnerComponent],
+  declarations: [FlowerSpinnerComponent],
+  providers: [],
+})
+export class FlowerSpinnerModule {
+}

src/app/fulfilling-bouncing-circle-spinner/fulfilling-bouncing-circle-spinner.module.ts

@@ -0,0 +1,12 @@
+import {NgModule} from '@angular/core';
+
+import {FulfillingBouncingCircleSpinnerComponent} from './fulfilling-bouncing-circle-spinner.component';
+
+@NgModule({
+  imports: [],
+  exports: [FulfillingBouncingCircleSpinnerComponent],
+  declarations: [FulfillingBouncingCircleSpinnerComponent],
+  providers: [],
+})
+export class FulfillingBouncingCircleSpinnerModule {
+}

src/app/fulfilling-square-spinner/fulfilling-square-spinner.module.ts

@@ -0,0 +1,12 @@
+import {NgModule} from '@angular/core';
+
+import {FulfillingSquareSpinnerComponent} from './fulfilling-square-spinner.component';
+
+@NgModule({
+  imports: [],
+  exports: [FulfillingSquareSpinnerComponent],
+  declarations: [FulfillingSquareSpinnerComponent],
+  providers: [],
+})
+export class FulfillingSquareSpinnerModule {
+}

src/app/half-circle-spinner/half-circle-spinner.module.ts

@@ -0,0 +1,12 @@
+import {NgModule} from '@angular/core';
+
+import {HalfCircleSpinnerComponent} from './half-circle-spinner.component';
+
+@NgModule({
+  imports: [],
+  exports: [HalfCircleSpinnerComponent],
+  declarations: [HalfCircleSpinnerComponent],
+  providers: [],
+})
+export class HalfCircleSpinnerModule {
+}

src/app/hollow-dots-spinner/hollow-dots-spinner.module.ts

@@ -0,0 +1,12 @@
+import {NgModule} from '@angular/core';
+
+import {HollowDotsSpinnerComponent} from './hollow-dots-spinner.component';
+
+@NgModule({
+  imports: [],
+  exports: [HollowDotsSpinnerComponent],
+  declarations: [HollowDotsSpinnerComponent],
+  providers: [],
+})
+export class HollowDotsSpinnerModule {
+}

src/app/intersecting-circles-spinner/intersecting-circles-spinner.module.ts

@@ -0,0 +1,12 @@
+import {NgModule} from '@angular/core';
+
+import {IntersectingCirclesSpinnerComponent} from './intersecting-circles-spinner.component';
+
+@NgModule({
+  imports: [],
+  exports: [IntersectingCirclesSpinnerComponent],
+  declarations: [IntersectingCirclesSpinnerComponent],
+  providers: [],
+})
+export class IntersectingCirclesSpinnerModule {
+}

src/app/looping-rhombuses-spinner/looping-rhombuses-spinner.component.spec.ts

@@ -1,6 +1,6 @@
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { LoopingRhombusesSpinnerComponent } from './looping-rhombuses-spinner.component';
+import { LoopingRhombusesSpinnerComponent } from './looping-rhumbuses-spinner.component';
 
 describe('LoopingRhombusesSpinnerComponent', () => {
   let component: LoopingRhombusesSpinnerComponent;

src/app/looping-rhombuses-spinner/looping-rhombuses-spinner.component.ts → src/app/looping-rhombuses-spinner/looping-rhumbuses-spinner.component.ts

@@ -12,7 +12,7 @@ import {Component, Input, OnInit} from '@angular/core';
   `,
   styleUrls: ['./looping-rhombuses-spinner.component.css']
 })
-export class LoopingRhombusesSpinnerComponent implements OnInit {
+export class LoopingRhumbusesSpinnerComponent implements OnInit {
 
   constructor() {
   }

src/app/looping-rhombuses-spinner/looping-rhumbuses-spinner.module.ts

@@ -0,0 +1,12 @@
+import {NgModule} from '@angular/core';
+
+import {LoopingRhumbusesSpinnerComponent} from './looping-rhumbuses-spinner.component';
+
+@NgModule({
+  imports: [],
+  exports: [LoopingRhumbusesSpinnerComponent],
+  declarations: [LoopingRhumbusesSpinnerComponent],
+  providers: [],
+})
+export class LoopingRhumbusesSpinnerModule {
+}

src/app/orbit-spinner/orbit-spinner.module.ts

@@ -0,0 +1,12 @@
+import {NgModule} from '@angular/core';
+
+import {OrbitSpinnerComponent} from './orbit-spinner.component';
+
+@NgModule({
+  imports: [],
+  exports: [OrbitSpinnerComponent],
+  declarations: [OrbitSpinnerComponent],
+  providers: [],
+})
+export class OrbitSpinnerModule {
+}

src/app/pixel-spinner/pixel-spinner.module.ts

@@ -0,0 +1,12 @@
+import {NgModule} from '@angular/core';
+
+import {PixelSpinnerComponent} from './pixel-spinner.component';
+
+@NgModule({
+  imports: [],
+  exports: [PixelSpinnerComponent],
+  declarations: [PixelSpinnerComponent],
+  providers: [],
+})
+export class PixelSpinnerModule {
+}

src/app/radar-spinner/radar-spinner.module.ts

@@ -0,0 +1,12 @@
+import {NgModule} from '@angular/core';
+
+import {RadarSpinnerComponent} from './radar-spinner.component';
+
+@NgModule({
+  imports: [],
+  exports: [],
+  declarations: [RadarSpinnerComponent],
+  providers: [],
+})
+export class RadarSpinnerModule {
+}

src/app/scaling-squares-spinner/scaling-squares-spinner.module.ts

@@ -0,0 +1,12 @@
+import {NgModule} from '@angular/core';
+
+import {ScalingSquaresSpinnerComponent} from './scaling-squares-spinner.component';
+
+@NgModule({
+  imports: [],
+  exports: [ScalingSquaresSpinnerComponent],
+  declarations: [ScalingSquaresSpinnerComponent],
+  providers: [],
+})
+export class ScalingSquaresSpinnerModule {
+}

src/app/self-building-square-spinner/self-building-square-spinner.module.ts

@@ -0,0 +1,12 @@
+import {NgModule} from '@angular/core';
+
+import {SelfBuildingSquareSpinnerComponent} from './self-building-square-spinner.component';
+
+@NgModule({
+  imports: [],
+  exports: [SelfBuildingSquareSpinnerComponent],
+  declarations: [SelfBuildingSquareSpinnerComponent],
+  providers: [],
+})
+export class SelfBuildingSquareSpinnerModule {
+}

src/app/semipolar-spinner/semipolar-spinner.module.ts

@@ -0,0 +1,12 @@
+import {NgModule} from '@angular/core';
+
+import {SemipolarSpinnerComponent} from './semipolar-spinner.component';
+
+@NgModule({
+  imports: [],
+  exports: [SemipolarSpinnerComponent],
+  declarations: [SemipolarSpinnerComponent],
+  providers: [],
+})
+export class SemipolarSpinnerModule {
+}