Vnext

.github/workflows/deploy-trigger.yml

@@ -0,0 +1,34 @@
+name: Trigger Deployment Workflow
+
+on:
+  push:
+    branches:
+      - vnext
+      - master
+  workflow_dispatch:
+    inputs:
+      branch:
+        description: 'Input a branch name (e.g., vnext)'
+        required: true
+
+permissions:
+  contents: read
+jobs:
+  trigger:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Trigger Workflow in Another Repository
+        env:
+          GH_TOKEN: ${{ secrets.CLASSIC_PATKA }}
+        run: |
+          # Set the required variables
+          repo="IgniteUI/igniteui-actions"
+          event_type="igniteui-angular-samples-cd"
+          branch="${{ github.ref_name }}"
+
+          # Trigger repository dispatch using GitHub CLI
+          gh api repos/$repo/dispatches \
+            --method POST \
+            --field event_type="$event_type" \
+            --raw-field client_payload="{\"branch\": \"$branch\", \"unit\": false, \"integration\": true}"

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/CarouselConfigGenerator.ts

@@ -41,6 +41,13 @@ export class CarouselConfigGenerator implements IConfigGenerator {
             shortenComponentPathBy: "/layouts/carousel/"
         }));
 
+        configs.push(new Config({
+            component: 'CarouselStylingSampleComponent',
+            additionalFiles: ["/src/app/layouts/carousel/carousel-styling-sample/layout.scss"],
+            appConfig: BaseAppConfig,
+            shortenComponentPathBy: "/layouts/carousel/"
+        }));
+
         return configs;
     }
 }

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/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({

package.json

@@ -73,12 +73,12 @@
     "file-saver": "^2.0.2",
     "hammerjs": "^2.0.8",
     "igniteui-angular": "^20.1.4",
-    "igniteui-angular-charts": "^19.0.1",
-    "igniteui-angular-core": "^19.0.1",
-    "igniteui-angular-extras": "^20.0.0",
+    "igniteui-angular-charts": "^20.1.0",
+    "igniteui-angular-core": "^20.1.0",
+    "igniteui-angular-extras": "^20.0.2",
     "igniteui-angular-i18n": "^20.1.4",
     "igniteui-dockmanager": "^1.17.0",
-    "igniteui-live-editing": "^3.1.1",
+    "igniteui-live-editing": "^3.2.0",
     "igniteui-webcomponents": "^6.2.0",
     "minireset.css": "0.0.6",
     "postcss": "^8.5.5",

projects/app-lob/src/app/app.routes.server.ts

@@ -1,28 +1,28 @@
 import { RenderMode, ServerRoute } from '@angular/ssr';
 
 export const serverRoutes: ServerRoute[] = [
-    {
-        path: 'grid/grid',
-        renderMode: RenderMode.Client // TODO: Fails with Prerender
-    },
-    {
-        path: 'treegrid-finjs',
-        renderMode: RenderMode.Client // TODO: Fails with Prerender
-    },
-    {
-        path: 'samples/treegrid-finjs',
-        renderMode: RenderMode.Client // TODO: Fails with Prerender
-    },
-    {
-        path: 'grid-finjs-dock-manager/**',
-        renderMode: RenderMode.Client // TODO: Fails with Prerender
-    },
-    {
-        path: 'samples/grid-finjs-dock-manager/**',
-        renderMode: RenderMode.Client // TODO: Fails with Prerender
-    },
+//    {
+//        path: 'grid/grid',
+//        renderMode: RenderMode.Client // TODO: Fails with Prerender
+//    },
+//    {
+//        path: 'treegrid-finjs',
+//        renderMode: RenderMode.Client // TODO: Fails with Prerender
+//    },
+//    {
+//        path: 'samples/treegrid-finjs',
+//        renderMode: RenderMode.Client // TODO: Fails with Prerender
+//    },
+//    {
+//        path: 'grid-finjs-dock-manager/**',
+//        renderMode: RenderMode.Client // TODO: Fails with Prerender
+//    },
+//    {
+//        path: 'samples/grid-finjs-dock-manager/**',
+//        renderMode: RenderMode.Client // TODO: Fails with Prerender
+//    },
     {
         path: '**',
-        renderMode: RenderMode.Prerender
+        renderMode: RenderMode.Client // SSR disabled for all routes
     }
 ];

projects/app-lob/src/app/app.routes.ts

@@ -45,6 +45,11 @@ export const SamplesRoutes: Routes = [
         loadChildren: () => import('./grid-dynamic-chart-data/grid-dynamic-chart-data.routes')
         .then(m => m.GridDynamicChartRoutes),
         path: 'grid-dynamic-chart-data'
+    },
+    {
+        data: ['PivotGridsModule'],
+        loadChildren: () => import('./pivot-grid/pivot-grids.routes').then(m => m.PivotGridsRoutes),
+        path: 'pivot-grid'
     }
 ];
 

projects/app-lob/src/app/grid-dynamic-chart-data/grid-dynamic-chart-data.component.html

@@ -1,7 +1,4 @@
 
-<app-page-header title="Data Analysis Grid">
-    Excel like data analysis showcase application with Ignite UI Angular components and extras
-</app-page-header>
 <div class="grid-chart-contextmenu-wrapper">
     <igx-grid #grid igxChartIntegration igxConditionalFormatting igxContextMenu primaryKey='id' [data]="data">
         <igx-column field="id" [hidden]="true"></igx-column>

projects/app-lob/src/app/grid-dynamic-chart-data/grid-dynamic-chart-data.component.ts

@@ -1,6 +1,6 @@
 /* eslint-disable max-len */
 import { AfterViewInit, Component, OnInit, ViewChild } from '@angular/core';
-import { IgxChartIntegrationDirective, IgxContextMenuDirective, IgxConditionalFormattingDirective,  OPTIONS_TYPE, CHART_TYPE, PageHeaderComponent } from 'igniteui-angular-extras';
+import { IgxChartIntegrationDirective, IgxContextMenuDirective, IgxConditionalFormattingDirective,  OPTIONS_TYPE, CHART_TYPE } from 'igniteui-angular-extras';
 
 import { FinancialData } from '../data/financialData';
 import { IgxGridComponent, IgxColumnComponent, IgxCellTemplateDirective } from 'igniteui-angular';
@@ -10,7 +10,7 @@ import { DecimalPipe, CurrencyPipe } from '@angular/common';
     selector: 'app-grid-dynamic-chart-data',
     templateUrl: './grid-dynamic-chart-data.component.html',
     styleUrls: ['./grid-dynamic-chart-data.component.scss'],
-    imports: [IgxGridComponent, PageHeaderComponent, IgxChartIntegrationDirective, IgxConditionalFormattingDirective, IgxContextMenuDirective, IgxColumnComponent, IgxCellTemplateDirective, DecimalPipe, CurrencyPipe]
+    imports: [IgxGridComponent, IgxChartIntegrationDirective, IgxConditionalFormattingDirective, IgxContextMenuDirective, IgxColumnComponent, IgxCellTemplateDirective, DecimalPipe, CurrencyPipe]
 })
 export class GridDynamicChartDataComponent implements OnInit, AfterViewInit {