Vnext

live-editing/Routes.ts

@@ -9,6 +9,7 @@ import * as TreeGridDvRoutingModule from '../projects/app-lob/src/app/tree-grid/
 import * as DataDisplayRouting from '../src/app/data-display/data-display.routes';
 import * as DataEntriesRouting from '../src/app/data-entries/data-entries.routes';
 import * as GridRouting from '../src/app/grid/grids.routes';
+import * as GridLiteRouting from '../src/app/grid-lite/grid-lite.routes';
 import * as PivotGridRouting from '../src/app/pivot-grid/pivot-grids.routes';
 import * as HierarchicalGridRouting from '../src/app/hierarchical-grid/hierarchical-grid.routes';
 import * as InteractionsRouting from '../src/app/interactions/interactions.routes';
@@ -68,6 +69,10 @@ export const MODULE_ROUTES = [
         path: 'grid',
         routes: GridRouting.GridsRoutes
     },
+    {
+        path: 'grid-lite',
+        routes: GridLiteRouting.GridLiteRoutes
+    },
     {
         path: 'pivot-grid',
         routes: PivotGridRouting.PivotGridsRoutes

live-editing/configs/BaseConfig.ts

@@ -7,5 +7,7 @@ export const BaseAppConfig = {
     providers: [
         { 'provider': 'provideAnimations()', 'import': '@angular/platform-browser/animations' }
     ],
-    router: false
-}
+    routesConfig: {
+        router: false
+    }
+}

live-editing/configs/GridCRMConfigGenerator.ts

@@ -26,8 +26,7 @@ export class GridCRMConfigGenerator implements IConfigGenerator {
                 ],
                 providers: [
                     { 'provider': 'provideAnimations()', 'import': '@angular/platform-browser/animations' }
-                ],
-                router: true
+                ]
             }
             /*appConfig: BaseAppConfig*/
 

live-editing/configs/GridConfigGenerator.ts

@@ -452,11 +452,17 @@ export class GridConfigGenerator implements IConfigGenerator {
             additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts',
                 '/src/app/grid/grid-save-state/localData.ts',
                 '/src/app/grid/grid-save-state/about.component.ts',
-                '/src/app/grid/grid-save-state/about.component.html'
+                '/src/app/grid/grid-save-state/about.component.html',
+                '/src/app/grid/grid-save-state/routes.ts'
             ],
-            appConfig: BaseAppConfig
+            appConfig: {
+                ...BaseAppConfig,
+                routesConfig: {
+                    router: true,
+                    routesImportPath: './grid/grid-save-state/routes'
+                }
+            }
         });
-        gridSaveStateSampleConfig.usesRouting = true;
         configs.push(gridSaveStateSampleConfig);
 
         configs.push(new Config({

live-editing/configs/GridLiteConfigGenerator.ts

@@ -0,0 +1,140 @@
+import { Config, IConfigGenerator } from 'igniteui-live-editing'
+import { BaseAppConfig } from './BaseConfig';
+
+export class GridLiteConfigGenerator implements IConfigGenerator {
+    public additionalImports = {
+        //GridLiteDataService: '../../src/app/grid-lite/grid-lite-data.service.ts'
+    };
+
+    public generateConfigs(): Config[] {
+        const configs = new Array<Config>();
+
+        configs.push(new Config({
+            component: 'GridLiteOverviewComponent',
+            additionalDependencies: ['igniteui-grid-lite'],
+            additionalFiles: [
+                '/src/app/grid-lite/grid-lite-data.service.ts'
+            ],
+            appConfig: BaseAppConfig
+        }));
+
+        configs.push(new Config({
+            component: 'GridLiteColumnConfigSimpleComponent',
+            additionalDependencies: ['igniteui-grid-lite'],
+            additionalFiles: [
+                '/src/app/grid-lite/grid-lite-data.service.ts'
+            ],
+            appConfig: BaseAppConfig
+        }));
+
+        configs.push(new Config({
+            component: 'GridLiteColumnConfigDynamicComponent',
+            additionalDependencies: ['igniteui-grid-lite'],
+            additionalFiles: [
+                '/src/app/grid-lite/grid-lite-data.service.ts'
+            ],
+            appConfig: BaseAppConfig
+        }));
+
+        configs.push(new Config({
+            component: 'GridLiteColumnConfigHeadersComponent',
+            additionalDependencies: ['igniteui-grid-lite'],
+            additionalFiles: [
+                '/src/app/grid-lite/grid-lite-data.service.ts'
+            ],
+            appConfig: BaseAppConfig
+        }));
+
+        configs.push(new Config({
+            component: 'GridLiteDataBindingDynamicComponent',
+            additionalDependencies: ['igniteui-grid-lite'],
+            additionalFiles: [
+                '/src/app/grid-lite/grid-lite-data.service.ts'
+            ],
+            appConfig: BaseAppConfig
+        }));
+
+        configs.push(new Config({
+            component: 'GridLiteFilteringSimpleComponent',
+            additionalDependencies: ['igniteui-grid-lite'],
+            additionalFiles: [
+                '/src/app/grid-lite/grid-lite-data.service.ts'
+            ],
+            appConfig: BaseAppConfig
+        }));
+
+        configs.push(new Config({
+            component: 'GridLiteFilteringEventsComponent',
+            additionalDependencies: ['igniteui-grid-lite'],
+            additionalFiles: [
+                '/src/app/grid-lite/grid-lite-data.service.ts'
+            ],
+            appConfig: BaseAppConfig
+        }));
+
+        configs.push(new Config({
+            component: 'GridLiteFilteringPipelineComponent',
+            additionalDependencies: ['igniteui-grid-lite'],
+            additionalFiles: [
+                '/src/app/grid-lite/grid-lite-data.service.ts'
+            ],
+            appConfig: BaseAppConfig
+        }));
+
+        configs.push(new Config({
+            component: 'GridLiteSortingSimpleComponent',
+            additionalDependencies: ['igniteui-grid-lite'],
+            additionalFiles: [
+                '/src/app/grid-lite/grid-lite-data.service.ts'
+            ],
+            appConfig: BaseAppConfig
+        }));
+
+        configs.push(new Config({
+            component: 'GridLiteSortingEventsComponent',
+            additionalDependencies: ['igniteui-grid-lite'],
+            additionalFiles: [
+                '/src/app/grid-lite/grid-lite-data.service.ts'
+            ],
+            appConfig: BaseAppConfig
+        }));
+
+        configs.push(new Config({
+            component: 'GridLiteSortingGridConfigComponent',
+            additionalDependencies: ['igniteui-grid-lite'],
+            additionalFiles: [
+                '/src/app/grid-lite/grid-lite-data.service.ts'
+            ],
+            appConfig: BaseAppConfig
+        }));
+
+        configs.push(new Config({
+            component: 'GridLiteSortingPipelineComponent',
+            additionalDependencies: ['igniteui-grid-lite'],
+            additionalFiles: [
+                '/src/app/grid-lite/grid-lite-data.service.ts'
+            ],
+            appConfig: BaseAppConfig
+        }));
+
+        configs.push(new Config({
+            component: 'GridLiteStylingCustomComponent',
+            additionalDependencies: ['igniteui-grid-lite'],
+            additionalFiles: [
+                '/src/app/grid-lite/grid-lite-data.service.ts'
+            ],
+            appConfig: BaseAppConfig
+        }));
+
+        configs.push(new Config({
+            component: 'GridLiteStylingThemesComponent',
+            additionalDependencies: ['igniteui-grid-lite'],
+            additionalFiles: [
+                '/src/app/grid-lite/grid-lite-data.service.ts'
+            ],
+            appConfig: BaseAppConfig
+        }));
+
+        return configs;
+    };
+}

live-editing/configs/HierarchicalGridConfigGenerator.ts

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/naming-convention */
 /* eslint-disable max-len */
-import {ReactiveFormsModule} from '@angular/forms';
+import { ReactiveFormsModule } from '@angular/forms';
 import { HttpClientModule } from '@angular/common/http';
 import {
     IgxActionStripModule,
@@ -517,12 +517,18 @@ export class HierarchicalGridConfigGenerator implements IConfigGenerator {
                 '/src/app/data/singersData.ts',
                 '/src/app/hierarchical-grid/models.ts',
                 '/src/app/hierarchical-grid/hierarchical-grid-save-state/about.component.ts',
-                '/src/app/hierarchical-grid/hierarchical-grid-save-state/about.component.html'
+                '/src/app/hierarchical-grid/hierarchical-grid-save-state/about.component.html',
+                '/src/app/hierarchical-grid/hierarchical-grid-save-state/routes.ts'
             ],
-            appConfig: BaseAppConfig,
+            appConfig: {
+                ...BaseAppConfig,
+                routesConfig: {
+                    router: true,
+                    routesImportPath: './hierarchical-grid/hierarchical-grid-save-state/routes'
+                }
+            },
             component: 'HGridSaveStateComponent'
         });
-        hGridSaveStateSampleConfig.usesRouting = true;
         configs.push(hGridSaveStateSampleConfig);
 
         configs.push(new Config({

live-editing/configs/PivotGridConfigGenerator.ts

@@ -42,14 +42,21 @@ export class PivotGridConfigGenerator implements IConfigGenerator {
         }));
 
         configs.push(new Config({
-            additionalFiles: 
+            additionalFiles:
             [
                 '/src/app/directives/prevent-scroll.directive.ts',
                 '/src/app/data/dataToAnalyze.ts',
                 '/src/app/pivot-grid/pivot-state-persistence/about.component.ts',
                 '/src/app/pivot-grid/pivot-state-persistence/about.component.html',
+                '/src/app/pivot-grid/pivot-state-persistence/routes.ts'
             ],
-            appConfig: BaseAppConfig,
+             appConfig: {
+                ...BaseAppConfig,
+                routesConfig: {
+                    router: true,
+                    routesImportPath: './pivot-grid/pivot-state-persistence/routes'
+                }
+            },
             component: 'PivotGridStatePersistenceSampleComponent'
         }));
 

live-editing/configs/TabBarConfigGenerator.ts

@@ -37,8 +37,8 @@ export class TabBarConfigGenerator implements IConfigGenerator {
                 "/src/app/layouts/tabbar/views/view3/view3.component.ts",
                 "/src/app/layouts/tabbar/views/view3/view3.component.html"
             ],
-            /* TODO: Adding the correct router config needs to be done separately */
-            appConfig: { ...BaseAppConfig, ...{ router: true }},
+            /* Note: the Tabbar samples are not used anymore */
+            appConfig: { ...BaseAppConfig, ...{ routesConfig: { router: true } }},
             shortenComponentPathBy: "/layouts/tabbar/"
         }));
 

live-editing/configs/TabsConfigGenerator.ts

@@ -45,10 +45,16 @@ export class TabsConfigGenerator implements IConfigGenerator {
                 "/src/app/layouts/tabs/views/view2/view2.component.ts",
                 "/src/app/layouts/tabs/views/view2/view2.component.html",
                 "/src/app/layouts/tabs/views/view3/view3.component.ts",
-                "/src/app/layouts/tabs/views/view3/view3.component.html"
+                "/src/app/layouts/tabs/views/view3/view3.component.html",
+                "/src/app/layouts/tabs/tabs-sample-4/routes.ts"
             ],
-            /* TODO: Adding the correct router config needs to be done separately */
-            appConfig: { ...BaseAppConfig, ...{ router: true }},
+             appConfig: {
+                ...BaseAppConfig,
+                routesConfig: {
+                    router: true,
+                    routesImportPath: './tabs-sample-4/routes'
+                }
+            },
             shortenComponentPathBy: "/layouts/tabs/"
         }));
 

live-editing/configs/TreeGridConfigGenerator.ts

@@ -672,12 +672,19 @@ export class TreeGridConfigGenerator implements IConfigGenerator {
                 '/src/app/directives/prevent-scroll.directive.ts',
                 '/src/app/tree-grid/tree-grid-save-state/data.ts',
                 '/src/app/tree-grid/tree-grid-save-state/about.component.ts',
-                '/src/app/tree-grid/tree-grid-save-state/about.component.html'],
-            appConfig: BaseAppConfig,
+                '/src/app/tree-grid/tree-grid-save-state/about.component.html',
+                '/src/app/tree-grid/tree-grid-save-state/routes.ts'
+            ],
+            appConfig: {
+                ...BaseAppConfig,
+                routesConfig: {
+                    router: true,
+                    routesImportPath: './tree-grid-save-state/routes'
+                }
+            },
             component: 'TGridSaveStateComponent',
             shortenComponentPathBy: '/tree-grid/'
         });
-        treeGridSaveStateSampleConfig.usesRouting = true;
         configs.push(treeGridSaveStateSampleConfig);
 
         configs.push(new Config({

live-editing/generators/ConfigGenerators.ts

@@ -1,5 +1,3 @@
-import { Config, IConfigGenerator } from 'igniteui-live-editing'
-import { BaseAppConfig } from './BaseConfig';;
 import { ActionStripConfigGenerator } from '../configs/ActionStripConfigGenerator';
 import { AutocompleteConfigGenerator } from '../configs/AutocompleteConfigGenerator';
 import { AvatarConfigGenerator } from '../configs/AvatarConfigGenerator';
@@ -64,6 +62,7 @@ import { PaginationConfigGenerator } from '../configs/PaginationConfigGenerator'
 import { PivotGridConfigGenerator } from '../configs/PivotGridConfigGenerator';
 import { QueryBuilderConfigGenerator } from '../configs/QueryBuilderConfigGenerator';
 import { TileManagerConfigGenerator } from '../configs/TileManagerConfigGenerator';
+import { GridLiteConfigGenerator } from '../configs/GridLiteConfigGenerator';
 
 export const CONFIG_GENERATORS =
     [
@@ -118,6 +117,7 @@ export const CONFIG_GENERATORS =
         HierarchicalGridConfigGenerator,
         TreeGridConfigGenerator,
         PivotGridConfigGenerator,
+        GridLiteConfigGenerator,
 
         // other:
         ActionStripConfigGenerator,