chore(): updating demo and version bump

Author: chrum

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-autosize-app",
-  "version": "1.8.0-next",
+  "version": "1.8.0",
   "homepage": "https://chrum.it/pages/ngx-autosize",
   "description": "Directive that automatically adjusts textarea height to fit content",
   "repository": {

projects/autosize/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-autosize",
-  "version": "1.8.0-next",
+  "version": "1.8.0",
   "homepage": "https://chrum.it/pages/ngx-autosize",
   "description": "Directive that automatically adjusts textarea height to fit content",
   "repository": {

src/app/app.component.html

@@ -2,14 +2,16 @@
     <h3>Regular textarea
         <button (click)="changeNgModel()">Change</button>
     </h3>
-    <textarea [(ngModel)]="longText" autosize></textarea>
+    <textarea [(ngModel)]="longText"
+              (resized)="onResized($event)"
+              autosize></textarea>
 </div>
 
 <hr/>
 
 <div>
     <h3>Min rows <input [(ngModel)]="minRows"/></h3>
-    <textarea autosize [minRows]="minRows">Less than 3 rows of text but it should keep size </textarea>
+    <textarea autosize rows="1" [minRows]="minRows">1 row of text but it should keep size </textarea>
 </div>
 
 <hr/>

src/app/app.component.ts

@@ -22,7 +22,7 @@ Text area should come back to its original form :)
 export class AppComponent implements OnInit {
     public longText = longText;
     public resetableContent = resetExplanation;
-    public minRows = 3;
+    public minRows = 1;
     public maxRows = 4;
     public onlyGrow = true;
     public useImportant = true;
@@ -57,4 +57,8 @@ export class AppComponent implements OnInit {
     resetArbitraryExample() {
         this.resetableContent = resetExplanation;
     }
+
+    onResized(newHeight) {
+        console.log(newHeight);
+    }
 }