ing

src/app/app.module.ts

@@ -23,7 +23,7 @@ import { AppRoutingModule } from './app-routing.module';
 import { AppStoreModule } from './app-store.module';
 import { AppL10NModule } from './app-l10n.module';
 
-import { MaterialModule } from './commons/ui/material/material.module';
+import { MaterialModule } from 'packages/commons/material/material.module';
 
 import { AppComponent } from './app.component';
 

src/app/commons/component/layouts.module.ts

@@ -1,33 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { SidebarComponent } from './sidebar/sidebar.component';
-import { HeaderComponent } from './header/header.component';
-import { FooterComponent } from './footer/footer.component';
-import { MenuItemComponent } from './menu-item/menu-item.component';
-import { SubMenubarComponent } from './sub-menubar/sub-menubar.component';
-import { FlexLayoutModule } from '@angular/flex-layout';
-import { InfoTableComponent } from './info-table/info-table.component';
-import { SensorSummaryComponent } from './sensor-summary/sensor-summary.component';
-import { SensorItemFilterComponent } from './sensor-item-filter/sensor-item-filter.component';
-import { HostSummaryCardComponent } from './host-summary-card/host-summary-card.component';
-import { AppSummaryCardComponent } from './app-summary-card/app-summary-card.component';
-
-@NgModule({
-  imports: [
-    CommonModule,
-    FlexLayoutModule
-  ],
-  declarations: [
-    SidebarComponent,
-    HeaderComponent,
-    FooterComponent,
-    MenuItemComponent,
-    SubMenubarComponent,
-    InfoTableComponent,
-    SensorSummaryComponent,
-    SensorItemFilterComponent,
-    HostSummaryCardComponent,
-    AppSummaryCardComponent
-  ]
-})
-export class LayoutsModule { }

src/app/pages/alert/alert-page.module.ts

@@ -1,7 +1,8 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
+import { MaterialModule } from 'packages/commons/material/material.module';
+
 import { AlertPageRoutingModule } from './alert-page-routing.module';
-import { MaterialModule } from 'app/commons/ui/material/material.module';
 import { AlertPageComponent } from './alert-page.component';
 
 @NgModule({

src/app/pages/dashboard/dashboard-page.module.ts

@@ -1,7 +1,7 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { DashboardPageRoutingModule } from './dashboard-page-routing.module';
-import { MaterialModule } from 'app/commons/ui/material/material.module';
+import { MaterialModule } from 'packages/commons/material/material.module';
 import {DashboardPageComponent} from './dashboard-page.component';
 
 @NgModule({

src/app/pages/discovery/discovery-page.module.ts

@@ -1,11 +1,11 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 
+import { DiscoveryModule } from 'packages/discovery/discovery.module';
+
 import { DiscoveryPageComponent } from './discovery-page.component';
 import { DiscoveryPageRoutingModule } from './discovery-page-routing.module';
 
-import { DiscoveryModule } from 'packages/discovery/discovery.module';
-
 @NgModule({
   imports: [
     CommonModule,

src/app/pages/home/home-page.module.ts

@@ -1,5 +1,6 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
+
 import { HomePageComponent } from './home-page.component';
 import { HomePageRoutingModule } from './home-page-routing.module';
 

src/app/pages/infra/infra-page.module.ts

@@ -4,7 +4,7 @@ import { CommonModule } from '@angular/common';
 import { InfraPageComponent } from './infra-page.component';
 import { InfraPageRoutingModule } from './infra-page-routing.module';
 
-import { MaterialModule } from 'app/commons/ui/material/material.module';
+import { MaterialModule } from 'packages/commons/material/material.module';
 
 import { InfraModule } from 'packages/infra/infra.module';
 import { SettingComponent as DiscoverySettingComponent } from 'packages/discovery/component/setting/setting.component';

src/app/pages/notification/notification-page.module.ts

@@ -2,7 +2,7 @@ import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { NotificationPageComponent } from './notification-page.component';
 import { NotificationPageRoutingModule } from './notification-page-routing.module';
-import { MaterialModule } from 'app/commons/ui/material/material.module';
+import { MaterialModule } from 'packages/commons/material/material.module';
 import { NotificationModule } from 'packages/notification/notification.module';
 
 @NgModule({

src/app/pages/overview/overview-page.module.ts

@@ -1,36 +1,44 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+
+import { PerfectScrollbarModule } from 'ngx-perfect-scrollbar';
+
 import { OverviewPageRoutingModule } from 'app/pages/overview/overview-page-routing.module';
 import { OverviewPageComponent } from 'app/pages/overview/overview-page.component';
-import { DashboardCardComponent } from 'app/commons/component/dashboard-card/dashboard-card.component';
-import { DashboardCardModule } from 'app/commons/component/dashboard-card/dashboard-card.module';
-import { MaterialModule } from 'app/commons/ui/material/material.module';
 import { AddDashboardDialogComponent } from './add-dashboard-dialog/add-dashboard-dialog.component';
-import { PerfectScrollbarModule } from 'ngx-perfect-scrollbar';
-import { SensorSummaryComponent } from '../../commons/component/sensor-summary/sensor-summary.component';
-import { SensorItemFilterComponent } from '../../commons/component/sensor-item-filter/sensor-item-filter.component';
-import { HostSummaryCardComponent } from '../../commons/component/host-summary-card/host-summary-card.component';
-import { AppSummaryCardComponent } from '../../commons/component/app-summary-card/app-summary-card.component';
-import { FormsModule } from '@angular/forms';
+
 import { SensorItemModule } from 'packages/sensor-item/sensor-item.module';
+import { MaterialModule } from 'packages/commons/material/material.module';
+
+import { DashboardCardModule } from 'packages/commons/component/dashboard-card/dashboard-card.module';
+import { SensorSummaryModule } from 'packages/commons/component/sensor-summary/sensor-summary.module';
+import { SensorItemFilterModule } from 'packages/commons/component/sensor-item-filter/sensor-item-filter.module';
+import { HostSummaryCardModule } from 'packages/commons/component/host-summary-card/host-summary-card.module';
+import { AppSummaryCardModule } from 'packages/commons/component/app-summary-card/app-summary-card.module';
+
 
 @NgModule({
   imports: [
     CommonModule,
-    OverviewPageRoutingModule,
-    DashboardCardModule,
-    MaterialModule,
-    PerfectScrollbarModule,
     FormsModule,
+    PerfectScrollbarModule,
+    MaterialModule,
+
+    DashboardCardModule,
+    SensorSummaryModule,
+    SensorItemFilterModule,
+    HostSummaryCardModule,
+    AppSummaryCardModule,
+
     SensorItemModule,
+
+    OverviewPageRoutingModule,
+
   ],
   declarations: [
     OverviewPageComponent,
     AddDashboardDialogComponent,
-    SensorSummaryComponent,
-    SensorItemFilterComponent,
-    HostSummaryCardComponent,
-    AppSummaryCardComponent
   ],
   entryComponents: [
     AddDashboardDialogComponent

src/app/pages/pages.module.ts

@@ -1,22 +1,26 @@
 import { NgModule, APP_INITIALIZER} from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { PagesComponent } from './pages.component';
-import { PagesRoutingModule } from './pages-routing.module';
-import { SidebarComponent } from 'app/commons/component/sidebar/sidebar.component';
-import { MaterialModule } from 'app/commons/ui/material/material.module';
-import { HeaderComponent } from 'app/commons/component/header/header.component';
-import { FooterComponent } from 'app/commons/component/footer/footer.component';
-import { MenuItemComponent } from 'app/commons/component/menu-item/menu-item.component';
+
 import {
   PerfectScrollbarModule,
   PERFECT_SCROLLBAR_CONFIG,
   PerfectScrollbarConfigInterface
 } from 'ngx-perfect-scrollbar';
-import { NotificationModule } from 'packages/notification/notification.module';
+
 import {
   LocalizationModule,
 } from 'angular-l10n';
-import {MemberModule} from '../../packages/member/member.module';
+
+import { NotificationModule } from 'packages/notification/notification.module';
+import { MemberModule } from 'packages/member/member.module';
+
+import { MaterialModule } from 'packages/commons/material/material.module';
+import { HeaderModule } from 'packages/commons/component/header/header.module';
+import { SidebarModule } from 'packages/commons/component/sidebar/sidebar.module';
+
+import { PagesComponent } from './pages.component';
+import { PagesRoutingModule } from './pages-routing.module';
+
 
 const DEFAULT_PERFECT_SCROLLBAR_CONFIG: PerfectScrollbarConfigInterface = {
   suppressScrollX: true
@@ -27,18 +31,16 @@ const DEFAULT_PERFECT_SCROLLBAR_CONFIG: PerfectScrollbarConfigInterface = {
   imports: [
     CommonModule,
     PagesRoutingModule,
-    MaterialModule,
     PerfectScrollbarModule,
-    NotificationModule,
     LocalizationModule,
+    MaterialModule,
+    HeaderModule,
+    SidebarModule,
+    NotificationModule,
     MemberModule,
   ],
   declarations: [
     PagesComponent,
-    SidebarComponent,
-    HeaderComponent,
-    FooterComponent,
-    MenuItemComponent,
   ],
   providers: [
     {

src/app/pages/probe/probe-page.module.ts

@@ -1,10 +1,13 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
+
+import { ProbeModule } from 'packages/probe/probe.module';
+
+import { MaterialModule } from 'packages/commons/material/material.module';
+import { SubMenubarModule } from 'packages/commons/component/sub-menubar/sub-menubar.module';
+
 import { ProbePageComponent } from './probe-page.component';
 import { ProbePageRoutingModule } from './probe-page-routing.module';
-import { MaterialModule } from 'app/commons/ui/material/material.module';
-import { ProbeModule } from 'packages/probe/probe.module';
-import { SubMenubarModule } from 'app/commons/component/sub-menubar/sub-menubar.module';
 
 @NgModule({
   imports: [

src/app/pages/probes/probes-page.module.ts

@@ -1,11 +1,14 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { ProbesPageComponent } from './probes-page.component';
-import { ProbesPageRoutingModule } from './probes-page-routing.module';
-import { MaterialModule } from 'app/commons/ui/material/material.module';
+
+import { MaterialModule } from 'packages/commons/material/material.module';
+import { SubMenubarModule } from 'packages/commons/component/sub-menubar/sub-menubar.module';
+
 import { ProbeModule } from 'packages/probe/probe.module';
 import { NoauthModule } from 'packages/noauth/noauth.module';
-import { SubMenubarModule } from 'app/commons/component/sub-menubar/sub-menubar.module';
+
+import { ProbesPageComponent } from './probes-page.component';
+import { ProbesPageRoutingModule } from './probes-page-routing.module';
 
 @NgModule({
   imports: [

src/app/pages/sensor-setting/sensor-setting-page.module.ts

@@ -1,15 +1,17 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { SensorSettingPageRoutingModule } from 'app/pages/sensor-setting/sensor-setting-page-routing.module';
-import { SensorSettingPageComponent } from 'app/pages/sensor-setting/sensor-setting-page.component';
-import { SensorModule } from 'packages/sensor/sensor.module';
-import { MaterialModule } from 'app/commons/ui/material/material.module';
-
 
 import { FormsModule } from '@angular/forms';
-import { SettingComponent as DiscoverySettingComponent } from 'packages/discovery/component/setting/setting.component';
+
+import { SensorModule } from 'packages/sensor/sensor.module';
 import { DiscoveryModule } from 'packages/discovery/discovery.module';
 
+import { MaterialModule } from 'packages/commons/material/material.module';
+
+import { SettingComponent as DiscoverySettingComponent } from 'packages/discovery/component/setting/setting.component';
+
+import { SensorSettingPageRoutingModule } from './sensor-setting-page-routing.module';
+import { SensorSettingPageComponent } from './sensor-setting-page.component';
 
 
 @NgModule({

src/app/pages/sensor/sensor-page.module.ts

@@ -1,10 +1,13 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { MaterialModule } from 'app/commons/ui/material/material.module';
-import { SubMenubarModule } from 'app/commons/component/sub-menubar/sub-menubar.module';
-import { SensorPageComponent } from './sensor-page.component';
+
 import { SensorModule } from 'packages/sensor/sensor.module';
+
+import { MaterialModule } from 'packages/commons/material/material.module';
+import { SubMenubarModule } from 'packages/commons/component/sub-menubar/sub-menubar.module';
+
 import { SensorPageRoutingModule } from './sensor-page-routing.module';
+import { SensorPageComponent } from './sensor-page.component';
 
 @NgModule({
   imports: [

src/app/pages/sensors/sensors-page.module.ts

@@ -1,9 +1,12 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { MaterialModule } from '../../commons/ui/material/material.module';
+
+import { SensorModule } from 'packages/sensor/sensor.module';
+
+import { MaterialModule } from 'packages/commons/material/material.module';
+
 import { SensorsPageComponent } from './sensors-page.component';
 import { SensorsPageRoutingModule } from './sensors-page-routing.module';
-import { SensorModule } from 'packages/sensor/sensor.module';
 
 @NgModule({
   imports: [

src/app/pages/settings/member/member-page.module.ts

@@ -1,9 +1,12 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { MaterialModule } from 'app/commons/ui/material/material.module';
+
+import { MaterialModule } from 'packages/commons/material/material.module';
+
+import { MemberTotpModule } from 'packages/settings/member/member-totp.module';
+
 import { MemberPageComponent } from './member-page.component';
 import { MemberPageRoutingModule } from './member-page-routing.module';
-import { MemberTotpModule } from 'packages/settings/member/member-totp.module';
 
 @NgModule({
   imports: [

src/app/pages/target/target-page.module.ts

@@ -1,10 +1,13 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
+
+import { TargetModule } from 'packages/target/target.module';
+
+import { MaterialModule } from 'packages/commons/material/material.module';
+import { SubMenubarModule } from 'packages/commons/component/sub-menubar/sub-menubar.module';
+
 import { TargetPageComponent } from './target-page.component';
 import { TargetPageRoutingModule } from './target-page-routing.module';
-import { MaterialModule } from 'app/commons/ui/material/material.module';
-import { TargetModule } from 'packages/target/target.module';
-import { SubMenubarModule } from 'app/commons/component/sub-menubar/sub-menubar.module';
 
 @NgModule({
   imports: [

src/app/pages/targets/targets-page.module.ts

@@ -1,10 +1,13 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { MaterialModule } from 'app/commons/ui/material/material.module';
-import { SubMenubarModule } from 'app/commons/component/sub-menubar/sub-menubar.module';
-import { TargetsPageComponent } from 'app/pages/targets/targets-page.component';
+
 import { TargetModule } from 'packages/target/target.module';
-import { TargetsPageRoutingModule } from 'app/pages/targets/targets-page-routing.module';
+
+import { MaterialModule } from 'packages/commons/material/material.module';
+import { SubMenubarModule } from 'packages/commons/component/sub-menubar/sub-menubar.module';
+
+import { TargetsPageRoutingModule } from './targets-page-routing.module';
+import { TargetsPageComponent } from './targets-page.component';
 
 @NgModule({
   imports: [

src/commons/chart/area/area.module.ts

@@ -1,7 +1,7 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 
-import { NvD3Module } from 'packages/commons/chart/core/nvd3/nvd3.module';
+import { NvD3Module } from 'commons/chart/core/nvd3/nvd3.module';
 
 import { AreaComponent } from './component/area.component';
 

src/commons/chart/line/line.module.ts

@@ -1,7 +1,7 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 
-import { NvD3Module } from 'packages/commons/chart/core/nvd3/nvd3.module';
+import { NvD3Module } from 'commons/chart/core/nvd3/nvd3.module';
 
 import { LineComponent } from './component/line.component';
 

src/commons/chart/pie/pie.module.ts

@@ -1,7 +1,7 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 
-import { NvD3Module } from 'packages/commons/chart/core/nvd3/nvd3.module';
+import { NvD3Module } from 'commons/chart/core/nvd3/nvd3.module';
 
 import { PieComponent } from './component/pie.component';
 

src/packages/commons/component/app-summary-card/app-summary-card.module.ts

@@ -0,0 +1,23 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { RouterModule } from '@angular/router';
+import { Ng2OdometerModule } from 'ng2-odometer';
+
+import { MaterialModule } from 'packages/commons/material/material.module';
+import { AppSummaryCardComponent } from './app-summary-card.component';
+
+
+@NgModule({
+  imports: [
+    CommonModule,
+    MaterialModule,
+    RouterModule
+  ],
+  declarations: [
+    AppSummaryCardComponent,
+  ],
+  exports: [
+    AppSummaryCardComponent
+  ]
+})
+export class AppSummaryCardModule { }

src/packages/commons/component/confirm-dialog/confirm-dialog.module.ts

@@ -0,0 +1,23 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { RouterModule } from '@angular/router';
+import { Ng2OdometerModule } from 'ng2-odometer';
+
+import { MaterialModule } from 'packages/commons/material/material.module';
+import { ConfirmDialogComponent } from './confirm-dialog.component';
+
+
+@NgModule({
+  imports: [
+    CommonModule,
+    MaterialModule,
+    RouterModule
+  ],
+  declarations: [
+    ConfirmDialogComponent,
+  ],
+  exports: [
+    ConfirmDialogComponent
+  ]
+})
+export class ConfirmDialogModule { }

src/packages/commons/component/dashboard-card/dashboard-card.module.ts

@@ -1,10 +1,11 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { RouterModule } from '@angular/router';
-import { MaterialModule } from 'app/commons/ui/material/material.module';
-import { DashboardCardComponent } from 'app/commons/component/dashboard-card/dashboard-card.component';
 import { Ng2OdometerModule } from 'ng2-odometer';
 
+import { MaterialModule } from 'packages/commons/material/material.module';
+import { DashboardCardComponent } from './dashboard-card.component';
+
 
 @NgModule({
   imports: [

src/packages/commons/component/footer/footer.module.ts

@@ -0,0 +1,19 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MaterialModule } from 'packages/commons/material/material.module';
+
+import { FooterComponent } from './footer.component';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    MaterialModule
+  ],
+  declarations: [
+    FooterComponent
+  ],
+  exports: [
+    FooterComponent
+  ]
+})
+export class FooterModule { }

src/packages/commons/component/header/header.module.ts

@@ -0,0 +1,22 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MaterialModule } from 'packages/commons/material/material.module';
+
+import { NotificationModule } from 'packages/notification/notification.module';
+
+import { HeaderComponent } from './header.component';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    MaterialModule,
+    NotificationModule,
+  ],
+  declarations: [
+    HeaderComponent
+  ],
+  exports: [
+    HeaderComponent
+  ]
+})
+export class HeaderModule { }

src/packages/commons/component/host-summary-card/host-summary-card.module.ts

@@ -0,0 +1,19 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MaterialModule } from 'packages/commons/material/material.module';
+
+import { HostSummaryCardComponent } from './host-summary-card.component';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    MaterialModule
+  ],
+  declarations: [
+    HostSummaryCardComponent
+  ],
+  exports: [
+    HostSummaryCardComponent
+  ]
+})
+export class HostSummaryCardModule { }

src/packages/commons/component/info-table/info-table.module.ts

@@ -1,7 +1,8 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { InfoTableComponent } from 'app/commons/component/info-table/info-table.component';
-import { MaterialModule } from 'app/commons/ui/material/material.module';
+import { MaterialModule } from 'packages/commons/material/material.module';
+
+import { InfoTableComponent } from './info-table.component';
 
 @NgModule({
   imports: [

src/packages/commons/component/input-chip/input-chip.module.ts

@@ -0,0 +1,21 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { RouterModule } from '@angular/router';
+
+import { MaterialModule } from 'packages/commons/material/material.module';
+import { InputChipComponent } from './input-chip.component';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    MaterialModule,
+    RouterModule
+  ],
+  declarations: [
+    InputChipComponent,
+  ],
+  exports: [
+    InputChipComponent,
+  ]
+})
+export class InputChipModule { }

src/packages/commons/component/menu-item/menu-item.module.ts

@@ -0,0 +1,21 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { RouterModule } from '@angular/router';
+
+import { MaterialModule } from 'packages/commons/material/material.module';
+import { MenuItemComponent } from './menu-item.component';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    MaterialModule,
+    RouterModule
+  ],
+  declarations: [
+    MenuItemComponent,
+  ],
+  exports: [
+    MenuItemComponent,
+  ]
+})
+export class MenuItemModule { }

src/packages/commons/component/sensor-item-filter/sensor-item-filter.module.ts

@@ -0,0 +1,21 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { RouterModule } from '@angular/router';
+
+import { MaterialModule } from 'packages/commons/material/material.module';
+import { SensorItemFilterComponent } from './sensor-item-filter.component';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    MaterialModule,
+    RouterModule
+  ],
+  declarations: [
+    SensorItemFilterComponent,
+  ],
+  exports: [
+    SensorItemFilterComponent,
+  ]
+})
+export class SensorItemFilterModule { }

src/packages/commons/component/sensor-summary/sensor-summary.module.ts

@@ -0,0 +1,21 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { RouterModule } from '@angular/router';
+
+import { MaterialModule } from 'packages/commons/material/material.module';
+import { SensorSummaryComponent } from './sensor-summary.component';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    MaterialModule,
+    RouterModule
+  ],
+  declarations: [
+    SensorSummaryComponent,
+  ],
+  exports: [
+    SensorSummaryComponent,
+  ]
+})
+export class SensorSummaryModule { }

src/packages/commons/component/sidebar/sidebar.module.ts

@@ -0,0 +1,30 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { RouterModule } from '@angular/router';
+
+import {
+  PerfectScrollbarModule,
+} from 'ngx-perfect-scrollbar';
+
+import { MaterialModule } from 'packages/commons/material/material.module';
+
+import { MenuItemModule } from 'packages/commons/component/menu-item/menu-item.module';
+
+import { SidebarComponent } from './sidebar.component';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    MaterialModule,
+    RouterModule,
+    PerfectScrollbarModule,
+    MenuItemModule,
+  ],
+  declarations: [
+    SidebarComponent,
+  ],
+  exports: [
+    SidebarComponent,
+  ]
+})
+export class SidebarModule { }