From 9ea672d9216e0c0befa2d8ccb5bcf42cfbca36cb Mon Sep 17 00:00:00 2001
From: Roman Hotsiy <gotsijroman@gmail.com>
Date: Sun, 30 Apr 2017 14:29:44 +0300
Subject: [PATCH] refactor: remove not-needed animations

---
 lib/app.module.ts                            |  3 +--
 lib/components/SideMenu/side-menu-items.html |  2 +-
 lib/components/SideMenu/side-menu.ts         | 11 -----------
 package.json                                 |  1 -
 tests/spec-bundle.js                         |  2 --
 5 files changed, 2 insertions(+), 17 deletions(-)

diff --git a/lib/app.module.ts b/lib/app.module.ts
index 5892f23c..37ee2c5a 100644
--- a/lib/app.module.ts
+++ b/lib/app.module.ts
@@ -1,12 +1,11 @@
 import { NgModule } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 
 import { RedocModule } from './redoc.module';
 import { Redoc } from './components/index';
 
 @NgModule({
-  imports: [ BrowserModule, BrowserAnimationsModule, RedocModule ],
+  imports: [ BrowserModule, RedocModule ],
   bootstrap: [ Redoc ],
   exports: [ Redoc ]
 })
diff --git a/lib/components/SideMenu/side-menu-items.html b/lib/components/SideMenu/side-menu-items.html
index dbbfbb59..8010e404 100644
--- a/lib/components/SideMenu/side-menu-items.html
+++ b/lib/components/SideMenu/side-menu-items.html
@@ -7,7 +7,7 @@
      <polygon points="17.3 8.3 12 13.6 6.7 8.3 5.3 9.7 12 16.4 18.7 9.7 "/>
    </svg>
   </label>
-  <ul *ngIf="item.items" class="menu-subitems" [@itemAnimation]="(item.active || item.isGroup) ? 'expanded' : 'collapsed'">
+  <ul *ngIf="item.items" class="menu-subitems">
     <side-menu-items [items]="item.items" (activate)="activateItem($event)"> </side-menu-items>
   </ul>
 </li>
diff --git a/lib/components/SideMenu/side-menu.ts b/lib/components/SideMenu/side-menu.ts
index 774e4465..c92b8424 100644
--- a/lib/components/SideMenu/side-menu.ts
+++ b/lib/components/SideMenu/side-menu.ts
@@ -22,17 +22,6 @@ const global = window;
   selector: 'side-menu-items',
   templateUrl: './side-menu-items.html',
   styleUrls: ['./side-menu-items.css'],
-  animations: [
-    trigger('itemAnimation', [
-      state('collapsed, void',
-        style({ height: '0px' })),
-      state('expanded',
-        style({ height: '*' })),
-      transition('collapsed <=> expanded', [
-        animate('200ms ease')
-      ])
-    ])
-  ]
 })
 export class SideMenuItems {
   @Input() items: MenuItem[];
diff --git a/package.json b/package.json
index d189fc0b..d6dd236a 100644
--- a/package.json
+++ b/package.json
@@ -50,7 +50,6 @@
   "author": "Roman Hotsiy",
   "license": "MIT",
   "devDependencies": {
-    "@angular/animations": "^4.0.0",
     "@angular/common": "^4.0.0",
     "@angular/compiler": "^4.0.0",
     "@angular/compiler-cli": "^4.0.0",
diff --git a/tests/spec-bundle.js b/tests/spec-bundle.js
index a7ef62d9..a3d61d46 100644
--- a/tests/spec-bundle.js
+++ b/tests/spec-bundle.js
@@ -23,7 +23,6 @@ var ErrorHandler = require('@angular/core').ErrorHandler;
 var forwardRef = require('@angular/core').forwardRef;
 var BrowserDynamicTestingModule = require('@angular/platform-browser-dynamic/testing').BrowserDynamicTestingModule;
 var platformBrowserDynamicTesting = require('@angular/platform-browser-dynamic/testing').platformBrowserDynamicTesting;
-var BrowserAnimationsModule = require('@angular/platform-browser/animations').BrowserAnimationsModule;
 var SpecManager = require('../lib/utils/spec-manager').SpecManager;
 var services = require('../lib/services/index');
 var REDOC_PIPES = require('../lib/utils/pipes').REDOC_PIPES;
@@ -39,7 +38,6 @@ TestBed.initTestEnvironment(
 
 beforeEach(function() {
   TestBed.configureTestingModule({
-    imports: [BrowserAnimationsModule],
     providers: [
       SpecManager,
       services.AppStateService,