fixes #4 - remove BrowserAnimationModule import from component-module

README.md

@@ -34,7 +34,9 @@ import { NgMatSearchBarModule } from 'ng-mat-search-bar';
 })
 ```
 
-and you also need to add Material Icons webfont by adding
+Also make sure that in your _app.module.ts_ you import the `BrowserAnimationsModule`, otherwise the animations will not work!
+
+You also need to add Material Icons webfont by adding
 
 ```html
 <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ng-mat-search-bar",
-  "version": "3.0.1",
+  "version": "3.1.0",
   "license": "MIT",
   "scripts": {
     "build": "ng build",

src/app/app.module.ts

@@ -1,3 +1,4 @@
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { NgModule } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { BrowserModule } from '@angular/platform-browser';
@@ -7,7 +8,12 @@ import { NgMatSearchBarModule } from './ng-mat-search-bar/ng-mat-search-bar.modu
 
 @NgModule({
   declarations: [AppComponent],
-  imports: [BrowserModule, FormsModule, NgMatSearchBarModule],
+  imports: [
+    BrowserModule,
+    BrowserAnimationsModule,
+    FormsModule,
+    NgMatSearchBarModule
+  ],
   providers: [],
   bootstrap: [AppComponent]
 })

src/app/ng-mat-search-bar/ng-mat-search-bar.module.ts

@@ -6,13 +6,11 @@ import {
   MatInputModule,
   MatRippleModule
 } from '@angular/material';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 
 import { MatSearchBarComponent } from './mat-search-bar/mat-search-bar.component';
 
 @NgModule({
   imports: [
-    BrowserAnimationsModule,
     CommonModule,
     FormsModule,
     MatIconModule,