Merge branch 'vNext' of https://github.com/IgniteUI/igniteui-angular-samples into vNext

Author: zdrawku

.gitmodules

@@ -1,4 +1,4 @@
 [submodule "igniteui-live-editing-samples"]
 	path = igniteui-live-editing-samples
 	url = https://github.com/IgniteUI/igniteui-live-editing-samples
-    branch = vNext
+    branch = master

.travis.yml

@@ -1,5 +1,5 @@
-[![Build Status](https://dev.azure.com/IgniteUI/igniteui-angular/_apis/build/status/IgniteUI.igniteui-angular-samples?branchName=master)](https://dev.azure.com/IgniteUI/igniteui-angular/_build/latest?definitionId=4&branchName=master)
-[![Build Status](https://travis-ci.org/IgniteUI/igniteui-angular-samples.svg?branch=master)](https://travis-ci.org/IgniteUI/igniteui-angular-samples)
+[![CI](https://github.com/IgniteUI/igniteui-angular-samples/actions/workflows/build-app-lob.yml/badge.svg)](https://github.com/IgniteUI/igniteui-angular-samples/actions/workflows/build-app-lob.yml)
+[![Build Status](https://dev.azure.com/IgniteUI/igniteui-angular/_apis/build/status/IgniteUI.igniteui-angular-samples?branchName=refs%2Fpull%2F2995%2Fmerge)](https://dev.azure.com/IgniteUI/igniteui-angular/_build/latest?definitionId=4&branchName=refs%2Fpull%2F2995%2Fmerge)
 
 # Ignite UI for Angular - Samples
 
@@ -8,7 +8,7 @@ This project is using Ignite UI for Angular components to demonstrate different
 The project is divided into two separate applications:
 
 
-- A `default application`, which uses all the [igniteui-angular](https://travis-ci.org/IgniteUI/igniteui-angular) components to demonstrate sample applications
+- A `default application`, which uses all the [igniteui-angular](https://www.infragistics.com/products/ignite-ui-angular) components to demonstrate sample applications
 
 - A `Line of Business` application, complemented with UI and functionality from the **Ignite UI for Angular Charts** and **Ignite UI for Angular Excel library**.
 
@@ -34,7 +34,7 @@ To build the application project run:
 npm run build:app-lob
 ```
 
-### These commands will produce an AOT build and [live editing](https://github.com/IgniteUI/igniteui-angular-samples/blob/master/live-editing/README.md) samples supporting both Sass and CSS.
+### These commands will produce an AOT build and [live editing](https://github.com/IgniteUI/igniteui-live-editing/blob/master/README.md) samples supporting both Sass and CSS.
 
 ## Dev Server
 
@@ -113,7 +113,7 @@ npm run start:watch-live-editing:es6
 ```
 
 ### Generate Live-Editing JSON files
-To generate only the [live editing](https://github.com/IgniteUI/igniteui-angular-samples/blob/master/live-editing/README.md) samples files (e.g. `"/src/assets/samples/avatar-sample-3.json"`) run:
+To generate only the [live editing](https://github.com/IgniteUI/igniteui-live-editing/blob/master/README.md) samples files (e.g. `"/src/assets/samples/avatar-sample-3.json"`) run:
 
 #### Default App
 With **CSS** styling generation

README.md

@@ -17,6 +17,7 @@ import { DataDisplayModule } from '../src/app/data-display/data-display.module';
 import * as DataEntriesRouting from '../src/app/data-entries/data-entries-routing.module';
 import { DataEntriesModule } from '../src/app/data-entries/data-entries.module';
 import * as GridRouting from '../src/app/grid/grids-routing.module';
+import * as PivotGridRouting from '../src/app/pivot-grid/pivot-grids-routing.module';
 import { GridsModule } from '../src/app/grid/grids.module';
 import * as HierarchicalGridRouting from '../src/app/hierarchical-grid/hierarchical-grid-routing.module';
 import { HierarchicalGridModule } from '../src/app/hierarchical-grid/hierarchical-grid.module';
@@ -43,6 +44,8 @@ import * as GridFinJSDockManagerRoutingModule from '../projects/app-lob/src/app/
 import { GridFinJSDockManagerModule } from '../projects/app-lob/src/app/grid-finjs-dock-manager/grid-finjs-dock-manager.module';
 import { PaginationModule } from '../src/app/pagination/pagination.module';
 import * as PaginatorRouting from '../src/app/pagination/pagination-routing.module';
+import { PivotGridsModule } from '../src/app/pivot-grid/pivot-grids.module';
+import { PivotGridsRoutingModule } from '../src/app/pivot-grid/pivot-grids-routing.module';
 
 export const MODULE_ROUTES = [
     {
@@ -100,6 +103,11 @@ export const MODULE_ROUTES = [
         path: 'grid',
         routes: GridRouting.gridsRoutes
     },
+    {
+        module: PivotGridsModule,
+        path: 'pivot-grid',
+        routes: PivotGridRouting.gridsRoutes
+    },
     {
         module: HierarchicalGridModule,
         path: 'hierarchical-grid',

live-editing/Routes.ts

@@ -9,7 +9,8 @@ import {
     IgxSwitchModule,
     IgxToastModule,
     IgxIconModule,
-    IgxPrefixModule
+    IgxPrefixModule,
+    IgxSimpleComboModule
 } from 'igniteui-angular';
 import { IgxFinancialChartModule } from 'igniteui-angular-charts';
 import { AppModuleConfig, Config, IConfigGenerator } from 'igniteui-live-editing';
@@ -108,46 +109,43 @@ export class ComboConfigGenerator implements IConfigGenerator {
 
         configs.push(new Config({
             additionalFiles: ['/src/app/data/stocks-data.ts'],
+            additionalDependencies: ['igniteui-angular-charts', 'igniteui-angular-core'],
             appModuleConfig: new AppModuleConfig({
-                imports: ['IgxButtonGroupModule', 'IgxComboModule', 'IgxFinancialChartModule', 'SimpleComboMainComponent'],
+                imports: ['IgxButtonGroupModule', 'IgxComboModule', 'IgxFinancialChartModule', 'IgxSimpleComboModule', 'SimpleComboMainComponent'],
                 ngDeclarations: ['SimpleComboMainComponent'],
-                ngImports: ['IgxButtonGroupModule', 'IgxComboModule', 'IgxFinancialChartModule']
+                ngImports: ['IgxButtonGroupModule', 'IgxComboModule', 'IgxFinancialChartModule', 'IgxSimpleComboModule']
             }),
-            component: 'SimpleComboMainComponent',
-            shortenComponentPathBy: '/lists/combo/'
+            component: 'SimpleComboMainComponent'
         }));
 
         configs.push(new Config({
             additionalFiles: ['/src/app/data/cities15000-regions-countries.ts'],
             appModuleConfig: new AppModuleConfig({
-                imports: ['IgxComboModule', 'SimpleComboUsageComponent'],
+                imports: ['IgxComboModule', 'SimpleComboUsageComponent', 'IgxSimpleComboModule'],
                 ngDeclarations: ['SimpleComboUsageComponent'],
-                ngImports: ['IgxComboModule']
+                ngImports: ['IgxComboModule', 'IgxSimpleComboModule']
             }),
-            component: 'SimpleComboUsageComponent',
-            shortenComponentPathBy: '/lists/combo/'
+            component: 'SimpleComboUsageComponent'
         }));
 
         configs.push(new Config({
             additionalFiles: ['/src/app/data/cities15000-regions-countries.ts'],
             appModuleConfig: new AppModuleConfig({
-                imports: ['IgxComboModule', 'SimpleComboCascadingComponent'],
+                imports: ['IgxComboModule', 'IgxSimpleComboModule', 'SimpleComboCascadingComponent'],
                 ngDeclarations: ['SimpleComboCascadingComponent'],
-                ngImports: ['IgxComboModule']
+                ngImports: ['IgxComboModule', 'IgxSimpleComboModule']
             }),
-            component: 'SimpleComboCascadingComponent',
-            shortenComponentPathBy: '/lists/combo/'
+            component: 'SimpleComboCascadingComponent'
         }));
 
         configs.push(new Config({
             additionalFiles: ['/src/app/data/cities15000-regions-countries.ts'],
             appModuleConfig: new AppModuleConfig({
-                imports: ['IgxComboModule', 'SimpleComboStylingComponent'],
+                imports: ['IgxComboModule', 'IgxSimpleComboModule', 'SimpleComboStylingComponent'],
                 ngDeclarations: ['SimpleComboStylingComponent'],
-                ngImports: ['IgxComboModule']
+                ngImports: ['IgxComboModule', 'IgxSimpleComboModule']
             }),
-            component: 'SimpleComboStylingComponent',
-            shortenComponentPathBy: '/lists/combo/'
+            component: 'SimpleComboStylingComponent'
         }));
 
         return configs;

live-editing/configs/ComboConfigGenerator.ts

@@ -1037,6 +1037,17 @@ export class GridConfigGenerator implements IConfigGenerator {
             })
         }));
 
+        configs.push(new Config({
+            component: 'GridSummaryTemplateComponent',
+            additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/nwindData.ts'],
+            appModuleConfig: new AppModuleConfig({
+                imports: ['GridSummaryTemplateComponent', 'IgxGridModule', 'IgxInputGroupModule',
+                    'IgxButtonGroupModule', 'IgxSwitchModule', 'IgxPreventDocumentScrollModule'],
+                ngDeclarations: ['GridSummaryTemplateComponent'],
+                ngImports: ['IgxPreventDocumentScrollModule', 'IgxGridModule', 'IgxInputGroupModule', 'IgxButtonGroupModule', 'IgxSwitchModule']
+            })
+        }));
+
         configs.push(new Config({
             component: 'GridCollapsibleColumnGroupsComponent',
             additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/invoiceData.ts'],