From 067a847716cfea6c7dcf52859b58086fc3e72907 Mon Sep 17 00:00:00 2001
From: Roman Hotsiy <gotsijroman@gmail.com>
Date: Fri, 6 Jan 2017 13:14:47 +0200
Subject: [PATCH] Bring back side-menu animations

---
 lib/components/SideMenu/side-menu-items.html |  2 +-
 lib/components/SideMenu/side-menu.ts         | 26 ++++++++++----------
 2 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/lib/components/SideMenu/side-menu-items.html b/lib/components/SideMenu/side-menu-items.html
index 1bf32953..0db93069 100644
--- a/lib/components/SideMenu/side-menu-items.html
+++ b/lib/components/SideMenu/side-menu-items.html
@@ -1,7 +1,7 @@
 <li *ngFor="let item of items; let idx = index" class="menu-item"
   ngClass="menu-item-depth-{{item.depth}} {{item.active ? 'active' : ''}} menu-item-for-{{item.metadata?.type}}">
   <label class="menu-item-header" [ngClass]="{disabled: !item.ready}" (click)="activateItem(item)"> {{item.name}}</label>
-  <ul *ngIf="item.items" class="menu-subitems">
+  <ul *ngIf="item.items" class="menu-subitems" [@itemAnimation]="(item.active || item.isGroup) ? 'expanded' : 'collapsed'">
     <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 397e5d26..27d30c1c 100644
--- a/lib/components/SideMenu/side-menu.ts
+++ b/lib/components/SideMenu/side-menu.ts
@@ -13,7 +13,18 @@ const global = window;
 @Component({
   selector: 'side-menu-items',
   templateUrl: './side-menu-items.html',
-  styleUrls: ['./side-menu-items.css']
+  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[];
@@ -27,18 +38,7 @@ export class SideMenuItems {
 @Component({
   selector: 'side-menu',
   templateUrl: './side-menu.html',
-  styleUrls: ['./side-menu.css'],
-  animations: [
-    // trigger('itemAnimation', [
-    //   state('collapsed, void',
-    //     style({ height: '0px' })),
-    //   state('expanded',
-    //     style({ height: '*' })),
-    //   transition('collapsed <=> expanded', [
-    //     animate('200ms ease')
-    //   ])
-    // ])
-  ],
+  styleUrls: ['./side-menu.css']
 })
 export class SideMenu extends BaseComponent implements OnInit, OnDestroy {
   activeCatCaption: string;