From ccc3b6f8f35078f4da84f9ac0c8789f924c6b57b Mon Sep 17 00:00:00 2001 From: Stamen Stoychev Date: Wed, 5 Nov 2025 10:14:56 +0200 Subject: [PATCH 1/5] fix(finjs): making main chart sample work by upgrading charts --- package-lock.json | 30 ++++++------- package.json | 4 +- projects/app-lob/src/app/app.routes.server.ts | 42 +++++++++---------- .../src/app/grid-finjs/main.component.ts | 15 ++++--- 4 files changed, 45 insertions(+), 46 deletions(-) diff --git a/package-lock.json b/package-lock.json index 29b0a9b516..87d30b17bd 100644 --- a/package-lock.json +++ b/package-lock.json @@ -36,8 +36,8 @@ "file-saver": "^2.0.2", "hammerjs": "^2.0.8", "igniteui-angular": "^20.1.6", - "igniteui-angular-charts": "^19.0.1", - "igniteui-angular-core": "^19.0.1", + "igniteui-angular-charts": "^20.1.0", + "igniteui-angular-core": "^20.1.0", "igniteui-angular-extras": "^20.0.0", "igniteui-angular-i18n": "^20.1.6", "igniteui-dockmanager": "^1.17.0", @@ -12591,32 +12591,32 @@ } }, "node_modules/igniteui-angular-charts": { - "version": "19.1.0", - "resolved": "https://registry.npmjs.org/igniteui-angular-charts/-/igniteui-angular-charts-19.1.0.tgz", - "integrity": "sha512-GtWTI8gmJk5MpbUUGjK2ATJfyfl1sxbfEdR23xAvI7XrOvwpJnsGAf4QKeGg45XOS4fyF5hGBl/HN95m9lyoSw==", + "version": "20.1.0", + "resolved": "https://registry.npmjs.org/igniteui-angular-charts/-/igniteui-angular-charts-20.1.0.tgz", + "integrity": "sha512-VwVsWRjHHMAjXHmrN2ddFqJwyRaXCVo52zaXyydc/Iq7VOK7pwruGdsiDbOj/5uFbMDpYu5O9x7DZ7T09mJwPA==", "license": "Infragistics(R) Ultimate license (http://www.infragistics.com/legal/ultimate/license/)", "dependencies": { "tslib": "^2.3.1" }, "peerDependencies": { - "@angular/common": "^19.0.0", - "@angular/compiler": "^19.0.0", - "@angular/core": "^19.0.0", - "igniteui-angular-core": "19.1.0" + "@angular/common": "^20.0.0", + "@angular/compiler": "^20.0.0", + "@angular/core": "^20.0.0", + "igniteui-angular-core": "20.1.0" } }, "node_modules/igniteui-angular-core": { - "version": "19.1.0", - "resolved": "https://registry.npmjs.org/igniteui-angular-core/-/igniteui-angular-core-19.1.0.tgz", - "integrity": "sha512-8SKEDy4qn+Ft6hTrjN0OZOIM1WSvr3ULPGmRJY08qsTYWuRBhW2ZIx4/TxCvXbnO0mJv3nLUMtNGWLAH92s0MA==", + "version": "20.1.0", + "resolved": "https://registry.npmjs.org/igniteui-angular-core/-/igniteui-angular-core-20.1.0.tgz", + "integrity": "sha512-KsOmwRjJp6vwaYpznhB8byZq8smMH3KLB+NNU1SU+O4iSx4inSBfYTa09pn9Hov+I/k1CfX90n0NqchMs5pgqg==", "license": "Infragistics(R) Ultimate license (http://www.infragistics.com/legal/ultimate/license/)", "dependencies": { "tslib": "^2.3.1" }, "peerDependencies": { - "@angular/common": "^19.0.0", - "@angular/compiler": "^19.0.0", - "@angular/core": "^19.0.0" + "@angular/common": "^20.0.0", + "@angular/compiler": "^20.0.0", + "@angular/core": "^20.0.0" } }, "node_modules/igniteui-angular-extras": { diff --git a/package.json b/package.json index fe036cce0f..b8fb68ba05 100644 --- a/package.json +++ b/package.json @@ -73,8 +73,8 @@ "file-saver": "^2.0.2", "hammerjs": "^2.0.8", "igniteui-angular": "^20.1.6", - "igniteui-angular-charts": "^19.0.1", - "igniteui-angular-core": "^19.0.1", + "igniteui-angular-charts": "^20.1.0", + "igniteui-angular-core": "^20.1.0", "igniteui-angular-extras": "^20.0.0", "igniteui-angular-i18n": "^20.1.6", "igniteui-dockmanager": "^1.17.0", diff --git a/projects/app-lob/src/app/app.routes.server.ts b/projects/app-lob/src/app/app.routes.server.ts index 0c54bd67c9..65ab8a3247 100644 --- a/projects/app-lob/src/app/app.routes.server.ts +++ b/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 } ]; diff --git a/projects/app-lob/src/app/grid-finjs/main.component.ts b/projects/app-lob/src/app/grid-finjs/main.component.ts index 81c8fbd224..a8130ee115 100644 --- a/projects/app-lob/src/app/grid-finjs/main.component.ts +++ b/projects/app-lob/src/app/grid-finjs/main.component.ts @@ -1,16 +1,15 @@ import { AfterViewInit, Component, HostBinding, OnDestroy, ViewChild } from '@angular/core'; -import { Router } from '@angular/router'; import { IgxDialogComponent, IgxOverlayOutletDirective, OverlaySettings, IgxDialogTitleDirective, IgxDialogActionsDirective, IgxButtonDirective, IgxFocusDirective } from 'igniteui-angular'; -import { IgxCategoryChartComponent, IgxCategoryChartCoreModule } from 'igniteui-angular-charts'; +import { IgxCategoryChartComponent, IgxCategoryChartModule } from 'igniteui-angular-charts'; import { Stock } from '../data/financialData'; import { ControllerComponent } from './controllers.component'; import { GridFinJSComponent } from './grid-finjs.component'; -@Component({ - selector: 'app-finjs-main', - styleUrls: ['./main.component.scss'], - templateUrl: './main.component.html', - imports: [ControllerComponent, GridFinJSComponent, IgxOverlayOutletDirective, IgxDialogComponent, IgxDialogTitleDirective, IgxCategoryChartCoreModule, IgxDialogActionsDirective, IgxButtonDirective, IgxFocusDirective] +@Component({ + selector: 'app-finjs-main', + styleUrls: ['./main.component.scss'], + templateUrl: './main.component.html', + imports: [ControllerComponent, GridFinJSComponent, IgxOverlayOutletDirective, IgxDialogComponent, IgxDialogTitleDirective, IgxCategoryChartModule, IgxDialogActionsDirective, IgxButtonDirective, IgxFocusDirective] }) export class FinJSDemoComponent implements OnDestroy, AfterViewInit { @ViewChild('finGrid', { static: true }) public finGrid: GridFinJSComponent; @@ -99,7 +98,7 @@ export class FinJSDemoComponent implements OnDestroy, AfterViewInit { public setChartData(args: Stock[]): void { this.chartData = []; args.forEach(rowKey => { - const row: Stock = this.finGrid.grid.getRowByKey(rowKey).data; + const row: Stock = this.finGrid.grid.getRowByKey(rowKey.id).data; this.chartData.push(row); this.chart.notifyInsertItem(this.chartData, this.chartData.length - 1, row); }); From b6646656e1b57712681a8160f0356a43f43b0f50 Mon Sep 17 00:00:00 2001 From: Stamen Stoychev Date: Wed, 5 Nov 2025 10:32:26 +0200 Subject: [PATCH 2/5] fix(partial-finjs): removing chart column for partial as it cannot work --- .../app/grid-finjs/grid-finjs.component.html | 16 +++++++----- .../app/grid-finjs/grid-finjs.component.ts | 26 ++++++++++--------- .../src/app/grid-finjs/main.component.html | 1 + 3 files changed, 24 insertions(+), 19 deletions(-) diff --git a/projects/app-lob/src/app/grid-finjs/grid-finjs.component.html b/projects/app-lob/src/app/grid-finjs/grid-finjs.component.html index 7bcaa33c2b..17c88a1cf1 100644 --- a/projects/app-lob/src/app/grid-finjs/grid-finjs.component.html +++ b/projects/app-lob/src/app/grid-finjs/grid-finjs.component.html @@ -74,13 +74,15 @@ - - - - - + @if (allowChart) { + + + + + + } diff --git a/projects/app-lob/src/app/grid-finjs/grid-finjs.component.ts b/projects/app-lob/src/app/grid-finjs/grid-finjs.component.ts index 1dc58f623a..a0b2341874 100644 --- a/projects/app-lob/src/app/grid-finjs/grid-finjs.component.ts +++ b/projects/app-lob/src/app/grid-finjs/grid-finjs.component.ts @@ -1,23 +1,23 @@ /* eslint-disable max-len */ import { AsyncPipe, CurrencyPipe } from '@angular/common'; -import { Component, ElementRef, EventEmitter, OnInit, Output, ViewChild, DOCUMENT, inject } from '@angular/core'; +import { Component, ElementRef, EventEmitter, Input, OnInit, Output, ViewChild, DOCUMENT, inject } from '@angular/core'; import { CellType, DefaultSortingStrategy, GridSelectionMode, IGridKeydownEventArgs, IgxGridComponent, IgxOverlayOutletDirective, IRowSelectionEventArgs, OverlaySettings, SortingDirection, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarExporterComponent, IgxExcelTextDirective, IgxColumnComponent, IgxCellEditorTemplateDirective, IgxSelectComponent, IgxFocusDirective, IgxSelectItemComponent, IgxCellTemplateDirective, IgxIconComponent, IgxIconButtonDirective } from 'igniteui-angular'; import { BehaviorSubject } from 'rxjs'; import { Contract, REGIONS, Stock } from '../data/financialData'; -import { SignalRService } from '../services/signal-r.service'; -import { IgxPreventDocumentScrollDirective } from '../../../../../src/app/directives/prevent-scroll.directive'; +import { SignalRService } from '../services/signal-r.service'; +import { IgxPreventDocumentScrollDirective } from '../../../../../src/app/directives/prevent-scroll.directive'; import { FormsModule } from '@angular/forms'; -@Component({ - selector: 'app-finjs-grid', - templateUrl: './grid-finjs.component.html', - styleUrls: ['./grid-finjs.component.scss'], - imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarExporterComponent, IgxExcelTextDirective, IgxColumnComponent, IgxCellEditorTemplateDirective, IgxSelectComponent, FormsModule, IgxFocusDirective, IgxSelectItemComponent, IgxCellTemplateDirective, IgxIconComponent, IgxIconButtonDirective, IgxOverlayOutletDirective, AsyncPipe, CurrencyPipe] +@Component({ + selector: 'app-finjs-grid', + templateUrl: './grid-finjs.component.html', + styleUrls: ['./grid-finjs.component.scss'], + imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarExporterComponent, IgxExcelTextDirective, IgxColumnComponent, IgxCellEditorTemplateDirective, IgxSelectComponent, FormsModule, IgxFocusDirective, IgxSelectItemComponent, IgxCellTemplateDirective, IgxIconComponent, IgxIconButtonDirective, IgxOverlayOutletDirective, AsyncPipe, CurrencyPipe] }) -export class GridFinJSComponent implements OnInit { - private el = inject(ElementRef); - private document = inject(DOCUMENT); - dataService = inject(SignalRService); +export class GridFinJSComponent implements OnInit { + private el = inject(ElementRef); + private document = inject(DOCUMENT); + dataService = inject(SignalRService); @ViewChild('grid1', { static: true }) public grid: IgxGridComponent; @ViewChild(IgxOverlayOutletDirective, { static: true }) public outlet: IgxOverlayOutletDirective; @@ -25,6 +25,8 @@ export class GridFinJSComponent implements OnInit { @Output() public keyDown = new EventEmitter(); @Output() public chartColumnKeyDown = new EventEmitter(); + @Input() public allowChart = false; + public contracts = Contract; public regions = REGIONS; public selectionMode: GridSelectionMode = 'multiple'; diff --git a/projects/app-lob/src/app/grid-finjs/main.component.html b/projects/app-lob/src/app/grid-finjs/main.component.html index eb2f501684..e1306dd015 100644 --- a/projects/app-lob/src/app/grid-finjs/main.component.html +++ b/projects/app-lob/src/app/grid-finjs/main.component.html @@ -6,6 +6,7 @@ (playAction)="onPlayAction($event)"> From ee6a20a3d941d55035c5f6a97b6f0461e030f57f Mon Sep 17 00:00:00 2001 From: dobromirts Date: Wed, 5 Nov 2025 18:24:43 +0200 Subject: [PATCH 3/5] fix(*): update igniteui-angular-extras to version 20.0.2 --- package-lock.json | 12 ++++++------ package.json | 2 +- .../grid-dynamic-chart-data.component.html | 3 --- .../grid-dynamic-chart-data.component.ts | 4 ++-- 4 files changed, 9 insertions(+), 12 deletions(-) diff --git a/package-lock.json b/package-lock.json index 87d30b17bd..7e0ce71488 100644 --- a/package-lock.json +++ b/package-lock.json @@ -38,7 +38,7 @@ "igniteui-angular": "^20.1.6", "igniteui-angular-charts": "^20.1.0", "igniteui-angular-core": "^20.1.0", - "igniteui-angular-extras": "^20.0.0", + "igniteui-angular-extras": "^20.0.2", "igniteui-angular-i18n": "^20.1.6", "igniteui-dockmanager": "^1.17.0", "igniteui-live-editing": "^3.1.1", @@ -12620,9 +12620,9 @@ } }, "node_modules/igniteui-angular-extras": { - "version": "20.0.0", - "resolved": "https://registry.npmjs.org/igniteui-angular-extras/-/igniteui-angular-extras-20.0.0.tgz", - "integrity": "sha512-chYEtnynwEUiJQqlNG3n79FChxHBA/y9WclKcVvzvpldwRZX3ctQh22cUH/G/rCT4gc98GV1qbwvogHAL017OA==", + "version": "20.0.2", + "resolved": "https://registry.npmjs.org/igniteui-angular-extras/-/igniteui-angular-extras-20.0.2.tgz", + "integrity": "sha512-/jWLKtL2Ls0+erb7IBhApVM2KsAKlotEC713xo5NgGvBr78S/cdKQFfLNsrfCYHddqur/KEmamhZtfz/0e5e9Q==", "dependencies": { "igniteui-trial-watermark": "^3.0.2", "tslib": "^2.0.0" @@ -12631,8 +12631,8 @@ "@angular/common": "20", "@angular/core": "20", "igniteui-angular": "20", - "igniteui-angular-charts": "19", - "igniteui-angular-core": "19" + "igniteui-angular-charts": "20", + "igniteui-angular-core": "20" } }, "node_modules/igniteui-angular-i18n": { diff --git a/package.json b/package.json index b8fb68ba05..7ccded24c4 100644 --- a/package.json +++ b/package.json @@ -75,7 +75,7 @@ "igniteui-angular": "^20.1.6", "igniteui-angular-charts": "^20.1.0", "igniteui-angular-core": "^20.1.0", - "igniteui-angular-extras": "^20.0.0", + "igniteui-angular-extras": "^20.0.2", "igniteui-angular-i18n": "^20.1.6", "igniteui-dockmanager": "^1.17.0", "igniteui-live-editing": "^3.1.1", diff --git a/projects/app-lob/src/app/grid-dynamic-chart-data/grid-dynamic-chart-data.component.html b/projects/app-lob/src/app/grid-dynamic-chart-data/grid-dynamic-chart-data.component.html index e2b9e26abd..689c101204 100644 --- a/projects/app-lob/src/app/grid-dynamic-chart-data/grid-dynamic-chart-data.component.html +++ b/projects/app-lob/src/app/grid-dynamic-chart-data/grid-dynamic-chart-data.component.html @@ -1,7 +1,4 @@ - - Excel like data analysis showcase application with Ignite UI Angular components and extras -
diff --git a/projects/app-lob/src/app/grid-dynamic-chart-data/grid-dynamic-chart-data.component.ts b/projects/app-lob/src/app/grid-dynamic-chart-data/grid-dynamic-chart-data.component.ts index 36392c552e..e3a58d98a3 100644 --- a/projects/app-lob/src/app/grid-dynamic-chart-data/grid-dynamic-chart-data.component.ts +++ b/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 { From 0b3aaa46bd7cad05da94cc1b697d32d34772188c Mon Sep 17 00:00:00 2001 From: zdrawku Date: Thu, 6 Nov 2025 11:30:45 +0200 Subject: [PATCH 4/5] chore(*): Fix broken Pivot samples routing --- projects/app-lob/src/app/app.routes.ts | 5 ++ .../app-lob/src/app/index/index.component.ts | 2 +- .../app/pivot-grid/pivot-grid-routes-data.ts | 12 ++++ .../src/app/pivot-grid/pivot-grids.routes.ts | 62 +++++++++++++++++++ 4 files changed, 80 insertions(+), 1 deletion(-) create mode 100644 projects/app-lob/src/app/pivot-grid/pivot-grid-routes-data.ts create mode 100644 projects/app-lob/src/app/pivot-grid/pivot-grids.routes.ts diff --git a/projects/app-lob/src/app/app.routes.ts b/projects/app-lob/src/app/app.routes.ts index 2562d66bfa..592250f6ea 100644 --- a/projects/app-lob/src/app/app.routes.ts +++ b/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' } ]; diff --git a/projects/app-lob/src/app/index/index.component.ts b/projects/app-lob/src/app/index/index.component.ts index 6e5b01e95a..bb56290608 100644 --- a/projects/app-lob/src/app/index/index.component.ts +++ b/projects/app-lob/src/app/index/index.component.ts @@ -2,7 +2,7 @@ import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, DOCUMEN import { NavigationStart, Route, Router, RouterLinkActive, RouterLink, RouterOutlet } from '@angular/router'; import { IgxNavigationDrawerComponent, IgxLayoutDirective, IgxNavDrawerTemplateDirective, IgxNavDrawerItemDirective, IgxRippleDirective, IgxIconButtonDirective, IgxIconComponent, IgxInputGroupComponent, IgxPrefixDirective, IgxInputDirective, IgxSuffixDirective, IgxFlexDirective, IgxNavbarComponent } from 'igniteui-angular'; import { filter } from 'rxjs/operators'; -import { pivotGridsRoutesData } from '../../../../../src/app/pivot-grid/pivot-grid-routes-data'; +import { pivotGridsRoutesData } from '../pivot-grid/pivot-grid-routes-data'; import { gridDynamicChartRoutesData } from '../grid-dynamic-chart-data/grid-dynamic-chart-data-routes-data'; import { finJsDockManagerGridRoutes } from '../grid-finjs-dock-manager/grid-finjs-dock-manager-routes-data'; import { gridfinjsRoutesData} from '../grid-finjs/grid-finjs-routes-data'; diff --git a/projects/app-lob/src/app/pivot-grid/pivot-grid-routes-data.ts b/projects/app-lob/src/app/pivot-grid/pivot-grid-routes-data.ts new file mode 100644 index 0000000000..299f6ad504 --- /dev/null +++ b/projects/app-lob/src/app/pivot-grid/pivot-grid-routes-data.ts @@ -0,0 +1,12 @@ +// tslint:disable:object-literal-sort-keys +export const pivotGridsRoutesData = { + 'pivot-grid-basic': { displayName: 'Basic Pivot Grid', parentName: 'Pivot Grid' }, + 'pivot-grid-datasource': { displayName: 'Pivot Grid With Datasource Component', parentName: 'Pivot Grid' }, + 'pivot-grid-noop': { displayName: 'Noop Pivot Grid', parentName: 'Pivot Grid' }, + 'pivot-grid-export': { displayName: 'Pivot Grid Export', parentName: 'Pivot Grid' }, + 'pivot-grid-features': { displayName: 'Pivot Grid With Features', parentName: 'Pivot Grid' }, + 'pivot-grid-state-persistence': { displayName: 'Pivot Grid With State Persistence', parentName: 'Pivot Grid' }, + 'pivot-grid-noop-persistence': { displayName: 'Pivot Noop Grid with State Persistence', parentName: 'Pivot Grid' }, + 'pivot-grid-about': { displayName: 'Pivot Grid About', parentName: 'Pivot Grid' }, + 'pivot-grid-layout': { displayName: 'Pivot Grid Layout', parentName: 'Pivot Grid' } +}; \ No newline at end of file diff --git a/projects/app-lob/src/app/pivot-grid/pivot-grids.routes.ts b/projects/app-lob/src/app/pivot-grid/pivot-grids.routes.ts new file mode 100644 index 0000000000..394c0616d7 --- /dev/null +++ b/projects/app-lob/src/app/pivot-grid/pivot-grids.routes.ts @@ -0,0 +1,62 @@ +/* eslint-disable max-len */ +import { Routes } from '@angular/router'; +// Import components from the main project +import { PivotGridBasicSampleComponent } from '../../../../../src/app/pivot-grid/pivot-basic-sample/pivot-grid-basic-sample.component'; +import { PivotDataSelectorSampleComponent } from '../../../../../src/app/pivot-grid/pivot-datasource/pivot-data-selector-sample.component'; +import { PivotFeaturesComponent } from '../../../../../src/app/pivot-grid/pivot-features/pivot-features.component'; +import { PivotExportComponent } from '../../../../../src/app/pivot-grid/pivot-export/pivot-export.component'; +import { PivotGridNoopPersistenceSampleComponent } from '../../../../../src/app/pivot-grid/pivot-grid-noop-persistence/pivot-grid-noop-persistence-sample.component'; +import { PivotGridNoopSampleComponent } from '../../../../../src/app/pivot-grid/pivot-grid-noop/pivot-grid-noop-sample.component'; +import { pivotGridsRoutesData } from './pivot-grid-routes-data'; +import { PivotGridAboutComponent } from '../../../../../src/app/pivot-grid/pivot-state-persistence/about.component'; +import { PivotGridStatePersistenceSampleComponent } from '../../../../../src/app/pivot-grid/pivot-state-persistence/pivot-grid-state-persistence-sample.component'; +import { PivotGridLayoutComponent } from '../../../../../src/app/pivot-grid/pivot-layout/pivot-layout.component' +// tslint:enable:max-line-length + +export const PivotGridsRoutes: Routes = [ + { + component: PivotGridBasicSampleComponent, + data: pivotGridsRoutesData['pivot-grid-basic'], + path: 'pivot-grid-basic' + }, + { + component: PivotExportComponent, + data: pivotGridsRoutesData['pivot-grid-export'], + path: 'pivot-grid-export' + }, + { + component: PivotFeaturesComponent, + data: pivotGridsRoutesData['pivot-grid-features'], + path: 'pivot-grid-features' + }, + { + component: PivotDataSelectorSampleComponent, + data: pivotGridsRoutesData['pivot-grid-datasource'], + path: 'pivot-grid-datasource' + }, + { + component: PivotGridNoopSampleComponent, + data: pivotGridsRoutesData['pivot-grid-noop'], + path: 'pivot-grid-noop' + }, + { + component: PivotGridStatePersistenceSampleComponent, + data: pivotGridsRoutesData['pivot-grid-state-persistence'], + path: 'pivot-grid-state-persistence' + }, + { + component: PivotGridNoopPersistenceSampleComponent, + data: pivotGridsRoutesData['pivot-grid-noop-persistence'], + path: 'pivot-grid-noop-persistence' + }, + { + component: PivotGridAboutComponent, + data: pivotGridsRoutesData['pivot-grid-about'], + path: 'pivot-grid-about' + }, + { + component: PivotGridLayoutComponent, + data: pivotGridsRoutesData['pivot-grid-layout'], + path: 'pivot-grid-layout' + } +]; \ No newline at end of file From 814ba246dd88c58d71e768dee1eedb25ad29e8d8 Mon Sep 17 00:00:00 2001 From: zdrawku Date: Thu, 6 Nov 2025 12:07:12 +0200 Subject: [PATCH 5/5] chore(*): Fix missing chart in master detail --- .../grid/grid-master-detail/grid-master-detail.component.ts | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/projects/app-lob/src/app/grid/grid-master-detail/grid-master-detail.component.ts b/projects/app-lob/src/app/grid/grid-master-detail/grid-master-detail.component.ts index a3caf58201..6fadf6ef8f 100644 --- a/projects/app-lob/src/app/grid/grid-master-detail/grid-master-detail.component.ts +++ b/projects/app-lob/src/app/grid/grid-master-detail/grid-master-detail.component.ts @@ -1,7 +1,7 @@ /* eslint-disable @typescript-eslint/naming-convention */ import { Component, ViewChild } from '@angular/core'; import { IgxColumnComponent, IgxGridComponent, IgxGridDetailTemplateDirective, IgxTabsComponent, IgxTabItemComponent, IgxTabHeaderComponent, IgxTabHeaderLabelDirective, IgxTabContentComponent, IgxAvatarComponent, IgxDividerDirective } from 'igniteui-angular'; -import { IgxLegendComponent, IgxPieChartCoreModule, IgxLegendModule, IgxCategoryChartCoreModule } from 'igniteui-angular-charts'; +import { IgxLegendComponent, IgxPieChartCoreModule, IgxLegendModule, IgxCategoryChartModule } from 'igniteui-angular-charts'; import { employeesData } from '../../data/employeesData'; import { IgxPreventDocumentScrollDirective } from '../../../../../../src/app/directives/prevent-scroll.directive'; @@ -9,7 +9,7 @@ import { IgxPreventDocumentScrollDirective } from '../../../../../../src/app/dir selector: 'app-grid-master-detail', styleUrls: ['./grid-master-detail.component.scss'], templateUrl: 'grid-master-detail.component.html', - imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxGridDetailTemplateDirective, IgxTabsComponent, IgxTabItemComponent, IgxTabHeaderComponent, IgxTabHeaderLabelDirective, IgxTabContentComponent, IgxAvatarComponent, IgxDividerDirective, IgxPieChartCoreModule, IgxLegendModule, IgxCategoryChartCoreModule] + imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxGridDetailTemplateDirective, IgxTabsComponent, IgxTabItemComponent, IgxTabHeaderComponent, IgxTabHeaderLabelDirective, IgxTabContentComponent, IgxAvatarComponent, IgxDividerDirective, IgxPieChartCoreModule, IgxLegendModule, IgxCategoryChartModule] }) export class GridMasterDetailSampleComponent {