import { Routes, RouterModule } from '@angular/router';
import { DemoEasyTableComponent } from './demos/easy-table/demo-easy-table.component';
import { DatagridDemoComponent } from './datagrid-demo.component';
import { DemoFitComponent } from './demos/fit/demo-fit.component';
import { DemoBorderComponent } from './demos/border/demo-border.component';
import { DemoSelectedComponent } from './demos/selected/demo-selected.component';
import { DemoMultiSelectComponent } from './demos/multi-select/demo-multi-select.component';
import { DemoPaginationComponent } from './demos/pager/demo-pagination.component';
import { DemoRowStylerComponent } from './demos/row-style/demo-row-style.component';
import { DemoCellStyleComponent } from './demos/cell-style/demo-cell-style.component';
import { DemoDataFormatComponent } from './demos/data-format/demo-data-format.component';
import { DemoCellTemplateComponent } from './demos/cell-template/demo-cell-template.component';
import { DemoFooterRowComponent } from './demos/footer-row/demo-footer-row.component';
import { DemoHeaderGroupComponent } from './demos/header-group/demo-header-group.component';
import { DemoFixedColumnsComponent } from './demos/fixed-column/demo-fixed-column.component';
import { DemoDataWrapComponent } from './demos/data-wrap/demo-data-wrap.component';
import { DemoEmptyDataComponent } from './demos/empty-data/demo-empty-data.component';
import { DemoLargeDataComponent } from './demos/big-data/demo-big-data.component';
import { DemoVirualScrollComponent } from './demos/scroll-load/demo-scroll-load.component';
import { DemoGroupRowsComponent } from './demos/group-rows/demo-group-rows.component';
import { DemoRowHeightComponent } from './demos/row-height/demo-row-height.component';
import { DemoCellEditorComponent } from './demos/edit-cell/demo-edit-cell.component';
import { DemoRowEditorComponent } from './demos/edit-row/demo-edit-row.component';
import { DemoCustomEditRowComponent } from './demos/custom-edit-row/demo-custom-edit-row.component';
import { DemoSortComponent } from './demos/sort/demo-sort.component';
import { DemoDgApiComponent } from './demos/api/demo-dg-api.component';
import { DemoInDialogComponent } from './demos/in-dialog/demo-in-dialog.component';
import { DemoXssComponent } from './demos/xss/demo-xss.component';
import { DemoDisableSelectComponent } from './demos/disable-select/demo-disable-select.component';
import { DemoToggleColumnsComponent } from './demos/toggle-visible-column/demo-toggle-column.component';
import { DemoEditInDialogComponent } from './demos/edit-in-dialog/demo-edit-in-dialog.component';
import { DemoDynamicColumnsComponent } from './demos/dynamic-columns/demo-dynamic-columns.component';
import { DemoTooltipComponent } from './demos/tooltip/demo-tooltip.component';
import { DemoClientPaginationComponent } from './demos/client-pager/demo-client-pager.component';
import { HeaderGroupDesignerComponent } from './demos/header-group/header-group-designer.component';
import { DemoMergeCellComponent } from './demos/merge-cell/demo-merge-cell.component';
import { DemoAutoFitColumnsComponent } from './demos/autoFitColumns/demo-auto-fit-columns';
import { DemoFilterRowComponent } from './demos/filter-row/demo-filter-row.component';
const routes: Routes = [
    { path: '', component: DatagridDemoComponent, children: [
        { path: 'easy-table', component: DemoEasyTableComponent},
        { path: 'fit', component: DemoFitComponent},
        { path: 'border', component: DemoBorderComponent},
        { path: 'selected', component: DemoSelectedComponent},
        { path: 'multi-select', component: DemoMultiSelectComponent },
        { path: 'pager', component: DemoPaginationComponent },
        { path: 'row-style', component: DemoRowStylerComponent },
        { path: 'cell-style', component: DemoCellStyleComponent},
        { path: 'data-format', component: DemoDataFormatComponent},
        { path: 'cell-template', component: DemoCellTemplateComponent },
        { path: 'footer', component: DemoFooterRowComponent },
        { path: 'header-group', component: DemoHeaderGroupComponent},
        { path: 'fixed-columns', component: DemoFixedColumnsComponent},
        { path: 'data-wrap', component: DemoDataWrapComponent},
        { path: 'empty-data', component: DemoEmptyDataComponent},
        { path: 'big-data', component: DemoLargeDataComponent},
        { path: 'scroll-load', component: DemoVirualScrollComponent},
        { path: 'group-rows', component: DemoGroupRowsComponent},
        { path: 'row-height', component: DemoRowHeightComponent},
        { path: 'edit-cell', component: DemoCellEditorComponent},
        { path: 'edit-row', component: DemoRowEditorComponent},
        { path: 'edit-row2', component: DemoCustomEditRowComponent},
        { path: 'api', component: DemoDgApiComponent},
        { path: 'sort', component: DemoSortComponent},
        { path: 'in-dialog', component: DemoInDialogComponent},
        { path: 'xss', component: DemoXssComponent},
        { path: 'disable-select', component: DemoDisableSelectComponent},
        { path: 'toggle-visible', component: DemoToggleColumnsComponent},
        { path: 'edit-in-dialog', component: DemoEditInDialogComponent},
        { path: 'dynamic-columns', component: DemoDynamicColumnsComponent},
        { path: 'cell-tooltip', component: DemoTooltipComponent},
        { path: 'client-pager', component: DemoClientPaginationComponent},
        { path: 'header-group-editor', component: HeaderGroupDesignerComponent },
        { path: 'merge-cell', component: DemoMergeCellComponent},
        { path: 'auto-fit-columns', component: DemoAutoFitColumnsComponent},
        { path: 'filter-row', component: DemoFilterRowComponent},
        { path: '', redirectTo: 'easy-table'}
    ] },
];
export const DatagridDemoRoute = RouterModule.forChild(routes);