Exposed as module

README.md

@@ -18,17 +18,14 @@ $ npm install --save ng2-fittext
 
 ### Usage
 
-Import it in your Angular2 project like a directive
+Import it in your Angular2 project like a module
 
 1) Declare it in your module
     ```sh
-    import {FittextDirective} from "ng2-fittext/ng2-fittext";
+    import {Ng2FittextModule} from "ng2-fittext/ng2-fittext";
     @NgModule({
       imports: [
-        ...
+        Ng2FittextModule
-      ],
-      declarations: [
-        FittextDirective
       ]
     })
     
@@ -41,7 +38,7 @@ Import it in your Angular2 project like a directive
     @Component({
       selector: 'label',
       template: `<div #container>
-                    <div [fittext]="true" [onResize]="true" [container]="container">Bla bla bla...</div>
+                    <div [fittext]="true" [activateOnResize]="true" [container]="container">Bla bla bla...</div>
                 </div>`
     })
     
@@ -55,7 +52,7 @@ Import it in your Angular2 project like a directive
   | --- | --- | --- |
   | fittext | is the selector of the directive | true/false
   | container | the container to fit | ElementRef
-  | onResize | enable/disable the autofit in case of window resize | true or false (default false)
+  | activateOnResize | enable/disable the autofit in case of window resize | true or false (default false)
 
 
 

index.ts

@@ -1 +1 @@
-export {FittextDirective} from './src/fittext.directive';
+export {Ng2FittextModule} from './src/ng2fittext.module';

ng2-fittext.ts

@@ -1 +0,0 @@
-export {FittextDirective} from './src/fittext.directive';

ng2fittext.ts

@@ -0,0 +1 @@
+export {Ng2FittextModule} from './src/ng2fittext.module';

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ng2-fittext",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "description": "An Angular2 directive for autoscale the font size of an element to fit an upper level container.",
   "main": "index.js",
   "scripts": {

src/ng2fittext.directive.ts

@@ -3,11 +3,11 @@ import {Directive, ElementRef, Renderer, Input, AfterViewInit, HostListener} fro
 @Directive({
   selector: '[fittext]'
 })
-export class FittextDirective implements AfterViewInit {
+export class Ng2FittextDirective implements AfterViewInit {
 
   @Input('fittext') fittext: any;
   @Input('container') container: any;
-  @Input('onResize') activateOnResize: boolean;
+  @Input('activateOnResize') activateOnResize: boolean;
   public fontSize:number = 0;
   public speed:number = 1.05;
 

src/ng2fittext.module.ts

@@ -0,0 +1,11 @@
+import { NgModule } from '@angular/core';
+import { Ng2FittextDirective } from "./ng2fittext.directive";
+
+@NgModule({
+  declarations: [
+      Ng2FittextDirective
+  ],
+  exports: [Ng2FittextDirective]
+})
+
+export class Ng2FittextModule {};

tsconfig.json

@@ -12,8 +12,8 @@
     "skipLibCheck": true
   },
   "files": [
-    "ng2-fittext.ts",
+    "ng2fittext.ts",
-    "ng2-fittext.d.ts",
+    "ng2fittext.d.ts",
     "index.ts"
   ]
 }