diff --git a/lib/core/info-drawer/info-drawer.module.ts b/lib/core/info-drawer/info-drawer.module.ts
index f6d7dfb3f8..9c42059a40 100644
--- a/lib/core/info-drawer/info-drawer.module.ts
+++ b/lib/core/info-drawer/info-drawer.module.ts
@@ -19,23 +19,26 @@ import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 import { MaterialModule } from '../material.module';
 
-import { InfoDrawerLayoutComponent } from './info-drawer-layout.component';
+import { InfoDrawerLayoutComponent, InfoDrawerTitleDirective, InfoDrawerButtonsDirective, InfoDrawerContentDirective } from './info-drawer-layout.component';
 import { InfoDrawerComponent, InfoDrawerTabComponent } from './info-drawer.component';
 
+export function declarations() {
+    return [
+        InfoDrawerLayoutComponent,
+        InfoDrawerTabComponent,
+        InfoDrawerComponent,
+        InfoDrawerTitleDirective,
+        InfoDrawerButtonsDirective,
+        InfoDrawerContentDirective
+    ];
+}
+
 @NgModule({
     imports: [
         CommonModule,
         MaterialModule
     ],
-    declarations: [
-        InfoDrawerLayoutComponent,
-        InfoDrawerTabComponent,
-        InfoDrawerComponent
-    ],
-    exports: [
-        InfoDrawerLayoutComponent,
-        InfoDrawerTabComponent,
-        InfoDrawerComponent
-    ]
+    declarations: declarations(),
+    exports: declarations()
 })
 export class InfoDrawerModule {}
diff --git a/lib/core/sidebar/sidebar-action.module.ts b/lib/core/sidebar/sidebar-action.module.ts
index 7750d0ac66..70dbd7ce8b 100644
--- a/lib/core/sidebar/sidebar-action.module.ts
+++ b/lib/core/sidebar/sidebar-action.module.ts
@@ -20,7 +20,16 @@ import { FlexLayoutModule } from '@angular/flex-layout';
 import { NgModule } from '@angular/core';
 import { MaterialModule } from '../material.module';
 
-import { SidebarActionMenuComponent } from './sidebar-action-menu.component';
+import { SidebarActionMenuComponent, SidebarMenuDirective, SidebarMenuExpandIconDirective, SidebarMenuTitleIconDirective } from './sidebar-action-menu.component';
+
+export function declarations() {
+    return [
+        SidebarActionMenuComponent,
+        SidebarMenuDirective,
+        SidebarMenuExpandIconDirective,
+        SidebarMenuTitleIconDirective
+    ];
+}
 
 @NgModule({
     imports: [
@@ -28,11 +37,7 @@ import { SidebarActionMenuComponent } from './sidebar-action-menu.component';
         MaterialModule,
         FlexLayoutModule
     ],
-    declarations: [
-        SidebarActionMenuComponent
-    ],
-    exports: [
-        SidebarActionMenuComponent
-    ]
+    declarations: declarations(),
+    exports: declarations()
 })
 export class SideBarActionModule {}